/* Estilos do login (extraído de index.php) */
:root{
    --brand:#d32f2f; /* cor principal (vermelho) */
    --bg-1: #0f1724; /* escuro */
    --bg-2: #071021; /* degradê */
    --card-bg: rgba(255,255,255,0.03);
    --muted: #9aa4b2;
}
html,body{height:100%;}
body{
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: linear-gradient(135deg,var(--bg-1),var(--bg-2));
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    color:#fff;
}
.card-login{
    width:100%;
    max-width:420px;
    background:var(--card-bg);
    border:1px solid rgba(255,255,255,0.06);
    padding:28px;
    border-radius:12px;
    box-shadow:0 8px 30px rgba(2,6,23,0.6);
}
.brand {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}
.brand .logo {
    width:54px;
    height:54px;
    border-radius:8px;
    background:linear-gradient(135deg,var(--brand),#ff6b6b);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#fff;
    box-shadow:0 4px 16px rgba(211,47,47,0.18);
}
.brand .title{
    line-height:1;
}
.brand .title h4{margin:0;font-size:18px;letter-spacing:0.2px}
.brand .title p{margin:0;font-size:12px;color:var(--muted)}

.form-label{color:var(--muted);font-size:13px}
.form-control{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,0.08);
}
.input-group-text{background:transparent;border:1px solid rgba(255,255,255,0.04);color:var(--muted)}
.btn-primary{
    background:var(--brand);
    border:none;
    box-shadow:0 6px 18px rgba(211,47,47,0.18);
}
.btn-primary:hover{background:#b71c1c}
.small-muted{color:var(--muted);font-size:13px}
.forgot-link{font-size:13px;color:var(--muted);text-decoration:none}
.forgot-link:hover{color:#fff}

@media (max-width:480px){
    .card-login{padding:20px}
}