/* Authentication Pages Styles */

.auth-icon {
    width: 80px;
    height: 80px;
    background: var(--dark-gradient-primary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.auth-icon .material-icons-outlined {
    font-size: 36px;
    color: var(--dark-bg-0);
}

.form-control-lg {
    background: var(--dark-bg-2);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
    transition: all 0.3s ease;
}

.form-control-lg:focus {
    background: var(--dark-bg-3);
    border-color: var(--dark-accent-primary);
    box-shadow: 0 0 0 0.25rem var(--dark-accent-primary-alpha);
    color: var(--dark-text-primary);
}

.form-control-lg::placeholder {
    color: var(--dark-text-secondary);
}

.form-check-input {
    background-color: var(--dark-bg-2);
    border: 1px solid var(--dark-border);
}

.form-check-input:checked {
    background-color: var(--dark-accent-primary);
    border-color: var(--dark-accent-primary);
}

.form-check-input:focus {
    border-color: var(--dark-accent-primary);
    box-shadow: 0 0 0 0.25rem var(--dark-accent-primary-alpha);
}