.auth{background:var(--app-bg-patches), var(--k-bg);min-height:100vh;color:var(--k-tx);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.auth-brand{border-right:1px solid #18202f;flex-direction:column;justify-content:space-between;gap:40px;padding:40px 56px 40px max(56px,50vw - 660px);display:flex;position:relative;overflow:hidden}.auth-brand-copy{flex-direction:column;gap:20px;max-width:620px;display:flex}.auth-brand h2{font:900 clamp(34px, 3.4vw, 50px) / 1.04 var(--font-display);letter-spacing:-.012em;text-wrap:balance;margin:0}.auth-grad{background:var(--k-grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-brand p{color:var(--k-tx-4);text-wrap:pretty;margin:0;font-size:17px}.auth-points{flex-direction:column;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.auth-points li{color:var(--k-tx-2);align-items:flex-start;gap:12px;font-size:15px;display:flex}.auth-points .ms{background:var(--k-surface-3);width:28px;height:28px;color:var(--k-blue-text);border-radius:9px;flex:none;place-items:center;font-size:18px;display:grid}.auth-float{flex-wrap:wrap;align-self:flex-start;gap:14px;display:flex}.auth-cost{background:var(--k-orange);color:var(--k-orange-ink);border-radius:16px;padding:14px 16px;animation:6.5s ease-in-out infinite kFloat;box-shadow:0 24px 50px -16px #f2a93b8c}.auth-cost small{opacity:.8;font-size:12px;font-weight:700;display:block}.auth-cost strong{font:900 30px/1.05 var(--font-display)}.auth-progress{background:var(--k-surface);border:1px solid #303a4c;border-radius:16px;flex-direction:column;gap:8px;min-width:240px;padding:14px 16px;animation:7s ease-in-out -2s infinite kFloat;display:flex;box-shadow:0 24px 50px -20px #000c}.auth-progress-label{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.auth-spin{border:2px solid #2a3445;border-top-color:#00b4d0;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite kSpin}.auth-bar{background:#1f2737;border-radius:3px;height:6px}.auth-bar span{background:var(--k-grad-bar);border-radius:3px;width:62%;height:100%;display:block}.auth-star{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:3.4s ease-in-out infinite kTwinkle;display:block;position:absolute}.auth-main{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:40px 24px 40px clamp(48px,5vw,96px);display:flex}.auth-mobile-logo{display:none}.auth-card{background:var(--app-card);width:min(440px,100%);box-shadow:var(--app-card-shadow);border:0;border-radius:20px;flex-direction:column;gap:22px;padding:32px;animation:.3s ease-out kFadeIn;display:flex}.auth-card h1{font:900 30px/1.1 var(--font-display);letter-spacing:-.006em;margin:0}.auth-card .auth-sub{color:var(--k-tx-4);margin:6px 0 0;font-size:15px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.auth-label{color:var(--k-tx-2);font-size:13px;font-weight:600}.auth-label-row a{font-size:13px;font-weight:600}.auth-input-wrap{display:flex;position:relative}.auth-input{border:1px solid var(--k-line-2);background:var(--k-inset);width:100%;height:46px;color:var(--k-tx);border-radius:12px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:#6a6a72}.auth-input:hover{border-color:var(--k-line-3)}.auth-input:focus{border-color:var(--k-blue);outline:none;box-shadow:0 0 0 3px #1a8fe338}.auth-input[aria-invalid=true]{border-color:#ff6b72}.auth-input.has-toggle{padding-right:48px}.auth-toggle{width:38px;height:38px;color:var(--k-tx-5);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.auth-toggle:hover{color:var(--k-tx);background:var(--k-surface-3)}.auth-hint{color:var(--k-tx-5);font-size:12px}.auth-field-error{color:#f86b7e;font-size:12px}.auth-alert{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.auth-alert.error{color:#ffd2d4;background:#ff6b721a;border:1px solid #ff6b7266}.auth-alert.error .ms{color:#ff6b72}.auth-alert.success{color:#c9f5e2;background:#4cd39a1a;border:1px solid #4cd39a59}.auth-alert.success .ms{color:var(--k-green)}.auth-submit{background:var(--k-grad-cta);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:50px;font-size:16px;font-weight:700;transition:filter .15s;display:inline-flex;box-shadow:0 10px 30px -12px #1a8fe3cc}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-switch{text-align:center;color:var(--k-tx-4);font-size:14px}.auth-switch a{font-weight:700}.auth-legal{color:var(--k-tx-5);text-align:center;width:min(440px,100%);margin:0;font-size:12px}.auth-back{color:var(--k-tx-5);align-self:flex-start;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.auth-back:hover{color:#fff}.auth-strength{gap:4px;display:flex}.auth-strength span{background:#1f2737;border-radius:2px;flex:1;height:4px;transition:background .2s}.auth-card .auth-input{background:#0c1d21}@media (width<=960px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-mobile-logo{display:block}.auth-main{justify-content:flex-start;align-items:center;padding:24px 16px 40px}}@media (width<=480px){.auth-card{padding:24px 20px}.auth-card h1{font-size:26px}}.auth-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=420px){.auth-row{grid-template-columns:1fr}}.auth-or{color:var(--k-tx-5);align-items:center;gap:12px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--k-line-2);flex:1;height:1px}.desktop-account{background:var(--k-surface-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.desktop-account__avatar{background:var(--k-blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.desktop-account div strong{color:var(--k-tx);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.desktop-account div span{color:var(--k-tx-4);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.link-like{color:var(--k-blue-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-like:hover{text-decoration:underline}
