:root{--cyan:#50e3ff;--green:#87ffb0;--muted:#8ba4b6;--text:#e8f7ff;--line:rgba(80,227,255,.28);--amber:#ffd166}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 12% 8%,rgba(80,227,255,.16),transparent 32%),linear-gradient(135deg,#03060b,#081322 58%,#02050a);color:var(--text);font-family:Inter,system-ui,sans-serif}
body{display:flex;flex-direction:column}
nav{display:flex;flex-wrap:wrap;gap:12px;padding:12px 18px;background:rgba(3,7,13,.92);border-bottom:1px solid var(--line)}
nav a{color:var(--cyan);text-decoration:none;font-weight:900;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.045)}nav a:first-child{color:var(--green)}
main{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:34px 0 50px;flex:1}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero,.card{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(9,18,31,.86),rgba(3,8,15,.92));box-shadow:0 24px 80px rgba(0,0,0,.45);margin-bottom:20px}.eyebrow{color:var(--green);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:900}h1{margin:8px 0 12px;font-size:clamp(2rem,5vw,4.6rem);line-height:.95;letter-spacing:-.07em}h2{margin:0 0 14px;color:#f2fbff}p,li{color:var(--muted);line-height:1.7}label{display:block;margin:12px 0 6px;color:var(--muted);font-size:.86rem;font-weight:900}input{width:100%;border-radius:14px;border:1px solid rgba(80,227,255,.25);background:rgba(4,10,18,.86);color:var(--text);padding:12px 13px;font:inherit}button{margin-top:14px;width:100%;cursor:pointer;font-weight:900;color:#031018;background:linear-gradient(135deg,var(--cyan),var(--green));border:none;border-radius:14px;padding:12px 13px;font:inherit}.alert{border:1px solid rgba(255,209,102,.4);background:rgba(255,209,102,.08);color:var(--amber);border-radius:16px;padding:12px 14px;margin:12px 0}.success{border-color:rgba(135,255,176,.4);background:rgba(135,255,176,.08);color:var(--green)}.site-footer{margin-top:auto;padding:14px 20px;text-align:center;border-top:1px solid rgba(80,227,255,.25);background:rgba(3,7,13,.9);font-size:12px}.site-footer a{color:#50e3ff;text-decoration:none;margin:0 8px;font-weight:700}.site-footer a:hover{color:#87ffb0;text-decoration:underline}.site-footer span{color:#8ba4b6}.small{font-size:.88rem}.muted{color:var(--muted)}@media(max-width:900px){.auth-wrap{grid-template-columns:1fr}}