/* =========================================================
   DONEXIA SIGNUP PAGE
   All classes use dx-signup prefix to prevent CSS collision
========================================================= */


/* ================= PAGE WRAPPER ================= */

.dx-signup-page {
    width: 100%;
    min-height: 100vh;
    padding: 20px 4%;
    font-family: Arial, Helvetica, sans-serif;
    color: #071a38;

    background:
        radial-gradient(
            circle at top left,
            #fff2e9 0,
            transparent 22%
        ),
        radial-gradient(
            circle at top right,
            #fff3eb 0,
            transparent 20%
        ),
        #fffdfc;
}

.dx-signup-page *,
.dx-signup-page *::before,
.dx-signup-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.dx-signup-header {
    text-align: center;
}

/* Show only the confirmation card after account creation. */
.dx-signup-success-mode .dx-signup-header,
.dx-signup-success-mode .dx-signup-stepper {
    display: none;
}

.dx-signup-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.dx-signup-brand-icon {
    color: #ff4d00;
    font-size: 55px;
    line-height: 40px;
}

.dx-signup-brand h1 {
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    text-align: left;
    color: #071a38;
    font-weight: 700;
}

.dx-signup-brand p {
    margin: 5px 0 0;
    font-size: 13px;
    color: #071a38;
}

.dx-signup-header h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #071a38;
}

.dx-signup-header h2 span {
    color: #ff4b00;
}

.dx-signup-subtitle {
    margin: 5px 0 0;
    font-size: 14px;
    color: #43536a;
}


/* =========================================================
   STEPPER
========================================================= */

.dx-signup-stepper {
    max-width: 900px;
    margin: 30px auto 25px;
    display: flex;
    align-items: flex-start;
}

.dx-signup-step {
    position: relative;
    text-align: center;
    min-width: 110px;
}

.dx-signup-step-circle {
    margin: auto;
    width: 30px;
    height: 30px;

    border-radius: 50%;
    border: 1px solid #bbc4d1;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #ffffff;

    font-weight: 700;
    color: #637083;
    font-size: 17px;
}

.dx-signup-step > span {
    display: block;
    margin-top: 10px;

    font-size: 12px;
    font-weight: 600;
    color: #071a38;
}

.dx-signup-step.active .dx-signup-step-circle,
.dx-signup-step.completed .dx-signup-step-circle {
    background: #ff4b00;
    border-color: #ff4b00;
    color: #ffffff;
}

.dx-signup-step-line {
    height: 1px;
    flex: 1;

    margin-top: 18px;

    border-top: 1px dashed #b9c0ca;
}

.dx-signup-step-line.active {
    border-top: 2px solid #ff4b00;
}


/* =========================================================
   FORM CONTAINER
========================================================= */

.dx-signup-form-container {
    max-width: 520px;
    margin: auto;
}


/* =========================================================
   FORM CARD
========================================================= */

.dx-signup-form-card {
    display: none;

    background: rgba(255, 255, 255, 0.96);

    padding: 26px;

    border-radius: 15px;
    border: 1px solid #f1f1f1;

    box-shadow:
        0 8px 30px
        rgba(20, 30, 50, 0.09);

    animation:
        dxSignupSlideIn
        0.4s ease;
}

.dx-signup-form-card.active-card {
    display: block;
}


/* Unique animation name */

@keyframes dxSignupSlideIn {

    from {
        opacity: 0;
        transform: translateX(25px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* =========================================================
   CARD HEADER
========================================================= */

.dx-signup-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;
}

.dx-signup-step-badge {
    display: inline-block;

    background: #fff0e9;
    color: #ff4b00;

    padding: 6px 14px;

    border-radius: 30px;

    font-size: 12px;
    font-weight: 700;

    margin-bottom: 18px;
}

.dx-signup-card-top h3 {
    margin: 0 0 8px;

    font-size: 20px;
    font-weight: 700;

    color: #071a38;
}

.dx-signup-card-top p {
    margin: 0;

    color: #48566b;

    font-size: 14px;
    line-height: 23px;
}

.dx-signup-card-illustration {
    width: 90px;
    height: 90px;

    border-radius: 50%;

    background: #fff0e9;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 45px;

    flex-shrink: 0;
}


/* =========================================================
   FORM GROUP
========================================================= */

.dx-signup-form-group {
    margin-bottom: 20px;
}

.dx-signup-form-group label,
.dx-signup-otp-title {
    display: block;

    margin-bottom: 9px;

    font-size: 13px;
    font-weight: 700;

    color: #071a38;
}


/* =========================================================
   INPUTS
========================================================= */

.dx-signup-page input,
.dx-signup-page select,
.dx-signup-page textarea {
    width: 100%;
    height: 48px;

    padding: 0 15px;

    border: 1px solid #d9dee6;
    border-radius: 6px;

    outline: none;

    color: #071a38;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    background: #ffffff;

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

.dx-signup-page textarea {
    height: 90px;

    padding-top: 15px;

    resize: none;
}

.dx-signup-page input:focus,
.dx-signup-page select:focus,
.dx-signup-page textarea:focus {
    border-color: #ff4b00;

    box-shadow:
        0 0 0 3px
        rgba(255, 75, 0, 0.08);
}

.dx-signup-page input::placeholder,
.dx-signup-page textarea::placeholder {
    color: #8a94a3;
}


/* =========================================================
   PHONE INPUT
========================================================= */

.dx-signup-phone-input {
    display: flex;

    border: 1px solid #d9dee6;

    border-radius: 6px;

    overflow: hidden;

    background: #ffffff;
}

.dx-signup-phone-input:focus-within {
    border-color: #ff4b00;

    box-shadow:
        0 0 0 3px
        rgba(255, 75, 0, 0.08);
}

.dx-signup-phone-input input {
    border: 0;

    border-radius: 0;

    box-shadow: none;
}

.dx-signup-phone-input input:focus {
    border: 0;

    box-shadow: none;
}

.dx-signup-country-code {
    min-width: 125px;

    padding: 14px;

    border-right:
        1px solid
        #d9dee6;

    font-size: 14px;
    font-weight: 600;

    background: #ffffff;

    color: #071a38;

    white-space: nowrap;
}


/* =========================================================
   INPUT WITH ICON
========================================================= */

.dx-signup-input-with-icon {
    position: relative;
}

.dx-signup-input-with-icon > span {
    position: absolute;

    left: 14px;
    top: 50%;

    transform:
        translateY(-50%);

    color: #657080;

    z-index: 2;
}

.dx-signup-input-with-icon input {
    padding-left: 45px;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.dx-signup-primary-btn {
    width: 100%;
    height: 48px;

    border: none;

    border-radius: 6px;

    background:
        linear-gradient(
            90deg,
            #ff4b00,
            #ff5c0a
        );

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.dx-signup-primary-btn:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 7px 15px
        rgba(255, 75, 0, 0.25);
}


/* =========================================================
   DIVIDER
========================================================= */

.dx-signup-divider {
    display: flex;
    align-items: center;

    gap: 15px;

    margin: 22px 0;

    color: #637083;

    font-size: 13px;
}

.dx-signup-divider span {
    height: 1px;

    background: #e1e4e9;

    flex: 1;
}


/* =========================================================
   LOGIN TEXT
========================================================= */

.dx-signup-login-text {
    text-align: center;

    font-size: 13px;

    color: #536075;
}

.dx-signup-page a {
    color: #ff4b00;

    text-decoration: underline;
}


/* =========================================================
   OTP SECTION
========================================================= */

.dx-signup-otp-container {
    display: flex;

    gap: 12px;

    margin: 15px 0;
}

.dx-signup-page .dx-signup-otp-input {
    width:
        calc(16.66% - 10px);

    height: 55px;

    padding: 0;

    text-align: center;

    font-size: 24px;

    font-weight: 700;
}

.dx-signup-resend {
    text-align: center;

    margin: 22px 0;

    color: #59667a;

    font-size: 14px;
}

.dx-signup-resend span {
    color: #ff4b00;

    font-weight: 700;
}

.dx-signup-spam-text {
    text-align: center;

    margin-top: 30px;

    font-size: 13px;

    color: #536075;
}


/* =========================================================
   CHECKBOX
========================================================= */

.dx-signup-checkbox {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    font-size: 12px;

    margin-bottom: 20px;

    color: #536075;
}

.dx-signup-page .dx-signup-checkbox input {
    width: 18px;
    height: 18px;

    padding: 0;

    flex-shrink: 0;

    accent-color: #ff4b00;
}

.dx-signup-secure-text {
    text-align: center;

    margin-top: 15px;

    font-size: 13px;

    color: #536075;
}


/* =========================================================
   NGO SECTION
========================================================= */

.dx-signup-ngo-card {
    max-width: 650px;
}

.dx-signup-form-container:has(
    .dx-signup-ngo-card.active-card
) {
    max-width: 650px;
}

.dx-signup-form-row {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 18px;
}


/* =========================================================
   ERROR MESSAGE
========================================================= */

.dx-signup-error {
    display: block;

    margin-top: 5px;

    color: #e53935;

    font-size: 12px;
}

.dx-signup-center-error {
    text-align: center;
}


/* =========================================================
   SUCCESS SECTION
========================================================= */

.dx-signup-success-card {
    text-align: center;

    padding: 50px;
}

.dx-signup-success-icon {
    width: 85px;
    height: 85px;

    margin: auto;

    background: #22b573;

    color: #ffffff;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 45px;
}

.dx-signup-success-card h3 {
    font-size: 25px;

    margin:
        25px 0 0;

    color: #071a38;
}

.dx-signup-success-card p {
    color: #59667a;

    margin:
        15px 0 30px;
}


/* =========================================================
   SECURITY LINE
========================================================= */

.dx-signup-security-line {
    max-width: 520px;

    margin:
        18px auto;

    text-align: center;

    color: #536075;

    font-size: 13px;
}


/* =========================================================
   SIGNUP FEATURES
========================================================= */

.dx-signup-features {
    max-width: 1400px;

    margin:
        20px auto;

    padding:
        25px 30px;

    border:
        1px solid
        #ffd6c2;

    border-radius: 14px;

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    background:
        rgba(
            255,
            255,
            255,
            0.5
        );
}

.dx-signup-feature {
    padding:
        5px 25px;

    display: flex;

    align-items: center;

    gap: 15px;

    border-right:
        1px solid
        #ffd6c2;
}

.dx-signup-feature:last-child {
    border-right: 0;
}

.dx-signup-feature-icon {
    color: #ff4b00;

    font-size: 30px;

    flex-shrink: 0;
}

.dx-signup-feature strong {
    font-size: 13px;

    color: #071a38;
}

.dx-signup-feature p {
    font-size: 11px;

    color: #59667a;

    margin:
        5px 0 0;
}


/* =========================================================
   SIGNUP FOOTER
========================================================= */

.dx-signup-footer {
    text-align: center;

    padding: 10px;

    color: #536075;

    font-size: 13px;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (
    max-width: 900px
) {

    .dx-signup-features {
        grid-template-columns:
            1fr 1fr;
    }

    .dx-signup-feature {
        border-right: 0;

        border-bottom:
            1px solid
            #ffd6c2;

        padding: 20px;
    }

    .dx-signup-feature:last-child {
        border-bottom: 0;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (
    max-width: 600px
) {

    .dx-signup-page {
        padding: 15px;
    }


    /* Header */

    .dx-signup-header h2 {
        font-size: 29px;
    }

    .dx-signup-subtitle {
        font-size: 15px;
    }


    /* Stepper */

    .dx-signup-step {
        min-width: 80px;
    }

    .dx-signup-step > span {
        font-size: 11px;
    }


    /* Card */

    .dx-signup-form-card {
        padding: 20px;
    }

    .dx-signup-card-illustration {
        width: 65px;
        height: 65px;

        font-size: 32px;
    }


    /* NGO Form */

    .dx-signup-form-row {
        grid-template-columns:
            1fr;

        gap: 0;
    }


    /* Features */

    .dx-signup-features {
        grid-template-columns:
            1fr;

        padding: 15px;
    }


    /* OTP */

    .dx-signup-otp-container {
        gap: 6px;
    }

    .dx-signup-page
    .dx-signup-otp-input {
        height: 48px;

        font-size: 20px;
    }
}


/* =========================================================
   RESPONSIVE - SMALL MOBILE
========================================================= */

@media (
    max-width: 420px
) {

    .dx-signup-header h2 {
        font-size: 25px;
    }

    .dx-signup-brand h1 {
        font-size: 30px;
    }

    .dx-signup-stepper {
        margin-top: 25px;
    }

    .dx-signup-step {
        min-width: 65px;
    }

    .dx-signup-step-circle {
        width: 32px;
        height: 32px;

        font-size: 14px;
    }

    .dx-signup-step-line {
        margin-top: 16px;
    }

    .dx-signup-card-top {
        gap: 10px;
    }

    .dx-signup-card-top h3 {
        font-size: 20px;
    }

    .dx-signup-card-illustration {
        width: 55px;
        height: 55px;

        font-size: 27px;
    }

    .dx-signup-country-code {
        min-width: 100px;

        padding:
            14px 10px;
    }
}


/* =========================================================
   DONEXIA NAVBAR
   Unique Prefix: dx-navbar-
========================================================= */


/* ================= HEADER ================= */

.dx-navbar-header {
    width: 100%;
    height: 100px;

    background: #ffffff;

    border-bottom: 1px solid #f2f2f2;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    position: relative;

    z-index: 1000;
}


/* ================= CONTAINER ================= */

.dx-navbar-container {
    width: 100%;
    max-width: 1605px;
    height: 100%;

    margin: 0 auto;

    padding: 0 25px;

    display: flex;
    align-items: center;
}


/* =========================================================
   LOGO
========================================================= */

.dx-navbar-brand {
    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    flex-shrink: 0;
}


/* LOGO ICON */

.dx-navbar-logo-icon {
    width: 60px;
    height: 60px;

    border-radius: 17px;

    background: #fff4ee;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ff5b00;
}

.dx-navbar-logo-icon span {
    font-size: 38px;

    line-height: 1;
}


/* LOGO TEXT */

.dx-navbar-logo-content {
    display: flex;

    flex-direction: column;

    justify-content: center;
}


.dx-navbar-logo-name {
    color: #ff5b00;

    font-size: 38px;

    line-height: 38px;

    font-weight: 800;

    letter-spacing: -0.5px;
}


.dx-navbar-logo-tagline {
    margin-top: 3px;

    color: #666666;

    font-size: 14px;

    line-height: 16px;

    font-weight: 600;
}


/* =========================================================
   NAVIGATION MENU
========================================================= */

.dx-navbar-menu {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 38px;

    margin-left: auto;

    margin-right: auto;

    height: 100%;
}


/* ================= NAV LINKS ================= */

.dx-navbar-link {
    position: relative;

    height: 100%;

    display: flex;

    align-items: center;

    color: #1c2636;

    text-decoration: none;

    font-size: 17px;

    font-weight: 600;

    white-space: nowrap;

    transition: color 0.2s ease;
}


.dx-navbar-link:hover {
    color: #ff5b00;
}


/* ACTIVE LINK */

.dx-navbar-link.active {
    color: #ff5b00;
}


.dx-navbar-link.active::after {
    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 25px;

    width: 42px;

    height: 3px;

    margin: auto;

    border-radius: 10px;

    background: #ff5b00;
}


/* =========================================================
   DROPDOWN
========================================================= */

.dx-navbar-dropdown {
    position: relative;

    height: 100%;

    display: flex;

    align-items: center;
}


.dx-navbar-dropdown-btn {
    border: none;

    background: transparent;

    padding: 0;

    display: flex;

    align-items: center;

    gap: 8px;

    color: #1c2636;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 17px;

    font-weight: 600;

    cursor: pointer;

    white-space: nowrap;

    transition: color 0.2s ease;
}


.dx-navbar-dropdown-btn:hover {
    color: #ff5b00;
}


/* ARROW */

.dx-navbar-arrow {
    font-size: 9px;

    color: #1c2636;

    transition: transform 0.2s ease;
}


.dx-navbar-dropdown:hover
.dx-navbar-arrow {
    transform: rotate(180deg);
}


/* ================= DROPDOWN MENU ================= */

.dx-navbar-dropdown-menu {
    position: absolute;

    top: 78px;

    left: 50%;

    transform:
        translateX(-50%)
        translateY(10px);

    min-width: 230px;

    padding: 10px;

    background: #ffffff;

    border:
        1px solid
        #eeeeee;

    border-radius: 12px;

    box-shadow:
        0 15px 40px
        rgba(0, 0, 0, 0.10);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;

    z-index: 1001;
}


.dx-navbar-dropdown:hover
.dx-navbar-dropdown-menu {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);
}


/* DROPDOWN LINKS */

.dx-navbar-dropdown-menu a {
    display: block;

    padding: 12px 15px;

    border-radius: 7px;

    color: #1c2636;

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;

    transition:
        color 0.2s ease,
        background 0.2s ease;
}


.dx-navbar-dropdown-menu a:hover {
    color: #ff5b00;

    background: #fff5ef;
}


/* =========================================================
   REQUEST DEMO BUTTON
========================================================= */

.dx-navbar-action {
    flex-shrink: 0;
}


.dx-navbar-demo-btn {
    min-width: 206px;

    height: 56px;

    padding: 0 25px;

    border-radius: 16px;

    background: #ff5b0a;

    color: #ffffff;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    font-size: 16px;

    font-weight: 700;

    white-space: nowrap;

    box-shadow:
        0 10px 30px
        rgba(255, 91, 10, 0.14);

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}


.dx-navbar-demo-btn:hover {
    background: #f45100;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 30px
        rgba(255, 91, 10, 0.25);
}


.dx-navbar-demo-btn span {
    font-size: 21px;

    font-weight: 400;
}


/* MOBILE DEMO BUTTON */

.dx-navbar-mobile-demo {
    display: none;
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.dx-navbar-toggle {
    width: 42px;

    height: 42px;

    padding: 8px;

    border: none;

    background: transparent;

    cursor: pointer;

    display: none;

    flex-direction: column;

    justify-content: center;

    gap: 5px;
}


.dx-navbar-toggle span {
    display: block;

    width: 25px;

    height: 2px;

    border-radius: 5px;

    background: #1c2636;

    transition: 0.3s;
}


/* =========================================================
   RESPONSIVE - LAPTOP
========================================================= */

@media (max-width: 1300px) {

    .dx-navbar-container {
        padding:
            0 30px;
    }


    .dx-navbar-menu {
        gap: 22px;
    }


    .dx-navbar-logo-name {
        font-size: 32px;
    }


    .dx-navbar-logo-tagline {
        font-size: 12px;
    }


    .dx-navbar-link,
    .dx-navbar-dropdown-btn {
        font-size: 15px;
    }


    .dx-navbar-demo-btn {
        min-width: 170px;

        height: 52px;

        padding:
            0 18px;
    }

}


/* =========================================================
   RESPONSIVE - TABLET / MOBILE
========================================================= */

@media (max-width: 1050px) {

    .dx-navbar-header {
        height: 80px;
    }


    .dx-navbar-container {
        padding:
            0 20px;
    }


    /* LOGO */

    .dx-navbar-logo-icon {
        width: 50px;

        height: 50px;
    }


    .dx-navbar-logo-icon span {
        font-size: 30px;
    }


    .dx-navbar-logo-name {
        font-size: 28px;

        line-height: 29px;
    }


    .dx-navbar-logo-tagline {
        font-size: 11px;
    }


    /* DESKTOP ACTION */

    .dx-navbar-action {
        display: none;
    }


    /* HAMBURGER */

    .dx-navbar-toggle {
        display: flex;

        margin-left: auto;
    }


    /* MENU */

    .dx-navbar-menu {
        position: absolute;

        top: 80px;

        left: 0;

        width: 100%;

        height: auto;

        padding:
            20px;

        background: #ffffff;

        display: none;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        border-top:
            1px solid
            #eeeeee;

        box-shadow:
            0 15px 30px
            rgba(0, 0, 0, 0.08);
    }


    .dx-navbar-menu.dx-navbar-menu-open {
        display: flex;
    }


    /* LINKS */

    .dx-navbar-link {
        height: auto;

        padding:
            14px 10px;
    }


    .dx-navbar-link.active::after {
        display: none;
    }


    /* DROPDOWN */

    .dx-navbar-dropdown {
        height: auto;

        display: block;
    }


    .dx-navbar-dropdown-btn {
        width: 100%;

        padding:
            14px 10px;

        justify-content:
            space-between;
    }


    .dx-navbar-dropdown-menu {
        position: static;

        width: 100%;

        min-width: auto;

        padding:
            5px 10px;

        transform: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        display: none;

        border: none;

        border-radius: 0;

        box-shadow: none;

        background: #fafafa;
    }


    .dx-navbar-dropdown:hover
    .dx-navbar-dropdown-menu {
        display: block;

        transform: none;
    }


    /* MOBILE DEMO */

    .dx-navbar-mobile-demo {
        display: flex;

        margin-top: 15px;

        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .dx-navbar-logo-icon {
        width: 45px;

        height: 45px;

        border-radius: 12px;
    }


    .dx-navbar-logo-name {
        font-size: 25px;

        line-height: 26px;
    }


    .dx-navbar-logo-tagline {
        font-size: 9px;
    }

}

.dx-navbar-header {
    width: 100%;
    height: 100px;
    background: #ffffff;
    border-bottom: 1px solid #f2f2f2;

    font-family: Arial, Helvetica, sans-serif;

    position: sticky;
    top: 0;
    left: 0;

    z-index: 9999;

    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04);
}

.dx-signup-input-with-icon { position: relative; }
.dx-signup-password-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #667085; cursor: pointer; font-size: 1.05rem; line-height: 1; }
.dx-signup-password-toggle:hover { color: #ff5a1f; }

.dx-signup-navigation {
    display: flex;
    gap: 12px;
    align-items: center;
}

.dx-signup-navigation .dx-signup-primary-btn {
    margin-top: 0;
}

.dx-signup-back-btn {
    flex: 1;
    border: 1px solid #ff5a1f;
    border-radius: 8px;
    background: #fff;
    color: #ff5a1f;
    cursor: pointer;
    font-weight: 700;
    padding: 13px 16px;
}