.dtts-auth::before {
    content: "";
    position: absolute;
    top: 7%;
    left: 8%;
    width: min(43vw, 570px);
    height: 82%;
    opacity: .92;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 700' fill='none' stroke='%23107b44' stroke-opacity='0.16' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M132 196 L250 128 L368 196 L250 264 Z'/><path d='M132 196 V438 L250 508 L368 438 V196'/><path d='M250 264 V508'/><path d='M171 317 V406 M187 307 V416 M205 320 V403 M226 303 V420'/><rect x='288' y='314' width='48' height='48' rx='4'/><path d='M299 325 H310 V336 H299 Z M318 325 H325 V332 H318 Z M299 344 H306 V351 H299 Z M314 341 H325 V352 H314 Z'/><circle cx='92' cy='112' r='30'/><circle cx='410' cy='555' r='30'/><circle cx='424' cy='118' r='17'/><path d='M116 131 L157 169 M385 535 L350 474 M407 132 L365 178'/><path d='M62 112 H40 V156 H72 M454 118 H476 V162 H444 M62 555 H40 V511 H72 M454 555 H476 V511 H444'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(-8deg) scale(1.08);
    transform-origin: center;
}

.dtts-auth.mm-arabic::before {
    left: auto;
    right: 8%;
    transform: rotate(8deg) scaleX(-1) scale(1.08);
}

.dtts-auth .mm-reg-hero {
    position: relative;
    z-index: 2;
}

.dtts-main-title {
    margin: 0;
    max-width: 760px;
    color: var(--brand-700);
    font-size: clamp(48px, 5vw, 82px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 800;
}

    .dtts-main-title span {
        display: block;
        white-space: nowrap;
    }

.dtts-auth.mm-arabic .dtts-main-title {
    letter-spacing: 0;
    line-height: 1.08;
    font-size: clamp(48px, 4.8vw, 78px);
}

.dtts-get-started-wrap {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}

    .dtts-get-started-wrap .get-started-btn {
        display: inline-block;
        text-align: center;
        text-decoration: none;
    }

@media (max-width: 1040px) {
    .dtts-auth::before,
    .dtts-auth.mm-arabic::before {
        top: 4%;
        left: 12%;
        right: 12%;
        width: 76%;
        height: 54%;
        transform: rotate(-5deg) scale(1.02);
    }

    .dtts-auth.mm-arabic::before {
        transform: rotate(5deg) scaleX(-1) scale(1.02);
    }

    .dtts-main-title,
    .dtts-auth.mm-arabic .dtts-main-title {
        max-width: none;
        font-size: clamp(42px, 8vw, 70px);
        text-align: center;
    }

    .dtts-auth .mm-hero-kicker {
        justify-content: center;
    }

    .dtts-auth .dtts-hero-copy {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .dtts-auth::before,
    .dtts-auth.mm-arabic::before {
        top: 54px;
        left: 7%;
        right: 7%;
        width: 86%;
        height: 360px;
    }

    .dtts-main-title,
    .dtts-auth.mm-arabic .dtts-main-title {
        font-size: clamp(36px, 12vw, 54px);
    }
}
/* Shared navigation for HIMS and DTTS login / registration pages. */
.mm-reg-wrap .mm-auth-navigation {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mm-reg-wrap .mm-modules-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 16px;
    border: 1px solid var(--line, rgba(21, 84, 56, .16));
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--brand-800, #176542);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(29, 73, 51, .06);
    transition: background-color .18s ease, border-color .18s ease;
}

    .mm-reg-wrap .mm-modules-link:hover {
        color: var(--brand-900, #155438);
        background: var(--brand-100, #e6f4ec);
        border-color: var(--brand-500, #28a463);
        text-decoration: none;
    }

    .mm-reg-wrap .mm-modules-link:focus-visible {
        outline: 2px solid var(--brand-700, #0f7a43);
        outline-offset: 3px;
    }

.mm-reg-wrap.mm-arabic .mm-auth-navigation {
    direction: rtl;
}

@media (max-width: 620px) {
    .mm-reg-wrap .mm-reg-row {
        padding-top: 18px;
    }

    .mm-reg-wrap .mm-brandbar {
        position: static;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 26px;
    }

    .mm-reg-wrap .mm-auth-navigation {
        flex-wrap: wrap;
        justify-content: flex-end;
        flex: 1 1 240px;
        gap: 8px;
    }

    .mm-reg-wrap .mm-modules-link {
        min-height: 38px;
        padding: 0 13px;
        font-size: 12px;
    }

    .mm-reg-wrap .mm-auth-navigation select {
        height: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-reg-wrap .mm-modules-link {
        transition: none;
    }
}