.auth-page{--blue:#0075ff;--blue2:#3390ff;--grad:linear-gradient(135deg,#0075ff,#3390ff);--text:#0f172a;--text2:#64748b;--text3:#94a3b8;--bg:#ffffff;--surface:#f4f7fb;--border:#e6eaf0;--font:var(--font-satoshi-variable),var(--font-satoshi),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);display:flex;min-height:100vh;-webkit-font-smoothing:antialiased}.auth-page .left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px}.auth-page .form-wrap{width:100%;max-width:392px}.auth-page .brand{display:flex;align-items:center;gap:9px;margin-bottom:38px;text-decoration:none;color:inherit}.auth-page .brand img{width:36px;height:36px;display:block}.auth-page .brand .name{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.auth-page .brand .beta{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background-image:linear-gradient(90deg,#0075ff,#3aa0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-page .h1{font-size:33px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:9px}.auth-page .sub{font-size:14.5px;color:var(--text2);line-height:1.5;margin-bottom:30px}.auth-page .btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;padding:14px;border:1.5px solid var(--border);border-radius:13px;background:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:#1a1f2e;transition:border-color .15s,box-shadow .15s,transform .12s}.auth-page .btn-google:hover:not(:disabled){border-color:#cdd6e3;box-shadow:0 4px 16px rgba(15,23,42,.08);transform:translateY(-1px)}.auth-page .btn-google:disabled{opacity:.6;cursor:default}.auth-page .btn-google img{width:20px;height:20px}.auth-page .divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--text3);font-size:12.5px;font-weight:500}.auth-page .divider:after,.auth-page .divider:before{content:"";flex:1;height:1px;background:var(--border)}.auth-page .field{margin-bottom:16px}.auth-page .field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--text)}.auth-page .field .input-wrap{position:relative;display:flex;align-items:center}.auth-page .field input{width:100%;padding:13px 15px;border:1.5px solid var(--border);border-radius:12px;font-family:inherit;font-size:14.5px;color:var(--text);background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}.auth-page .field input.has-trailing{padding-right:46px}.auth-page .field input::placeholder{color:var(--text3)}.auth-page .field input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(0,117,255,.12)}.auth-page .field .eye{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text3);cursor:pointer;padding:4px}.auth-page .field .eye:hover{color:var(--text2)}.auth-page .forgot{margin:-6px 0 4px;text-align:right}.auth-page .forgot a{font-size:13px;color:var(--blue);font-weight:600;text-decoration:none}.auth-page .forgot a:hover{text-decoration:underline}.auth-page .alert{font-size:12.5px;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;margin-bottom:16px;line-height:1.45}.auth-page .btn-primary{width:100%;padding:15px;border:none;border-radius:13px;background:var(--grad);color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 22px rgba(0,117,255,.3);transition:transform .12s,box-shadow .12s,opacity .12s}.auth-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px rgba(0,117,255,.4)}.auth-page .btn-primary:active{transform:translateY(0)}.auth-page .btn-primary:disabled{opacity:.65;cursor:default;transform:none}.auth-page .consent{font-size:11.5px;color:var(--text3);line-height:1.55;margin-top:16px;text-align:center}.auth-page .consent a{color:var(--blue);text-decoration:none}.auth-page .consent a:hover{text-decoration:underline}.auth-page .swap{margin-top:22px;text-align:center;font-size:13.5px;color:var(--text2)}.auth-page .swap a{color:var(--blue);font-weight:700;text-decoration:none;cursor:pointer}.auth-page .swap a:hover{text-decoration:underline}.auth-page .right{flex:1;margin:14px 14px 14px 0;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(120% 80% at 80% 0,#143b7a 0,#0b1f44 42%,#050b18 100%);display:flex;flex-direction:column;justify-content:center;padding:54px 56px}.auth-page .right:before{content:"";position:absolute;top:-30%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(51,144,255,.34),transparent 70%);filter:blur(20px)}.auth-page .r-head{font-size:46px;font-weight:700;letter-spacing:-.035em;line-height:1.04;color:#fff;position:relative;margin-bottom:46px;max-width:540px}.auth-page .r-head .accent{background:linear-gradient(90deg,#3390ff,#7db4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-page .stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;max-width:560px}.auth-page .stat{border-radius:17px;padding:22px 24px;backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.08);transition:border-color .25s,background .25s}.auth-page .stat:hover{border-color:rgba(58,160,255,.3);background:linear-gradient(180deg,rgba(58,160,255,.06),rgba(255,255,255,0))}.auth-page .stat .lbl{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#aebfd9;margin-bottom:13px}.auth-page .stat .lbl svg{width:17px;height:17px;stroke:#3aa0ff;fill:none;stroke-width:2;filter:drop-shadow(0 0 5px rgba(58,160,255,.6))}.auth-page .stat .num{font-size:33px;font-weight:700;letter-spacing:-.02em;line-height:1;background:linear-gradient(180deg,#fff 35%,#3aa0ff 150%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-page .r-foot{margin-top:38px;font-size:13.5px;color:#7e90b0;position:relative;display:flex;align-items:center;gap:8px}.auth-page .r-foot .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.auth-page .spin{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (max-width:980px){.auth-page .right{display:none}.auth-page .left{flex:1}}