:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #eef2f6;
  color: #0b1524;
}

* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: radial-gradient(circle at 78% 5%, rgba(40,120,238,.16), transparent 28%), #eef2f6; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 28px 18px; }
.login-card { width: min(430px, 100%); padding: 34px; border: 1px solid #c8d1dd; border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 24px 70px rgba(15,23,42,.15); }
.brand { display: flex; align-items: center; gap: 13px; margin-bottom: 30px; }
.brand-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 13px; background: linear-gradient(135deg,#2878ee,#4fa8ff); color: #fff; font-size: 22px; font-weight: 850; box-shadow: 0 9px 22px rgba(40,120,238,.25); }
.brand strong, .brand span { display: block; }
.brand strong { font-size: 17px; letter-spacing: .08em; }
.brand span { margin-top: 3px; color: #657287; font-size: 12px; }
h1 { margin: 0; font-size: 27px; letter-spacing: -.035em; }
.intro { margin: 9px 0 25px; color: #526075; font-size: 14px; line-height: 1.55; }
label { display: block; margin-top: 16px; color: #344258; font-size: 12px; font-weight: 750; }
input { width: 100%; height: 48px; margin-top: 7px; padding: 0 13px; border: 1px solid #aeb9c8; border-radius: 10px; outline: none; background: #fff; color: #07111f; font: inherit; }
input:focus { border-color: #2878ee; box-shadow: 0 0 0 3px rgba(40,120,238,.14); }
button { width: 100%; height: 49px; margin-top: 23px; border: 0; border-radius: 10px; background: #07111f; color: #fff; font-size: 14px; font-weight: 780; cursor: pointer; }
button:hover { background: #14233a; }
.error { margin: 0 0 17px; padding: 11px 12px; border: 1px solid #e2a4ad; border-radius: 9px; background: #fff0f2; color: #9d2638; font-size: 12px; line-height: 1.45; }
.security-note { display: flex; gap: 9px; margin: 20px 0 0; padding-top: 18px; border-top: 1px solid #dbe1e8; color: #647186; font-size: 11px; line-height: 1.5; }
.security-note span { color: #087443; font-weight: 900; }
@media (max-width: 500px) { .login-card { padding: 27px 22px; } }