* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI',system-ui,sans-serif; background:#1a1a2e; min-height:100vh; display:flex; align-items:center; justify-content:center; }
.login-box { background:#16213e; border-radius:16px; padding:40px; width:340px; box-shadow:0 20px 60px rgba(0,0,0,0.3); }
.login-box h1 { color:#F57C00; font-size:28px; text-align:center; margin-bottom:8px; }
.login-box .sub { color:#666; text-align:center; font-size:13px; margin-bottom:32px; }
.field { margin-bottom:16px; }
.field label { display:block; color:#999; font-size:12px; margin-bottom:6px; text-transform:uppercase; letter-spacing:1px; }
.field input { width:100%; padding:12px 16px; border:1px solid #2a3a5e; border-radius:8px; background:#0f1a30; color:#fff; font-size:16px; outline:none; }
.field input:focus { border-color:#F57C00; }
.btn { width:100%; padding:14px; background:#F57C00; color:#fff; border:none; border-radius:8px; font-size:16px; font-weight:600; cursor:pointer; margin-top:8px; }
.btn:hover { background:#E65100; }
.error { background:#5c1111; color:#ff6b6b; padding:10px; border-radius:8px; font-size:13px; text-align:center; margin-bottom:16px; }