*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;min-height:100%}
body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#f8fafc;background:radial-gradient(circle at 50% 5%,#173456 0%,#0f172a 46%,#09111f 100%);display:flex;align-items:center;justify-content:center;padding:24px}
.login-page{width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:72px;margin:auto}
.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.login-brand img{display:block;width:390px;max-width:100%;height:auto;margin:0 auto 20px}
.login-brand p{color:#cbd5e1;font-size:17px;line-height:1.6}
.login-panel{width:100%;background:rgba(30,41,59,.97);border:1px solid #334155;border-radius:18px;padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.38)}
.login-panel h2{text-align:center;font-size:25px;margin:0 0 8px}
.login-subtitle{text-align:center;color:#94a3b8;font-size:14px;margin-bottom:26px}
.login-form-group{margin-bottom:18px}.login-form-group label{display:block;color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:7px}
.login-input{width:100%;height:50px;background:#0f172a;color:#fff;border:1px solid #475569;border-radius:10px;padding:0 14px;font-size:16px;outline:none}
.login-input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.login-button{width:100%;height:50px;margin-top:6px;border:0;border-radius:10px;background:linear-gradient(90deg,#0891b2,#0284c7);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.login-error{margin-bottom:18px;background:rgba(127,29,29,.45);border:1px solid #7f1d1d;border-radius:9px;padding:11px 12px;color:#fecaca;font-size:14px}
.login-footer{text-align:center;color:#64748b;font-size:12px;margin-top:18px}
@media(max-width:850px){body{padding:20px}.login-page{max-width:480px;grid-template-columns:1fr;gap:24px}.login-brand img{width:310px;margin-bottom:12px}}
@media(max-width:520px){body{padding:14px}.login-page{gap:18px}.login-brand img{width:250px}.login-panel{padding:24px 18px;border-radius:14px}}