/* ---------- Карточка ---------- */

.auth-card {
    width: 100%;
    max-width: 430px;

    margin: 20px;
}

/* ---------- Темная тема ---------- */

[data-bs-theme="dark"] .auth-card {
    background: #1b1f2a;
}

/* ---------- Логотип ---------- */

.brand {
    justify-content: center;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .logo {
        width: 50px;
        height: 50px;
    }
}

.brand h2 {
    margin: 0;

    font-weight: 700;

    font-size: 2rem;
}

@media (min-width: 768px) {
    .brand h2 {
        margin: 0;

        font-weight: 700;

        font-size: 2.5rem;
    }
}

/* ---------- Поля ---------- */

.form-control {
    min-height: 52px;

    padding: 14px;

    border-radius: 14px;

    transition:
        border-color 0.2s,
        box-shadow 0.2s,
        transform 0.12s;
}

.form-control:focus {
    transform: translateY(-1px);

    border-color: rgba(var(--bs-primary-rgb), 0.5);

    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
}

/* ---------- Кнопки ---------- */

.social-btn {
    width: 100%;

    padding: 12px;

    margin-bottom: 12px;
}

.social-btn i {
    font-size: 1.2rem;
}

.btn-primary {
    font-weight: 600;

    padding: 13px;
}

/* ---------- Переключатель темы ---------- */