/* KWIK L ONE · sign-in and the start of the trial, in the site's system (sprint S3 fixes). Loaded after the desk's own
   stylesheet by site73/build.py. Midnight ground, one raised card, Plex type, the one gold button. */
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
.gate{--display:"Plex Sans","Plex Arabic",system-ui,sans-serif;--body:"Plex Sans","Plex Arabic",system-ui,sans-serif;
  --ground:#0F0B1E;--raised:#17112B;--sunk:#120d24;--text:#F5F4F8;--text-2:#A9A4B8;--text-3:#A9A4B8;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.22);
  --focus:#CDA052;--r:12px;--r-lg:24px;background:#0F0B1E!important;color:#F5F4F8;color-scheme:dark;font-family:var(--body)}
.gate .lockup .for-paper{display:none!important}.gate .lockup .for-ink{display:block!important}
.gate .gate-main{padding-top:clamp(24px,10vh,112px)}
.gate .gate-col{padding:32px;border-radius:24px;background:#17112B!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;max-width:440px}
.gate .gate-col h1{font:300 32px/40px var(--display);letter-spacing:-.01em;color:#E8E6EF!important}
[dir=rtl] .gate .gate-col h1{font-weight:400;letter-spacing:0;line-height:46px}
.gate .lead{font:400 17px/26px var(--body);color:#A9A4B8!important}
.gate .gate-col :is(p,span,label,small){color:#A9A4B8}
.gate .btn.primary[disabled]{opacity:.6}
.gate label,.gate .field>span{font:600 13px/18px var(--body);color:#A9A4B8}
.gate .input,.gate .select,.gate .textarea{min-height:48px;border-radius:12px;background:rgba(255,255,255,.04)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#F5F4F8!important;font:400 17px/24px var(--body)}
.gate .input:focus,.gate .select:focus{outline:2px solid #CDA052;outline-offset:1px}
.gate .btn{--h:48px;border-radius:12px;font:600 17px/24px var(--body);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);background:transparent;color:#F5F4F8}
.gate .btn.primary{background:#CDA052!important;color:#0F0B1E!important;box-shadow:none}
.gate a{color:#E8E6EF}
.gate .muted,.gate small{color:#A9A4B8}

/* what continuing agrees to */
.gate-terms{position:fixed;inset-inline:0;bottom:0;margin:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));text-align:center;
  font:400 13px/1.5 "IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;color:rgba(245,244,248,.62);background:linear-gradient(to top,#0F0B1E 60%,rgba(15,11,30,0))}
.gate-terms a{color:rgba(245,244,248,.86);text-decoration:underline;text-underline-offset:3px}
.gate-terms a:hover{color:#CDA052}