:root {
    --brand: #4f46e5;
    --brand2: #06b6d4;
}

body.login-page {
    background: radial-gradient(1000px 500px at 10% 0%, rgba(79, 70, 229, .12), transparent),
    radial-gradient(1000px 500px at 90% 100%, rgba(6, 182, 212, .12), transparent),
    #f3f4f6;
}

.login-box {
    width: 420px;
}

.card {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(2, 6, 23, .08);
}

.card-primary.card-outline {
    border-top: 4px solid var(--brand);
}

.input-group .form-control {
    height: 48px;
    border-radius: 12px;
}

.input-group-text, .input-group .btn {
    border-radius: 12px;
}

.btn-primary {
    border-radius: 12px;
    height: 48px;
    font-weight: 600;
    background: linear-gradient(90deg, var(--brand), var(--brand2));
    border: none;
}

.btn-primary:hover {
    filter: brightness(.95);
}