.auth-form {
    padding: 30px !important;
}

.auth-form__content {
    padding: 40px !important;
    background: #fff;
    height: 100%;
}

.auth-form__input-group {
    border: 1px solid #cbcbcb !important;
    background: #ffffff !important;
    border-radius: 5px !important;
    transition: all 0.3s ease;
    height: 50px;
}

.auth-form__input-group:focus-within {
    border-color: hsl(var(--base)) !important;
    box-shadow: 0 0 0 2px rgba(hsl(var(--base)), 0.1);
}

.auth-form__input {
    color: #444 !important;
    padding: 5px 10px !important;
    height: 100% !important;
}

.auth-form__input::placeholder {
    color: #aaa !important;
    font-size: 0.9rem;
}

.auth-form__input-icon {
    color: hsl(var(--base));
    padding-left: 15px !important;
    font-size: 1.2rem !important;
}

.custom--nice-select {
    width: 100%;
}

.custom--nice-select .nice-select {
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 48px !important;
    background: transparent !important;
    padding-left: 10px !important;
}

.custom--nice-select .nice-select .current {
    color: #444 !important;
    font-size: 0.9rem;
}

.section-header-sm {
    margin-bottom: 12px;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    font-size: 0.85rem;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    display: block;
}

.mobile-code {
    font-weight: 600;
    color: #444;
    display: flex;
    align-items: center;
}