body {
    background: linear-gradient(135deg, #f3f7f4 0%, #eef4ef 100%);
}

.login-card {
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.card-shadow {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
}

.login-security-badges {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.login-security-badge {
    font-size: .85rem;
    border: 1px solid rgba(25, 135, 84, .15);
    background: rgba(25, 135, 84, .05);
    color: #198754;
    border-radius: .5rem;
    padding: .5rem .75rem;
    text-align: center;
}