:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{background:#f1f5f9;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 12px 40px #0f172a1f}.login-logo{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}h1{text-align:center;color:#0f172a;margin:0;font-size:28px}.subtitle{text-align:center;color:#64748b;margin:10px 0 32px}form{flex-direction:column;gap:12px;display:flex}label{color:#334155;font-size:14px;font-weight:600}input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:13px 14px;font-size:15px}input:focus{outline-offset:1px;outline:2px solid #2563eb}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:12px;padding:14px;font-size:16px;font-weight:600}button:hover{background:#1d4ed8}.form-message{color:#2563eb;text-align:center;margin-top:20px;font-size:14px}.footer-text{color:#94a3b8;text-align:center;margin-top:32px;font-size:12px}