body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0f172a;font-family:Arial,sans-serif}.login-box{width:min(390px,calc(100% - 40px));padding:34px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0008;text-align:center}.login-box h1{color:#1d4ed8}.login-box p{color:#475569;line-height:1.5}.login-box label{display:block;text-align:left;margin:16px 0 5px;color:#334155}.login-box input{box-sizing:border-box;width:100%;padding:11px;margin-top:6px;border:1px solid #cbd5e1;border-radius:7px}.login-box button{width:100%;margin:20px 0;padding:12px;background:#2563eb;border:0;border-radius:7px;color:#fff;font-weight:bold;cursor:pointer}.login-box small{color:#64748b}.error{color:#b91c1c}