:root {
    --auth-accent: #705eb9;
    --auth-accent-dark: #5f4ea6;
    --auth-accent-soft: #f2efff;
    --auth-text: #1d1736;
    --auth-muted: #665f84;
    --auth-border: #e5e0f7;
}

.authView {
    margin-top: 72px;
    padding-bottom: 32px;
}

.authView .loginSection__wrap {
    max-width: 760px;
    margin: 0 auto;
}

.authView__head {
    text-align: center;
    margin-bottom: 18px;
}

.authView__eyebrow {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--auth-accent);
}

.authView .page__title {
    color: var(--auth-text);
    margin-bottom: 0;
}

.authView .page__title::after {
    content: none;
}

.authView__subtitle {
    margin: 10px auto 0;
    max-width: 560px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--auth-muted);
}

.authCard {
    border: 1px solid var(--auth-border);
    border-radius: 20px;
    padding: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 243, 255, 0.96) 100%);
    box-shadow: 0 22px 45px rgba(24, 17, 54, 0.08);
}

.authGrid {
    display: grid;
    gap: 12px;
}

.authGrid.authGrid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.authGrid__cell--full {
    grid-column: 1 / -1;
}

.authView .formBlock {
    padding: 0;
}

.authView .formBlock__row {
    margin: 0;
}

.authView .formBlock__input,
.authView .formBlock__select {
    border: 1px solid var(--auth-border);
    border-radius: 12px;
    background: #fff;
    min-height: 48px;
    color: var(--auth-text);
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.authView .formBlock__input::placeholder {
    color: #9188b0;
}

.authView .formBlock__input:focus,
.authView .formBlock__select:focus {
    border-color: var(--auth-accent);
    box-shadow: 0 0 0 3px rgba(112, 94, 185, 0.14);
    background: #fff;
}

.authView .formBlock__row.error .formBlock__input,
.authView .formBlock__row.error .formBlock__select {
    border-color: #e56a6a;
}

.authView .formBlock__checkbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    line-height: 1.45;
}

.authView .formBlock__checkbox input {
    margin-top: 2px;
}

.authView .formBlock__checkbox span,
.authView .formBlock__checkbox a {
    font-size: 14px;
    color: var(--auth-muted);
}

.authView .formBlock__checkbox a {
    color: var(--auth-accent);
}

.authView .formBlock__checkbox a:hover {
    color: var(--auth-accent-dark);
}

.authActions {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.authBtn {
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.authBtn.btn-green {
    background: var(--auth-accent);
    border-color: var(--auth-accent);
    color: #fff;
    box-shadow: 0 12px 22px rgba(112, 94, 185, 0.22);
}

.authBtn.btn-green:not(:disabled):hover {
    background: var(--auth-accent-dark);
    border-color: var(--auth-accent-dark);
    transform: translateY(-1px);
}

.authBtn--secondary {
    background: #fff;
    color: #4d3f87;
    border-color: #d9d0fb;
}

.authBtn--secondary:hover {
    background: #f4f0ff;
}

.authBtn i {
    margin-left: 7px;
}

.authView .error {
    display: block;
    margin-top: 6px;
    color: #de4b4b;
    font-size: 13px;
    font-weight: 500;
}

.authView .select2-container .select2-selection--single {
    min-height: 48px;
    border: 1px solid var(--auth-border);
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
}

.authView .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--auth-text);
    /* padding-left: 14px; */
    line-height: 46px;
}

.authView .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    right: 10px;
}

.authView .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--auth-accent);
    box-shadow: 0 0 0 3px rgba(112, 94, 185, 0.14);
}

.authView .ui-datepicker-title * {
    color: #1f1638 !important;
}

.forgotPassword__btnWrap {
    display: flex;
    justify-content: end;
    margin: 20px 0 0;
}

.select2-selection__placeholder {
    font-size: 16px;
    color: #9188b0!important;
}

.select2-selection__rendered {
    font-size: 16px!important;
}

@media (max-width: 860px) {
    .authView {
        margin-top: 52px;
    }

    .authCard {
        padding: 20px;
    }

    .authGrid.authGrid--two {
        grid-template-columns: 1fr;
    }

    .authActions {
        flex-direction: column;
    }

    .authBtn {
        width: 100%;
    }
}