.auth{min-height:100dvh;display:grid;grid-template-columns:1fr;position:relative;overflow:clip}.auth-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 42% at 82% -8%,rgba(53,227,224,.2),transparent 62%),radial-gradient(60% 44% at 0 100%,rgba(15,165,166,.16),transparent 66%)}.auth-main{position:relative;display:flex;flex-direction:column;padding:22px 20px 40px;min-height:100dvh}.auth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.auth-body{width:100%;max-width:400px;margin-inline:auto;flex:1 1;display:flex;flex-direction:column;justify-content:center}.auth-body h1{font-size:clamp(28px,8vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.1}.auth-body>p{margin-top:10px;color:var(--text-muted);font-size:16px;line-height:1.55}.auth-form{margin-top:28px;display:flex;flex-direction:column;gap:16px}.auth-alt{margin-top:22px;text-align:center;font-size:15px;color:var(--text-muted)}.auth-alt a{color:var(--cyan-400);font-weight:600}.auth-legal{margin-top:22px;text-align:center;font-size:12.5px;color:var(--text-dim);line-height:1.6}.auth-side{display:none}@media (min-width:960px){.auth{grid-template-columns:1fr 1.05fr}.auth-side{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:60px;position:relative;background:linear-gradient(160deg,rgba(53,227,224,.12),rgba(2,25,31,.2));-webkit-border-start:1px solid var(--hairline);border-inline-start:1px solid var(--hairline);overflow:hidden}.auth-side:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(53,227,224,.22),transparent 62%);filter:blur(30px);top:-12%;inset-inline-end:-14%}.auth-side>*{position:relative}.auth-side h2{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.15;max-width:16ch}.auth-side p{color:var(--text-muted);font-size:16.5px;max-width:34ch;line-height:1.6}}.auth-points{display:flex;flex-direction:column;gap:14px}.auth-point{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}.auth-point .ic{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:rgba(53,227,224,.12);color:var(--cyan-400)}.auth-point b{display:block;font-weight:600}.auth-point span{color:var(--text-muted);font-size:14.5px}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap .input{-webkit-padding-end:48px;padding-inline-end:48px}.pw-toggle{position:absolute;inset-inline-end:6px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-dim);border-radius:10px;cursor:pointer;transition:color .16s ease,transform .16s var(--ease-out)}.pw-toggle:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.pw-toggle:hover{color:var(--cyan-400)}}.pw-meter{display:flex;gap:5px;margin-top:2px}.pw-meter i{height:3px;flex:1 1;border-radius:3px;background:var(--surface-2);transition:background-color .26s var(--ease-out)}.pw-meter i[data-on=true]{background:var(--cyan-500)}.stepper{display:flex;align-items:center;gap:10px;margin-bottom:18px}.stepper .bar{flex:1 1;height:4px;border-radius:999px;background:var(--surface-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--hairline)}.stepper .bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan-400),var(--cyan-600));transition:width .42s var(--ease-out)}.stepper .count{font-size:13px;font-weight:600;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.id-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.idupload{display:flex;flex-direction:column;gap:6px}.idupload-target{position:relative;width:100%;aspect-ratio:1.58;border:0;padding:0;cursor:pointer;border-radius:var(--r-md);overflow:hidden;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.5px var(--hairline);transition:transform .16s var(--ease-out),box-shadow .2s ease,background-color .2s ease}.idupload-target:active{transform:scale(.98)}.idupload[data-filled=false] .idupload-target{box-shadow:inset 0 0 0 1.5px var(--hairline);background-image:repeating-linear-gradient(-45deg,rgba(140,240,236,.045) 0 8px,transparent 8px 16px)}@media (hover:hover) and (pointer:fine){.idupload-target:hover{background-color:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px var(--hairline-strong)}}.idupload[data-filled=true] .idupload-target{box-shadow:inset 0 0 0 1.5px rgba(53,227,224,.45)}.idupload-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;text-align:center}.idupload-empty .ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(53,227,224,.12);color:var(--cyan-400);margin-bottom:2px}.idupload-empty b{font-size:14px;font-weight:600;color:var(--text)}.idupload-empty small{font-size:11.5px;color:var(--text-dim);line-height:1.35}.idupload-preview{width:100%;height:100%;object-fit:cover;display:block;animation:enter .32s var(--ease-out) both}.idupload-done{position:absolute;inset-block-start:7px;inset-inline-end:7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#04242B;background:var(--cyan-400);box-shadow:0 4px 12px -4px rgba(0,0,0,.7)}.idupload-replace{align-self:center}.id-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:rgba(53,227,224,.07);box-shadow:inset 0 0 0 1px rgba(53,227,224,.18);font-size:13px;line-height:1.5;color:var(--text-muted)}.id-note .ic{color:var(--cyan-400);flex-shrink:0;margin-top:1px}.otp{display:flex;gap:10px;direction:ltr;justify-content:center}.otp-box{width:100%;max-width:68px;height:66px;text-align:center;font-size:26px;font-weight:700;border:0;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text);transition:box-shadow .18s var(--ease-out),background-color .18s ease,transform .16s var(--ease-out)}.otp-box:focus{outline:none;background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1.5px var(--cyan-500),0 0 0 4px rgba(53,227,224,.12)}.otp[data-invalid=true] .otp-box{box-shadow:inset 0 0 0 1.5px rgba(255,138,138,.65);animation:otp-shake .32s var(--ease-out)}@keyframes otp-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--text-dim)}.otp-meta button{background:none;border:0;padding:0;font-size:13.5px;font-weight:600;color:var(--cyan-400);cursor:pointer}.otp-meta button:disabled{color:var(--text-dim);cursor:default}.sent-to{text-align:center;font-size:14.5px;color:var(--text-muted)}.sent-to b{color:var(--text);font-weight:600}.sent-to button{background:none;border:0;padding:0;-webkit-margin-start:6px;margin-inline-start:6px;font-size:13.5px;font-weight:600;color:var(--cyan-400);cursor:pointer}.name-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.idupload-static{position:relative;cursor:default}.scanner{overflow:hidden;background:#02171c;box-shadow:inset 0 0 0 1.5px var(--hairline-strong)}.scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.scanner-frame{position:absolute;inset:7%;border-radius:10px;box-shadow:0 0 0 100vmax rgba(2,23,28,.55);outline:2px solid rgba(255,255,255,.5);outline-offset:-1px;transition:outline-color .22s ease;pointer-events:none}.scanner[data-state=ready] .scanner-frame{outline-color:var(--cyan-400);outline-width:3px}.scanner[data-state=blurry] .scanner-frame,.scanner[data-state=moving] .scanner-frame{outline-color:rgba(255,201,120,.85)}.scanner-status{inset-inline:8px;bottom:8px;text-align:center;font-size:12px;font-weight:600;color:#eafbfa;background:rgba(2,23,28,.78);padding:5px 8px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scanner-count,.scanner-status{position:absolute;pointer-events:none}.scanner-count{inset:0;display:grid;place-items:center;font-size:54px;font-weight:800;color:var(--cyan-400);text-shadow:0 4px 20px rgba(0,0,0,.6);animation:pop .3s var(--ease-out)}.scanner-actions{display:flex;justify-content:space-between;gap:8px}.idupload .error-text{font-size:12px;line-height:1.4;padding:0}.scan-overlay{position:fixed;inset:0;z-index:80;background:#02171c;display:flex;flex-direction:column;animation:fade .2s var(--ease-out) both;padding-bottom:env(safe-area-inset-bottom)}.scan-head{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:12px;padding:14px 16px}.scan-head b{font-size:15.5px;font-weight:600}.scan-stage{position:relative;flex:1 1;overflow:hidden;background:#010f13}.scan-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(86vw,520px);aspect-ratio:1.58;border-radius:16px;box-shadow:0 0 0 100vmax rgba(2,23,28,.62);transition:box-shadow .24s ease}.scan-frame i{position:absolute;width:30px;height:30px;border:3px solid rgba(255,255,255,.85);transition:border-color .22s ease}.scan-frame i:first-child{top:-3px;left:-3px;border-right:0;border-bottom:0;border-radius:16px 0 0 0}.scan-frame i:nth-child(2){top:-3px;right:-3px;border-left:0;border-bottom:0;border-radius:0 16px 0 0}.scan-frame i:nth-child(3){bottom:-3px;left:-3px;border-right:0;border-top:0;border-radius:0 0 0 16px}.scan-frame i:nth-child(4){bottom:-3px;right:-3px;border-left:0;border-top:0;border-radius:0 0 16px 0}.scan-stage[data-state=ready] .scan-frame i{border-color:var(--cyan-400)}.scan-stage[data-state=ready] .scan-frame{box-shadow:0 0 0 100vmax rgba(2,23,28,.62),0 0 40px -6px rgba(79,240,236,.6)}.scan-foot{padding:18px 20px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px}.scan-status{font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--text);transition:color .2s ease}.scan-status[data-state=ready]{color:var(--cyan-400)}.scan-status[data-state=blurry],.scan-status[data-state=moving]{color:var(--warn)}.scan-tip{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:4px}.alert-link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}