:root{--bg:#0b1019;--panel:#171e2b;--line:#2a3548;--text:#f5f7fd;--muted:#91a0ba;--cyan:#27c8ec;--violet:#6744ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1d2850,var(--bg) 55%);color:var(--text);font-family:"Cairo",system-ui,sans-serif}.auth-body{display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,94vw);background:var(--panel);border:1px solid var(--line);padding:35px;border-radius:22px;box-shadow:0 24px 80px #0008}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:800;margin-bottom:30px}.brand b{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--violet);border-radius:14px;color:var(--cyan)}.brand span{display:flex;flex-direction:column}.brand small{font-size:.63rem;letter-spacing:2px;color:var(--cyan)}form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-weight:600}input,button{width:100%;font:inherit;background:#0e1520;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 13px}button{cursor:pointer;border:0;background:linear-gradient(120deg,var(--cyan),var(--violet));font-weight:700}.alert{padding:12px;border-radius:9px;margin-bottom:15px}.alert.error{background:#3c1720;color:#ff9ead}a{color:var(--cyan)}