.auth{position:fixed;z-index:1;inset:0;overflow:auto;overscroll-behavior:contain;display:flex;padding:calc(var(--barH) + env(safe-area-inset-top,0px) + 30px) 20px 60px}.authCol{width:100%;max-width:488px;margin:auto;padding:34px;border-radius:24px;background:#ffffff0b}.authCol h1{font-size:clamp(28px,2.4vw,34px);font-weight:500;letter-spacing:-.02em}.authCol .sub{margin-top:clamp(10px,.9vw,14px);color:var(--silver);font-size:clamp(15px,1.15vw,16.5px);line-height:1.5}.hair{height:2px;border-radius:8px;background:#d9d9d91a;margin-top:clamp(18px,1.7vw,26px)}.gbtn{position:relative;width:100%;height:clamp(46px,3.5vw,52px);margin-top:clamp(18px,1.7vw,26px);display:flex;align-items:center;justify-content:center;border:0;border-radius:clamp(10px,.8vw,13px);background:#0e0e0e;color:var(--white);font:500 clamp(15px,1.15vw,16.5px) var(--sans);cursor:pointer;transition:background .15s}.gbtn:hover{background:#141415}.gbtn .g{position:absolute;left:clamp(14px,1.1vw,18px);top:50%;transform:translateY(-50%);width:clamp(18px,1.4vw,22px);height:auto}.authForm{display:grid;gap:clamp(16px,1.4vw,20px);margin-top:clamp(18px,1.7vw,26px)}.authForm .field{gap:8px}.authForm .field>label{font-size:clamp(12.5px,.95vw,14px);font-weight:500;letter-spacing:.02em;color:var(--white);justify-content:flex-start;gap:7px}.authForm .field .hint{color:var(--silver);font-weight:400;font-size:1em;letter-spacing:0;text-transform:none}.authForm .input{height:clamp(44px,3.4vw,50px);border-radius:clamp(10px,.8vw,12px);font-size:clamp(14px,1.05vw,15px);padding:0 clamp(14px,1.1vw,16px);background:#0e0e0e}.authForm .input::placeholder{color:var(--silver)}.pw{position:relative}.pw .input{padding-right:clamp(40px,3vw,48px)}.pwToggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--silver);cursor:pointer;transition:color .15s,background .15s}.pwToggle:hover{color:var(--white);background:#ffffff0f}.pwToggle svg{width:20px;height:auto;display:block}.strength{display:flex;gap:4px;margin-top:2px}.strength[data-score="0"]{display:none}.strength i{flex:1;height:2px;border-radius:2px;background:var(--line);transition:background .2s}.strength[data-score="1"] i:nth-child(-n+1){background:var(--red)}.strength[data-score="2"] i:nth-child(-n+2){background:var(--amber)}.strength[data-score="3"] i:nth-child(-n+3){background:var(--accent)}.strength[data-score="4"] i{background:var(--accent)}.authActions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px clamp(16px,1.5vw,22px);margin-top:calc(clamp(18px,1.6vw,24px) - clamp(16px,1.4vw,20px))}.authActions .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:clamp(40px,3vw,46px);min-width:min(46%,200px);padding:0 clamp(18px,1.6vw,24px);border:0;border-radius:clamp(10px,.8vw,12px);background:var(--accent);color:#000;font:500 clamp(15px,1.15vw,16.5px) var(--sans);cursor:pointer;transition:opacity .15s}.authActions .cta:hover{opacity:.85}.textLink{display:inline-flex;align-items:center;justify-content:center;height:clamp(40px,3vw,46px);min-width:min(46%,200px);padding:0 clamp(18px,1.6vw,24px);border-radius:clamp(10px,.8vw,12px);background:#ffffff14;color:var(--white);font-size:clamp(15px,1.15vw,16.5px);font-weight:500;text-decoration:none;transition:background .15s}.textLink:hover{background:#ffffff21}.forgot{display:block;margin:clamp(18px,1.7vw,26px) auto 0;width:max-content;color:var(--silver);font-size:clamp(13px,.95vw,14px);text-decoration:underline;text-underline-offset:.18em}.forgot:hover{color:var(--white)}.authFine{margin-top:26px;text-align:center;color:var(--dim);font-size:12.5px;line-height:1.5}.authFine a{color:var(--silver);text-decoration:none}.authFine a:hover{color:var(--white)}.formError.info{background:var(--field);color:var(--silver)}.authForm .spin,.verifyCard .spin{display:none;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.authForm.busy .spin,.verifyCard.busy .spin{display:inline-block}.authForm.busy .cta,.verifyCard.busy .cta{pointer-events:none;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.verifyCard{width:100%;max-width:488px;margin:auto;padding:34px;border-radius:24px;background:#ffffff0b}.verifyCard h1{font-size:clamp(28px,2.4vw,34px);font-weight:500;letter-spacing:-.02em;text-align:center}.verifyCard .sub{margin-top:clamp(10px,.9vw,14px);color:var(--silver);font-size:clamp(15px,1.15vw,16.5px);line-height:1.5;text-align:center}.verifyCard .formError{margin-top:clamp(16px,1.5vw,22px)}.otpRow{display:flex;justify-content:center;gap:clamp(7px,1.6vw,11px);margin-top:clamp(20px,1.9vw,28px)}.otpBox{width:clamp(42px,11vw,54px);height:clamp(52px,13vw,64px);padding:0;border:1px solid transparent;border-radius:clamp(10px,.8vw,13px);background:var(--field);color:var(--white);font:600 clamp(20px,1.9vw,25px) var(--mono);text-align:center;caret-color:var(--white);transition:border-color .15s,background .15s,box-shadow .15s}.otpBox:hover{background:#121213}.otpBox:focus{outline:none;background:#242528;border-color:transparent}.verifyCard .authActions{margin-top:clamp(20px,1.9vw,28px)}.vResend{display:block;margin:clamp(12px,1.1vw,16px) auto 0;padding:4px 6px;width:max-content;background:none;border:0;color:var(--dim);font:500 clamp(12.5px,.95vw,14px) var(--sans);text-decoration:underline;text-underline-offset:.18em;cursor:pointer;transition:color .15s}.vResend:hover{color:var(--white)}.vResend:disabled{color:var(--dim);cursor:default;text-decoration:none;opacity:.7}.vResend:disabled:hover{color:var(--dim)}@media (max-width: 560px){.auth{padding-top:calc(var(--barH) + env(safe-area-inset-top,0px) + 16px);padding-bottom:40px}.authCol{margin:auto;padding:26px 22px;border-radius:22px}.authForm .input{font-size:16px}.verifyCard{padding:26px 22px;border-radius:22px}}
