:root{--bg:#080b0e;--bg2:#0d1115;--panel:#12171d;--text:#f6f8fa;--muted:#aab2ba;--line:#ffffff1a;--lime:#a8e61d}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}.auth-wrapper{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--bg2);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-brand{margin-bottom:48px}.auth-brand img{width:auto;height:72px}.auth-card{width:100%;max-width:400px}.auth-footer{color:#5a636b;margin-top:48px;font-size:11px}.auth-side{background:radial-gradient(circle at 70% 30%, #a8e61d0f, transparent 24rem), var(--bg);border-left:1px solid var(--line);justify-content:center;align-items:center;padding:48px 60px;display:flex}.auth-side-content{max-width:440px}.auth-side-content h2{letter-spacing:-.04em;margin-bottom:20px;font:600 clamp(32px,4vw,48px)/.96 Space Grotesk}.auth-side-content p{color:var(--muted);margin-bottom:32px;font-size:16px;line-height:1.7}.auth-side-content ul{padding:0;list-style:none}.auth-side-content li{color:#d0d6da;border-bottom:1px solid #ffffff0d;padding:12px 0;font-size:14px}.auth-side-content li i{color:var(--lime);margin-right:12px;font-size:12px}label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}input[type=text],input[type=email],input[type=password]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:4px;padding:14px 16px;font-family:inherit;font-size:14px;transition:border-color .2s;display:block}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--lime);outline:none}input[type=checkbox]{border:1px solid var(--line);background:var(--bg);width:16px;height:16px;accent-color:var(--lime);cursor:pointer;border-radius:3px}.auth-card>form>div+div,.auth-card>div+form>div{margin-top:20px}.auth-card label.inline-flex,.auth-card .block label{text-transform:none;letter-spacing:0;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:400;display:inline-flex}a{color:var(--lime);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button[type=submit],.auth-card button{background:var(--lime);color:#090c0e;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;min-height:46px;padding:0 24px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 0 24px #a8e61d33}.auth-card .flex.items-center.justify-end{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.auth-card .flex.items-center.justify-end a{color:var(--muted);font-size:12px}.auth-card .flex.items-center.justify-end a:hover{color:var(--lime)}.auth-card p[class*=text-red],.auth-card ul[class*=text-red] li,.mt-2{color:#f87171;margin-top:6px;font-size:12px}.mb-4{color:var(--lime);margin-bottom:16px;font-size:13px}.auth-card .text-sm.text-gray-600,.auth-card div.mb-4.text-sm{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.6}@media (width<=900px){.auth-wrapper{grid-template-columns:1fr}.auth-side{display:none}.auth-panel{min-height:100vh}}@media (width<=500px){.auth-panel{padding:32px 20px}.auth-card{max-width:100%}}
