* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(135deg, #007aff, #dceeff); color: #1c1c1e; }
.login-container { width: min(400px, calc(100% - 32px)); padding: 30px 25px; border-radius: 22px; background: #fff; box-shadow: 0 12px 35px rgb(0 0 0 / 16%); }
h1 { margin: 0 0 22px; font-size: 24px; text-align: center; } h1 span { color: #005aa7; }
label { display: block; margin: 15px 0 5px; font-weight: 600; }
input { width: 100%; padding: 12px; border: 1px solid #d1d1d6; border-radius: 12px; font: inherit; }
button { width: 100%; margin-top: 22px; padding: 13px; border: 0; border-radius: 13px; background: #007aff; color: #fff; font: inherit; font-weight: 700; cursor: pointer; } button:hover { background: #0064d2; }
.login-alert { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: #b91c1c; }