.auth-body{min-height:calc(100svh / var(--zoom,1));flex-direction:column;display:flex}.auth-nav{justify-content:space-between;align-items:center;width:100%;max-width:1440px;height:58px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px);display:flex}.auth-nav-right{color:var(--muted);align-items:center;gap:20px;font-size:14px;display:flex}.auth-nav-right a:hover{color:var(--text)}.back{align-items:center;gap:6px;display:inline-flex}.rise{opacity:0;animation:rise .9s var(--ease) forwards;transform:translateY(12px)}.r1{animation-delay:80ms}.r2{animation-delay:.16s}.r3{animation-delay:.24s}.r4{animation-delay:.32s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rise{opacity:1;transform:none}}.shell{flex:1;grid-template-columns:minmax(420px,1fr) minmax(0,1.5fr);gap:8px;min-height:0;padding:0 clamp(8px,1.6vw,24px) clamp(8px,1.6vw,24px);display:grid}.pane{border:1px solid var(--line);border-radius:16px;min-height:0;position:relative;overflow:hidden}.form-pane{background:var(--panel);place-items:center;padding:28px 24px;display:grid}.dither{image-rendering:pixelated;position:absolute;top:0;left:0}.form-pane:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 2px,#000 2px),linear-gradient(#0000 2px,#000 2px);background-size:6px 6px;position:absolute;inset:0}.form-wrap{z-index:1;width:100%;max-width:400px;position:relative}.badge{color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:inline-flex}.dot{background:var(--green);width:6px;height:6px;animation:ping 2.4s var(--ease) infinite;border-radius:50%}@keyframes ping{0%{box-shadow:0 0 #7ad48f99}70%,to{box-shadow:0 0 0 7px #7ad48f00}}h1{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(34px,3.6vw,46px);font-weight:500;line-height:1}h1 span{color:var(--dim)}.sub{color:var(--muted);margin-top:14px;font-size:15px}.card{border:1px solid var(--line);background:#111311f7;border-radius:14px;margin-top:28px;padding:22px;box-shadow:0 30px 70px -30px #000000e6}.oauth{gap:10px;width:100%;height:44px;font-size:14px}.oauth svg{width:17px;height:17px}.or{font:400 11px/1 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;display:flex}.or:before,.or:after{content:"";background:var(--line-2);flex:1;height:1px}.field{margin-bottom:12px;position:relative}.field input{border:1px solid var(--line-2);background:#0c0e0c;border-radius:8px;width:100%;height:52px;padding:20px 14px 6px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.field input:hover{border-color:#363c36}.field input:focus{border-color:var(--green);background:#0e110e;outline:none;box-shadow:0 0 0 4px #7ad48f1f}.field label{color:var(--dim);pointer-events:none;transform-origin:0 0;transition:transform .2s var(--ease), color .2s;font-size:15px;position:absolute;top:16px;left:15px}.field input:focus+label,.field input:not(:placeholder-shown)+label{color:var(--muted);transform:translateY(-9px)scale(.76)}.field input:focus+label{color:var(--green)}.field.bad input{border-color:var(--red);box-shadow:0 0 0 4px #e0664f1f}.field.bad label{color:var(--red)!important}.eye{width:36px;height:36px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.eye:hover{color:var(--text);background:#161916}.eye svg{width:18px;height:18px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.strength{grid-template-columns:repeat(24,1fr);gap:2px;margin:4px 0 6px;display:grid}.strength i{background:#1b1f1b;border-radius:1px;height:5px;transition:background .25s}.strength-l{font:400 11px/1 var(--mono);color:var(--dim);justify-content:space-between;margin-bottom:14px;display:flex}.line{color:var(--muted);justify-content:space-between;align-items:center;margin:6px 0 16px;font-size:13px;display:flex}.line a:hover{color:var(--text)}.check{cursor:pointer;color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.check input{opacity:0;position:absolute}.box{border:1px solid var(--line-2);background:#0c0e0c;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;transition:background .2s,border-color .2s;display:grid}.box svg{stroke:#000;stroke-width:2.4px;fill:none;stroke-dasharray:20;stroke-dashoffset:20px;width:12px;height:12px;transition:stroke-dashoffset .3s var(--ease)}.check input:checked+.box{background:var(--green);border-color:var(--green)}.check input:checked+.box svg{stroke-dashoffset:0}.check input:focus-visible+.box{outline:2px solid var(--green);outline-offset:2px}.check a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.submit{width:100%;height:46px;font-size:15px;position:relative;overflow:hidden}.submit .lbl{transition:opacity .2s, transform .3s var(--ease)}.submit .arr{transition:transform .2s var(--ease)}.submit:hover .arr{transform:translate(2px)}.dots{opacity:0;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.dots span{gap:5px;display:inline-flex}.dots i{background:#000;border-radius:1px;width:5px;height:5px;animation:.9s step-end infinite blink}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots i:nth-child(4){animation-delay:.45s}@keyframes blink{0%,to{opacity:.15}30%{opacity:1}}.busy .lbl{opacity:0;transform:translateY(-6px)}.busy .dots{opacity:1}.msg{min-height:1.5em;color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.msg.err{color:var(--red)}.switch{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}.switch a{color:var(--text);font-weight:500}.switch a:hover{color:var(--green)}.stage-pane{background:#06110a;place-items:center;padding:48px clamp(20px,4vw,64px);display:grid}.stage-bg{image-rendering:pixelated;position:absolute;top:0;left:0}.stage-pane:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 3px,#06110a 3px),linear-gradient(#0000 3px,#06110a 3px);background-size:4px 4px;position:absolute;inset:0}.stage-inner{width:100%;max-width:480px;position:relative}.frame{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 40px 90px -30px #000000e6}.frame-bar{border-bottom:1px solid var(--line);height:42px;font:400 12px/1 var(--mono);color:var(--dim);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.lights{gap:6px;display:flex}.lights i{background:var(--line-2);border-radius:50%;width:9px;height:9px}.tabs{gap:2px;display:flex}.tab{font:400 11px/1 var(--mono);color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;transition:background .2s,color .2s}.tab[aria-selected=true]{color:var(--green);background:#1a1e1a}.live{padding:22px}.live-top{font:400 12px/1.4 var(--mono);color:var(--dim);justify-content:space-between;display:flex}.swap{transition:opacity .28s var(--ease), transform .28s var(--ease)}.swapping .swap{opacity:0;transform:translateY(6px)}.verdict{letter-spacing:-.035em;margin-top:14px;font-size:24px;line-height:1.15}.why{color:var(--muted);margin-top:6px;font-size:14px}.nums{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.num{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.num>span{font:400 11px/1.4 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.num b{font:400 26px/1 var(--mono);letter-spacing:-.05em;margin-top:6px;display:block}.num b small{color:var(--dim);letter-spacing:0;margin-left:3px;font-size:12px}.num.good{background:#0f1a12;border-color:#24452e}.num.good b{color:var(--green)}.chip{font:400 12px/1 var(--mono);color:var(--green);margin-top:8px}.chip.red{color:var(--red)}.progress{background:#151815;height:2px}.progress i{background:var(--green);width:0;height:100%;display:block}.progress i.run{animation:5s linear forwards bar}.frame:hover .progress i.run{animation-play-state:paused}@keyframes bar{to{width:100%}}.traveler{width:100%;height:70px;margin-top:18px;display:block}.points{gap:10px;margin-top:22px;list-style:none;display:grid}.points li{color:#d6dbd5;text-shadow:0 1px 12px #000c;align-items:baseline;gap:10px;font-size:14px;display:flex}.points li:before{content:"✓";color:var(--green);font-family:var(--mono)}.foot{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;max-width:1440px;margin-inline:auto;padding:0 clamp(16px,4vw,40px) 20px;font-size:12px;display:flex}.foot a:hover{color:var(--text)}@media (min-width:961px) and (min-height:640px){.auth-body{height:calc(100svh / var(--zoom,1));overflow:hidden}}@media (min-width:961px) and (max-height:860px){h1{font-size:clamp(30px, calc(4.4vh / var(--zoom,1)), 40px)}.badge{margin-bottom:12px}.sub{margin-top:10px}.card{margin-top:18px;padding:18px}.or{margin:14px 0}.field{margin-bottom:10px}.field input{height:48px;padding-top:18px}.field label{top:14px}.eye{top:6px}.switch{margin-top:12px}.msg{margin-top:8px}}@media (min-width:961px) and (max-height:740px){.sub{display:none}.oauth{height:40px}.field input{height:44px;padding-top:16px}.field label{top:12px}.eye{top:4px}.submit{height:42px}.points{display:none}}@media (max-width:960px){.shell{grid-template-columns:1fr}.form-pane{min-height:0}.stage-pane{min-height:520px}.pane{min-height:0}.form-pane{padding:40px 16px}}@media (max-width:480px){.row2{grid-template-columns:1fr;gap:0}.card{padding:18px}.nav-right .hide-sm{display:none}}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.linkish:hover{color:var(--text)}.sent{padding:8px 2px}.sent .verdict{letter-spacing:-.03em;font-size:22px}.sent .why{color:var(--muted);margin-top:8px;font-size:14px}.sent b{color:var(--text);font-weight:500}.card .switch{margin-top:14px}