body[data-client="web"]{background:#050b17;min-height:100dvh}body[data-client="web"] .app{max-width:600px;margin:auto}body[data-client="web"] .session-recovery-close{display:none}.web-auth{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#153e74 0,#09152a 40%,#040914 100%);overflow:auto}.web-auth.hidden{display:none}.web-auth-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#1689ff33;filter:blur(50px);animation:webPulse 4s ease-in-out infinite}.web-auth-card{position:relative;width:min(100%,420px);padding:28px 24px 22px;border:1px solid #6bb6ff42;border-radius:28px;background:linear-gradient(155deg,#101f3aee,#091326f2);box-shadow:0 30px 80px #000a;color:#fff}.web-auth-card header{text-align:center}.web-auth-card header img{width:64px;height:64px;object-fit:contain}.web-auth-card header span{display:block;margin-top:10px;color:#69baff;font-size:11px;letter-spacing:2px}.web-auth-card h1{margin:6px 0 2px;font-size:29px}.web-auth-card header p{margin:0;color:#8fa4c2}.web-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:24px 0 18px;padding:5px;border-radius:14px;background:#050b17aa}.web-auth-tabs button{border:0;border-radius:10px;padding:11px;background:transparent;color:#7f94b2;font-weight:700}.web-auth-tabs button.active{background:linear-gradient(135deg,#176eea,#24a0ff);color:#fff;box-shadow:0 8px 20px #0879ff44}.web-auth-card label{display:grid;gap:7px;margin:12px 0;color:#aebdd2;font-size:13px}.web-auth-card input{box-sizing:border-box;width:100%;height:48px;border:1px solid #476282;border-radius:12px;padding:0 14px;background:#071122;color:#fff;font-size:15px;outline:none}.web-auth-card input:focus{border-color:#3aa8ff;box-shadow:0 0 0 3px #3aa8ff22}.web-captcha{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center;margin-top:14px}.web-captcha img{width:100%;border-radius:12px;cursor:pointer}.web-auth-submit{width:100%;height:50px;margin-top:8px;border:0;border-radius:13px;background:linear-gradient(135deg,#f0b83f,#ffdf75);color:#302000;font-weight:900;font-size:16px}.web-auth-submit:disabled{opacity:.55}.web-auth-link{display:block;margin:14px auto 0;border:0;background:none;color:#65b7ff}.web-auth-error{min-height:20px;margin:8px 0;color:#ff7c85;font-size:13px}.web-auth-error.success{color:#56d89c}.web-auth-card footer{text-align:center;margin-top:14px;color:#667b99;font-size:11px}.web-auth .hidden{display:none}.web-recovery-notice{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px;background:#030812ef}.web-recovery-notice section{width:min(100%,390px);padding:30px 24px;border:1px solid #f4ce6a66;border-radius:25px;background:#101b30;color:#fff;text-align:center}.web-recovery-notice span{color:#f3cb63;font-size:11px;letter-spacing:2px}.web-recovery-notice h2{margin:8px 0}.web-recovery-notice p{color:#aab7ca;line-height:1.65}.web-recovery-notice code{display:block;margin:20px 0;padding:15px;border:1px dashed #f2c95f;border-radius:12px;background:#090f1d;color:#ffe188;font-size:18px;letter-spacing:1px;word-break:break-all}.web-recovery-notice button{width:100%;height:48px;border:0;border-radius:12px;background:#f3c854;color:#2b2004;font-weight:900}@keyframes webPulse{50%{transform:scale(1.15);opacity:.55}}@media(max-width:380px){.web-captcha{grid-template-columns:145px 1fr}.web-auth-card{padding-inline:18px}}