:root { --ink:#28223c; --muted:#756f83; --line:#e8e2f0; --purple:#6d54c2; --purple-2:#9273de; --lavender:#eee8ff; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--ink); background:radial-gradient(circle at 15% 0%,#eadcff 0,transparent 34%),radial-gradient(circle at 90% 90%,#e5eaff 0,transparent 30%),#f8f6fc; font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:28px; }
.login-card { width:min(470px,100%); padding:38px; background:rgba(255,255,255,.95); border:1px solid var(--line); border-radius:22px; box-shadow:0 28px 80px rgba(65,43,112,.15); }
.login-brand { display:flex; align-items:center; gap:11px; margin-bottom:42px; }.login-brand img { width:44px; height:44px; padding:4px; background:white; border-radius:12px; box-shadow:0 5px 18px rgba(62,42,105,.13); }.login-brand strong,.login-brand span { display:block; }.login-brand strong { font-size:19px; }.login-brand span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.eyebrow { margin:0 0 6px; color:#837a95; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font:500 34px/1.1 Georgia,"Times New Roman",serif; letter-spacing:-.03em; }
.login-copy { margin:13px 0 25px; color:var(--muted); }
label { display:block; color:#625b71; font-size:12px; font-weight:700; }input { display:block; width:100%; height:46px; margin-top:7px; padding:0 12px; color:var(--ink); background:white; border:1px solid #d9d2e5; border-radius:9px; outline:0; font:inherit; }input:focus { border-color:var(--purple-2); box-shadow:0 0 0 3px rgba(146,115,222,.13); }
.login-button { display:block; width:100%; margin-top:16px; padding:12px 14px; border:0; border-radius:9px; color:white; background:linear-gradient(135deg,var(--purple),var(--purple-2)); font:inherit; font-size:14px; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; }
.login-secondary { display:block; margin-top:17px; color:var(--purple); font-size:12px; font-weight:700; text-align:center; text-decoration:none; }
.login-footnote { margin:30px 0 0; padding-top:18px; color:var(--muted); border-top:1px solid var(--line); font-size:11px; text-align:center; }
.login-alert { padding:11px 13px; border-radius:9px; }.login-alert.error { color:#852d34; background:#fdebed; }
@media (max-width:520px) { .login-shell { padding:14px; }.login-card { padding:28px 22px; }.login-brand { margin-bottom:32px; }h1 { font-size:30px; } }