:root{--navy:#101b2b;--panel:#152338;--line:#334863;--text:#ecf3fb;--muted:#91a4bb;--teal:#37d0b1;--danger:#ff7a7a}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#173a55,#101b2b 50%)}.auth-card{width:min(430px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 24px 80px #0008}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#36d1b0,#1e8fe3);font-size:21px;font-weight:900}.auth-brand strong,.auth-brand small{display:block}.auth-brand small,p{color:var(--muted)}h1{margin:30px 0 4px;font-size:28px}label{display:grid;gap:6px;margin:16px 0;color:#c8d6e6;font-weight:600}input,select{width:100%;background:#0d1725;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px}button,.button{border:0;border-radius:8px;background:var(--teal);color:#071612;padding:11px 16px;font-weight:800;cursor:pointer}button:disabled{opacity:.5}#error,.error{color:var(--danger);min-height:21px;margin-top:12px}
