:root{font-family:Arial,sans-serif;color:#252543;background:#6ca5da;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;padding:32px;background:white;border:1px solid #dce0ec;border-radius:16px;box-shadow:0 12px 40px #2423480d}.logo{display:block;width:180px;height:auto;margin:0 auto 28px}h1{font-size:26px;margin:0 0 10px}p{color:#62677b;font-size:15px;line-height:1.5;margin:0 0 24px}form{display:grid;gap:10px}label{font-size:14px;font-weight:600}input,button{font:inherit;min-height:46px;border-radius:8px}input{width:100%;border:1px solid #bfc5d5;padding:10px 12px;margin-bottom:10px}input:focus-visible,button:focus-visible{outline:3px solid #8b82d8;outline-offset:3px}button{border:0;background:#484da9;color:white;font-weight:600;cursor:pointer;margin-top:4px}button:hover{background:#373b85}.error{color:#8b242f;background:#fff0f1;border:1px solid #edbac0;border-radius:8px;padding:12px;margin-bottom:20px;font-size:14px}.access-note{font-size:13px;text-align:center;margin:22px 0 0}@media(max-width:480px){body{padding:16px}.login-card{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}