:root{
    --brand-blue-900:#0b1f3a;
    --brand-blue-700:#0d3b66;
    --brand-blue-500:#1d6fb8;
    --brand-orange:#f39c12;
    --brand-brown:#8b5e34;
}

body{
    margin: 0;
    background:
        radial-gradient(900px circle at 10% 10%, rgba(29,111,184,.16) 0%, rgba(29,111,184,0) 55%),
        radial-gradient(700px circle at 90% 0%, rgba(243,156,18,.14) 0%, rgba(243,156,18,0) 55%),
        linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}

.login-card{
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 14px 40px rgba(11,31,58,.12);
}

.login-accent{
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-blue-500), var(--brand-orange), var(--brand-brown));
}

.btn-brand{
    background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-500));
    border: none;
}

.btn-brand:hover{
    filter: brightness(.98);
}

.form-control:focus{
    border-color: rgba(29,111,184,.55);
    box-shadow: 0 0 0 .25rem rgba(29,111,184,.18);
}