@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#18171d; --muted:#72717b; --line:#e4e2ea; --purple:#6240dc; --page:#f6f5f9; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--ink); background:radial-gradient(circle at 12% 12%,#e9e2ff 0,transparent 25%),var(--page); font:14px/1.5 Manrope,Arial,sans-serif; }
.login-page { display:grid; min-height:100vh; place-items:center; padding:24px; }
.login-card { width:min(100%,430px); padding:42px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 22px 55px #25203814; }
.brand { display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-size:21px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.brand-mark { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; color:#fff; background:linear-gradient(135deg,#9279fb,#5935cd); font:700 16px Georgia,serif; }
.heading { margin:34px 0 25px; }.eyebrow { margin:0 0 6px; color:#7657d9; font-size:10px; font-weight:800; letter-spacing:.12em; }.heading h1 { margin:0; font-size:27px; letter-spacing:-1px; }.heading p:last-child { margin:7px 0 0; color:var(--muted); font-size:13px; }
.notice { margin:0 0 18px; padding:10px 12px; border-radius:8px; font-size:12px; }.error { color:#a33245; background:#fff0f2; }.success { color:#19714c; background:#ebf8f0; }
form { display:grid; gap:8px; } label { margin-top:7px; color:#4b4953; font-size:12px; font-weight:700; } input { width:100%; padding:11px 12px; border:1px solid #d9d7e0; border-radius:8px; color:var(--ink); outline:none; font:14px Manrope,Arial,sans-serif; } input:focus { border-color:#7556dd; box-shadow:0 0 0 3px #7556dd1f; }
button { margin-top:17px; padding:12px; border:0; border-radius:8px; color:#fff; background:var(--purple); box-shadow:0 3px 8px #6240dc36; cursor:pointer; font:700 13px Manrope,Arial,sans-serif; } button:hover { background:#5534c8; }
.help { margin:25px 0 0; color:#898792; text-align:center; font-size:11px; }