body { background:#f4f6f9; min-height:100vh; display:flex; align-items:center; justify-content:center; }
.login-card { background:#fff; border-radius:10px; box-shadow:0 4px 24px rgba(0,0,0,.1); padding:40px 36px; width:100%; max-width:380px; }
.logo { background:#e74c3c; color:#fff; font-weight:900; font-size:28px; width:52px; height:52px; border-radius:8px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
h1 { font-size:20px; font-weight:700; text-align:center; margin-bottom:4px; }
.sub { text-align:center; color:#888; font-size:13px; margin-bottom:28px; }
.btn-primary { background:#1a2533; border-color:#1a2533; }
.btn-primary:hover { background:#2c3e50; border-color:#2c3e50; }
#fout { display:none; }