:root{--bg:#020710;--surface:#07131f;--surface2:#0a1826;--line:#18384f;--line2:#285a79;--text:#f6f9fd;--muted:#839db3;--cyan:#5bdcff;--blue:#2a8cff;--ok:#22cf8a;--danger:#ff6477}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#69dfff;text-decoration:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)}.auth-visual{position:relative;overflow:hidden;border-right:1px solid #143148;background:radial-gradient(620px 430px at 78% 28%,#0d3157 0,transparent 65%),#020914}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#173b5420 1px,transparent 1px),linear-gradient(90deg,#173b5420 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 20%,transparent 95%)}.auth-visual-inner{position:relative;z-index:2;min-height:100%;padding:52px clamp(32px,6vw,92px);display:flex;flex-direction:column;justify-content:center}.auth-logo{position:absolute;left:clamp(32px,6vw,92px);top:34px;display:flex;align-items:center;gap:11px;font-weight:850}.auth-logo-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1679ff,#61e0ff)}.auth-logo small{display:block;color:#65849d;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.auth-kicker{font:800 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;color:#5ddcff;text-transform:uppercase}.auth-visual h1{font-size:clamp(48px,5.8vw,86px);line-height:.94;letter-spacing:-.055em;margin:20px 0 18px;max-width:800px}.auth-visual h1 span{color:#86ddff}.auth-visual p{max-width:670px;color:#8aa5bb;font-size:15px;line-height:1.7}.auth-signal{margin-top:36px;max-width:620px;border-top:1px solid #17374f;border-bottom:1px solid #17374f;display:grid;grid-template-columns:repeat(3,1fr)}.auth-signal div{padding:14px;border-right:1px solid #17374f}.auth-signal div:last-child{border-right:0}.auth-signal b{display:block;font-size:11px}.auth-signal small{color:#68879f;font-size:9px}.auth-panel{display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#050d17,#020710)}.auth-card{width:min(470px,100%);padding:30px;border:1px solid #193a52;border-radius:16px;background:#06131f;box-shadow:0 28px 90px #0008}.auth-back{display:inline-block;margin-bottom:25px;color:#7695ad;font-size:11px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;border-bottom:1px solid #17364d}.auth-tabs a{padding:11px;text-align:center;color:#718fa7;font-size:11px}.auth-tabs a.active{color:#fff;border-bottom:2px solid #5bdcff}.auth-card h2{font-size:30px;letter-spacing:-.035em;margin:10px 0}.auth-card>p{color:#809ab0;font-size:12px;line-height:1.6}.auth-form{display:grid;gap:9px;margin-top:22px}.auth-form label{font-size:10px;color:#a7bbca;font-weight:700}.auth-form input{width:100%;min-height:46px;border:1px solid #1c4662;border-radius:9px;background:#04101b;color:#fff;padding:0 13px;outline:0}.auth-form input:focus{border-color:#58d6ff;box-shadow:0 0 0 3px #58d6ff12}.auth-btn{min-height:47px;margin-top:7px;border:0;border-radius:9px;background:#2a8cff;color:#fff;font-weight:800;cursor:pointer}.auth-btn:hover{background:#3997ff}.auth-link{margin-top:15px;color:#7895aa;font-size:11px;text-align:center}.auth-note{margin-top:17px;padding-top:15px;border-top:1px solid #16344b;color:#647f95;font-size:9px;line-height:1.55}.alert{margin:14px 0;padding:11px;border-radius:9px;font-size:11px}.alert.error{border:1px solid #723340;background:#2f1018;color:#ff9eaa}.alert.success{border:1px solid #1f664e;background:#09291f;color:#79e9b4}.simple-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(600px 280px at 50% 0,#0a2949 0,transparent 70%),#020710}.simple-auth .auth-card{max-width:500px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:360px;border-right:0;border-bottom:1px solid #143148}.auth-visual-inner{padding:110px 24px 42px}.auth-logo{left:24px}.auth-visual h1{font-size:clamp(42px,9vw,66px)}.auth-signal{display:none}.auth-panel{padding:22px}}@media(max-width:560px){.auth-visual{min-height:300px}.auth-visual p{font-size:13px}.auth-panel{padding:14px}.auth-card{padding:22px 18px}.auth-tabs{margin-bottom:22px}}