:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101211; color: #f6f4ed; padding: 24px; }
.login-card { width: min(430px, 100%); padding: 40px; background: #191c1a; border: 1px solid #343834; border-radius: 18px; box-shadow: 0 18px 60px #0008; }
.mark { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #d8ff43; color: #111; font-weight: 900; }
h1 { margin: 22px 0 8px; font-size: 2rem; }
p { color: #bfc5bf; line-height: 1.55; }
.error { color: #ffb4a8; }
.button { display: block; margin: 28px 0 20px; padding: 13px 18px; border-radius: 10px; background: #d8ff43; color: #111; font-weight: 800; text-align: center; text-decoration: none; }
small { display: block; color: #8e968f; line-height: 1.5; }