:root {
    --lux-ink: #060812;
    --lux-ink-2: #0b1020;
    --lux-panel: rgba(18, 24, 42, 0.68);
    --lux-panel-strong: rgba(19, 26, 48, 0.86);
    --lux-panel-soft: rgba(255, 255, 255, 0.075);
    --lux-border: rgba(255, 255, 255, 0.16);
    --lux-border-strong: rgba(158, 221, 255, 0.34);
    --lux-text: #f8fbff;
    --lux-muted: #aeb9ca;
    --lux-cyan: #72f2ff;
    --lux-blue: #6f8cff;
    --lux-mint: #45efbf;
    --lux-gold: #f4ca72;
    --lux-rose: #ff87ba;
    --lux-shadow: 0 26px 80px rgba(0, 0, 0, 0.48), 0 2px 0 rgba(255, 255, 255, 0.06) inset;
    --lux-shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255, 255, 255, 0.08) inset;
    --page-bg: #070913;
    --header-bg: rgba(8, 12, 24, 0.74);
    --footer-bg: rgba(6, 9, 18, 0.9);
    --card-outer-bg: rgba(18, 24, 42, 0.72);
}

html.dark {
    color-scheme: dark;
}

body.luxury-frontend {
    min-height: 100vh;
    color: var(--lux-text) !important;
    background:
        linear-gradient(115deg, #050711 0%, #0b1020 36%, #10201d 63%, #080a14 100%) !important;
    isolation: isolate;
    overflow-x: hidden;
    position: relative;
}

body.luxury-frontend::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(115deg, rgba(255, 255, 255, 0.09), transparent 22%, rgba(69, 239, 191, 0.055) 42%, transparent 62%, rgba(244, 202, 114, 0.05)),
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: auto, 76px 76px, 76px 76px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.24) 68%, transparent 100%);
}

body.luxury-frontend::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 48%, transparent 52%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%);
    mix-blend-mode: screen;
    opacity: 0.42;
    transform: skewY(-7deg) translateY(-22%);
    animation: luxAmbientReflector 9s ease-in-out infinite;
}

body.luxury-frontend > * {
    position: relative;
    z-index: 1;
}

body.luxury-frontend .container-custom {
    max-width: 1180px;
}

body.luxury-frontend header {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(8, 12, 24, 0.72) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(22px) saturate(1.45);
}

body.luxury-frontend header img,
body.luxury-frontend footer img {
    filter: drop-shadow(0 10px 22px rgba(114, 242, 255, 0.22));
}

body.luxury-frontend header a.group span,
body.luxury-frontend footer a span {
    color: #ffffff !important;
}

body.luxury-frontend header nav > div,
body.luxury-frontend [data-mobile-menu-panel] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.luxury-frontend [data-mobile-menu-root] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 220ms ease, visibility 220ms ease;
}

body.luxury-frontend [data-mobile-menu-root].mobile-menu-open {
    visibility: visible;
    opacity: 1;
}

body.luxury-frontend [data-mobile-menu-backdrop] {
    background: rgba(3, 7, 18, 0.78) !important;
    backdrop-filter: blur(10px) saturate(1.12);
}

body.luxury-frontend [data-mobile-menu-panel] {
    right: auto !important;
    width: 340px !important;
    max-width: 88vw !important;
    min-width: 0 !important;
    border-right: 1px solid rgba(125, 216, 240, 0.24) !important;
    background:
        linear-gradient(180deg, #101827 0%, #0a1020 46%, #060914 100%) !important;
    box-shadow:
        28px 0 80px rgba(0, 0, 0, 0.62),
        inset -1px 0 0 rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: none !important;
    transform: translateX(-110%) !important;
}

body.luxury-frontend [data-mobile-menu-root].mobile-menu-open [data-mobile-menu-panel] {
    transform: translateX(0) !important;
}

body.luxury-frontend [data-mobile-menu-panel] > div {
    background: transparent !important;
}

body.luxury-frontend header nav a,
body.luxury-frontend [data-mobile-menu-panel] a {
    color: rgba(244, 248, 255, 0.82) !important;
}

body.luxury-frontend header nav a:hover,
body.luxury-frontend [data-mobile-menu-panel] a:hover {
    color: #fff !important;
}

body.luxury-frontend header nav a > div,
body.luxury-frontend [data-mobile-menu-panel] a.bg-white {
    background: linear-gradient(135deg, rgba(114, 242, 255, 0.2), rgba(244, 202, 114, 0.16)) !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

@media (min-width: 1360px) {
    body.luxury-frontend [data-mobile-menu-toggle] {
        display: none !important;
    }

    body.luxury-frontend.overflow-hidden {
        overflow: auto !important;
    }
}

body.luxury-frontend main[class*="bg-[#17181c]"],
body.luxury-frontend main[class*="min-h-screen"],
body.luxury-frontend main[class*="transition-colors"] {
    background: transparent !important;
}

body.luxury-frontend h1,
body.luxury-frontend h2,
body.luxury-frontend h3,
body.luxury-frontend h4 {
    color: #ffffff !important;
    letter-spacing: 0;
}

body.luxury-frontend h1 span[class*="text-transparent"],
body.luxury-frontend span[class*="bg-clip-text"] {
    background-image: linear-gradient(112deg, #ffffff 0%, var(--lux-cyan) 26%, var(--lux-gold) 58%, #e8e4ff 100%) !important;
    filter: drop-shadow(0 16px 36px rgba(114, 242, 255, 0.18));
}

body.luxury-frontend p,
body.luxury-frontend li,
body.luxury-frontend .text-zinc-300,
body.luxury-frontend .text-zinc-400,
body.luxury-frontend .text-muted-foreground,
body.luxury-frontend .dark\:text-zinc-400:is(.dark *) {
    color: var(--lux-muted) !important;
}

body.luxury-frontend a:not(.btn-primary):not([class*="bg-"]):hover {
    color: var(--lux-cyan) !important;
}

body.luxury-frontend .text-zinc-900,
body.luxury-frontend .text-gray-900,
body.luxury-frontend .text-slate-900,
body.luxury-frontend .text-foreground,
body.luxury-frontend .dark\:text-white:is(.dark *) {
    color: #ffffff !important;
}

body.luxury-frontend .text-black,
body.luxury-frontend .bg-white .text-zinc-900,
body.luxury-frontend .bg-white .text-gray-900,
body.luxury-frontend .bg-white .text-slate-900,
body.luxury-frontend .dark\:bg-white:is(.dark *) .dark\:text-zinc-900:is(.dark *) {
    color: #061018 !important;
}

body.luxury-frontend main article[class*="rounded"],
body.luxury-frontend main section[class*="rounded"],
body.luxury-frontend main form[class*="rounded"],
body.luxury-frontend main div[class*="rounded-3xl"][class*="border"],
body.luxury-frontend main div[class*="rounded-[2.5rem]"],
body.luxury-frontend main div[class*="rounded-[34px]"],
body.luxury-frontend main div[class*="rounded-[32px]"],
body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"],
body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"] {
    position: relative;
    overflow: hidden;
    border-color: var(--lux-border) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045) 38%, rgba(69, 239, 191, 0.055) 100%) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    backdrop-filter: blur(22px) saturate(1.25);
}

body.luxury-frontend main article[class*="rounded"]::before,
body.luxury-frontend main section[class*="rounded"]::before,
body.luxury-frontend main form[class*="rounded"]::before,
body.luxury-frontend main div[class*="rounded-3xl"][class*="border"]::before,
body.luxury-frontend main div[class*="rounded-[2.5rem]"]::before,
body.luxury-frontend main div[class*="rounded-[34px]"]::before,
body.luxury-frontend main div[class*="rounded-[32px]"]::before,
body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"]::before,
body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.17) 18%, transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 36%);
    opacity: 0.58;
    transform: translateX(-115%);
    transition: transform 0.72s cubic-bezier(.2, .8, .2, 1), opacity 0.35s ease;
}

body.luxury-frontend main article[class*="rounded"]:hover::before,
body.luxury-frontend main section[class*="rounded"]:hover::before,
body.luxury-frontend main form[class*="rounded"]:hover::before,
body.luxury-frontend main div[class*="rounded-3xl"][class*="border"]:hover::before,
body.luxury-frontend main div[class*="rounded-[2.5rem]"]:hover::before,
body.luxury-frontend main div[class*="rounded-[34px]"]:hover::before,
body.luxury-frontend main div[class*="rounded-[32px]"]:hover::before,
body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"]:hover::before,
body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"]:hover::before {
    transform: translateX(115%);
}

body.luxury-frontend main article[class*="rounded"] > *,
body.luxury-frontend main section[class*="rounded"] > *,
body.luxury-frontend main form[class*="rounded"] > *,
body.luxury-frontend main div[class*="rounded-3xl"][class*="border"] > *,
body.luxury-frontend main div[class*="rounded-[2.5rem]"] > *,
body.luxury-frontend main div[class*="rounded-[34px]"] > *,
body.luxury-frontend main div[class*="rounded-[32px]"] > *,
body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"] > *,
body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"] > * {
    position: relative;
    z-index: 1;
}

body.luxury-frontend main article[class*="rounded"]:hover,
body.luxury-frontend main div[class*="rounded-3xl"][class*="border"]:hover,
body.luxury-frontend main div[class*="rounded-[2.5rem]"]:hover,
body.luxury-frontend .viral-card:hover {
    border-color: var(--lux-border-strong) !important;
    box-shadow: var(--lux-shadow) !important;
    transform: perspective(900px) translateY(-7px) rotateX(1deg);
}

body.luxury-frontend [class*="bg-[var(--page-bg)]"],
body.luxury-frontend .bg-zinc-900\/80,
body.luxury-frontend .bg-zinc-900\/85,
body.luxury-frontend .bg-zinc-900\/90,
body.luxury-frontend .bg-zinc-800\/50,
body.luxury-frontend .bg-zinc-50 {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.075) !important;
    backdrop-filter: blur(16px);
}

body.luxury-frontend input:not([type="checkbox"]):not([type="radio"]),
body.luxury-frontend select,
body.luxury-frontend textarea,
body.luxury-frontend .library-search-input {
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(7, 10, 20, 0.78) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 40px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(16px);
}

body.luxury-frontend select {
    color-scheme: dark;
}

body.luxury-frontend select option,
body.luxury-frontend select optgroup {
    background: #ffffff !important;
    color: #061018 !important;
    color-scheme: light;
}

body.luxury-frontend select option:checked,
body.luxury-frontend select option:hover {
    background: #c7d2fe !important;
    color: #020617 !important;
}

body.luxury-frontend input::placeholder,
body.luxury-frontend textarea::placeholder {
    color: rgba(202, 213, 228, 0.58) !important;
}

body.luxury-frontend input:focus,
body.luxury-frontend select:focus,
body.luxury-frontend textarea:focus,
body.luxury-frontend .library-search-input:focus {
    border-color: rgba(114, 242, 255, 0.56) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(114, 242, 255, 0.13), 0 20px 50px rgba(0, 0, 0, 0.28) !important;
}

body.luxury-frontend .btn-primary,
body.luxury-frontend button[type="submit"],
body.luxury-frontend [data-action-button],
body.luxury-frontend [data-plan-select],
body.luxury-frontend #premium-upi-button,
body.luxury-frontend button[class*="from-[#2748d4]"],
body.luxury-frontend a[class*="from-[#2748d4]"],
body.luxury-frontend .viral-action:first-child {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: linear-gradient(135deg, #67e8f9 0%, #6d7dff 42%, #45efbf 100%) !important;
    color: #061018 !important;
    box-shadow: 0 20px 42px rgba(103, 232, 249, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    text-shadow: none;
}

body.luxury-frontend .btn-primary,
body.luxury-frontend .btn-primary *,
body.luxury-frontend button[type="submit"],
body.luxury-frontend button[type="submit"] *,
body.luxury-frontend [data-action-button],
body.luxury-frontend [data-action-button] *,
body.luxury-frontend [data-plan-select],
body.luxury-frontend [data-plan-select] *,
body.luxury-frontend #premium-upi-button,
body.luxury-frontend #premium-upi-button *,
body.luxury-frontend button[class*="from-[#2748d4]"],
body.luxury-frontend button[class*="from-[#2748d4]"] *,
body.luxury-frontend a[class*="from-[#2748d4]"],
body.luxury-frontend a[class*="from-[#2748d4]"] *,
body.luxury-frontend .viral-action:first-child,
body.luxury-frontend .viral-action:first-child * {
    color: #061018 !important;
}

body.luxury-frontend [data-action-button="download"],
body.luxury-frontend button[class*="from-[#10b981]"],
body.luxury-frontend a[class*="from-[#10b981]"] {
    background: linear-gradient(135deg, #45efbf 0%, #75f6ff 48%, #f4ca72 100%) !important;
}

body.luxury-frontend .btn-primary::after,
body.luxury-frontend button[type="submit"]::after,
body.luxury-frontend [data-action-button]::after,
body.luxury-frontend [data-plan-select]::after,
body.luxury-frontend #premium-upi-button::after,
body.luxury-frontend button[class*="from-[#2748d4]"]::after,
body.luxury-frontend a[class*="from-[#2748d4]"]::after,
body.luxury-frontend .viral-action:first-child::after {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: -35%;
    width: 32%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
    transition: left 0.65s ease;
}

body.luxury-frontend .btn-primary:hover::after,
body.luxury-frontend button[type="submit"]:hover::after,
body.luxury-frontend [data-action-button]:hover::after,
body.luxury-frontend [data-plan-select]:hover::after,
body.luxury-frontend #premium-upi-button:hover::after,
body.luxury-frontend button[class*="from-[#2748d4]"]:hover::after,
body.luxury-frontend a[class*="from-[#2748d4]"]:hover::after,
body.luxury-frontend .viral-action:first-child:hover::after {
    left: 112%;
}

body.luxury-frontend .btn-primary:hover,
body.luxury-frontend button[type="submit"]:hover,
body.luxury-frontend [data-action-button]:hover,
body.luxury-frontend [data-plan-select]:hover,
body.luxury-frontend #premium-upi-button:hover,
body.luxury-frontend .viral-action:hover {
    transform: translateY(-2px) scale(1.012);
}

body.luxury-frontend .lux-gradient-button {
    --lux-btn-rad: 32px;
    --lux-btn-text: #061018;
    --lux-btn-a: rgba(255, 255, 255, 0.98);
    --lux-btn-b: rgba(103, 232, 249, 0.98);
    --lux-btn-c: rgba(69, 239, 191, 0.96);
    --lux-btn-d: rgba(244, 202, 114, 0.98);
    position: relative !important;
    isolation: isolate;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.58rem !important;
    min-height: 2.75rem;
    max-width: 100%;
    overflow: hidden !important;
    border: 2px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: var(--lux-btn-rad) !important;
    padding: clamp(0.62rem, 1.1vw, 0.94rem) clamp(0.95rem, 2.8vw, 2.25rem) !important;
    color: var(--lux-btn-text) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 18px 42px rgba(69, 239, 191, 0.20),
        0 10px 28px rgba(103, 232, 249, 0.16),
        inset 0 0 10px 8px rgba(52, 72, 116, 0.18) !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 4px rgba(255, 255, 255, 0.72) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance;
    vertical-align: middle;
    cursor: pointer;
    transform-style: preserve-3d;
    filter: saturate(0.82) brightness(1.34);
}

body.luxury-frontend .lux-gradient-button[data-lux-tone="danger"] {
    --lux-btn-text: #fff7f7;
    --lux-btn-a: rgba(255, 255, 255, 0.95);
    --lux-btn-b: rgba(255, 115, 150, 0.95);
    --lux-btn-c: rgba(255, 72, 110, 0.92);
    --lux-btn-d: rgba(255, 197, 115, 0.92);
    text-shadow: 0 1px 8px rgba(80, 0, 18, 0.52) !important;
}

body.luxury-frontend .lux-gradient-button[data-lux-tone="success"] {
    --lux-btn-text: #041512;
    --lux-btn-a: rgba(255, 255, 255, 0.98);
    --lux-btn-b: rgba(69, 239, 191, 0.98);
    --lux-btn-c: rgba(117, 246, 255, 0.94);
    --lux-btn-d: rgba(244, 202, 114, 0.96);
}

body.luxury-frontend .lux-gradient-button[data-lux-tone="gold"] {
    --lux-btn-text: #150d02;
    --lux-btn-a: rgba(255, 255, 255, 0.98);
    --lux-btn-b: rgba(255, 230, 160, 0.98);
    --lux-btn-c: rgba(244, 202, 114, 0.96);
    --lux-btn-d: rgba(103, 232, 249, 0.92);
}

body.luxury-frontend .lux-gradient-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -160px;
    z-index: -1;
    width: 500%;
    aspect-ratio: 1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 65% 180%,
            var(--lux-btn-a),
            var(--lux-btn-b),
            var(--lux-btn-a),
            var(--lux-btn-c),
            var(--lux-btn-a),
            var(--lux-btn-d),
            var(--lux-btn-a),
            var(--lux-btn-b),
            var(--lux-btn-a));
    opacity: 0.72;
    mix-blend-mode: color-dodge;
    transform: translateY(-50%) rotate(0deg);
    animation: luxButtonRotate 18s linear infinite;
}

body.luxury-frontend .lux-gradient-button::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 1;
    pointer-events: none;
    border-radius: calc(var(--lux-btn-rad) - 2px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.50), transparent 34%, rgba(0, 0, 0, 0.20) 100%),
        linear-gradient(115deg, transparent 0%, transparent 28%, rgba(255, 255, 255, 0.58) 43%, transparent 58%, transparent 100%);
    background-size: auto, 230% 100%;
    background-position: center, -120% 0;
    box-shadow:
        inset 0 4px 5px rgba(255, 255, 255, 0.30),
        inset 0 -5px 8px rgba(0, 0, 0, 0.23);
    opacity: 0.86;
    animation: luxButtonReflect 4.8s ease-in-out infinite;
}

body.luxury-frontend .lux-gradient-button > * {
    position: relative;
    z-index: 2;
    color: inherit !important;
    text-align: center !important;
}

body.luxury-frontend .lux-gradient-button svg,
body.luxury-frontend .lux-gradient-button i {
    flex: 0 0 auto;
}

body.luxury-frontend .lux-gradient-button.lux-icon-button {
    min-width: 2.75rem;
    aspect-ratio: 1;
    padding: 0.68rem !important;
}

body.luxury-frontend .lux-gradient-button:hover {
    transform: perspective(760px) translateY(-3px) translateZ(18px) rotateX(3deg) scale3d(1.018, 0.99, 1) !important;
    filter: saturate(1.04) brightness(1.42);
}

body.luxury-frontend .lux-gradient-button:hover::before {
    opacity: 0.94;
    animation-duration: 9s;
}

body.luxury-frontend .lux-gradient-button:active,
body.luxury-frontend .lux-gradient-button.is-lux-button-pressing {
    transform: perspective(760px) translateY(0) translateZ(4px) scale3d(0.97, 1.045, 1) !important;
}

body.luxury-frontend .lux-gradient-button:disabled,
body.luxury-frontend .lux-gradient-button[aria-disabled="true"],
body.luxury-frontend .lux-gradient-button.pointer-events-none {
    cursor: not-allowed;
    opacity: 0.58;
    filter: grayscale(0.18) brightness(0.96);
}

@keyframes luxButtonRotate {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

@keyframes luxButtonReflect {
    0%,
    100% {
        background-position: center, -120% 0;
        opacity: 0.76;
    }

    46% {
        background-position: center, 112% 0;
        opacity: 0.96;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.luxury-frontend .lux-gradient-button::before,
    body.luxury-frontend .lux-gradient-button::after {
        animation: none;
    }
}

body.luxury-frontend [data-inline-preview-shell],
body.luxury-frontend [data-inline-preview-shell] > div,
body.luxury-frontend [data-inline-preview-frame] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035) 40%, rgba(114, 242, 255, 0.05)) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    backdrop-filter: blur(18px);
}

body.luxury-frontend [data-inline-preview-frame] {
    overflow: hidden;
}

body.luxury-frontend [data-inline-preview] > div {
    border-radius: 26px;
    background: rgba(11, 15, 27, 0.86) !important;
}

body.luxury-frontend [data-preview-play-overlay] {
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: rgba(5, 8, 16, 0.72) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

body.luxury-frontend .iteraplay-center-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 17;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    max-width: min(78vw, 220px);
    transform: translate(-50%, -50%) scale(0.96);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(5, 8, 16, 0.72);
    color: #ffffff;
    padding: 12px 22px 12px 13px;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    cursor: pointer;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(1.15);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease, background 180ms ease, border-color 180ms ease;
}

body.luxury-frontend .iteraplay-center-play.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
}

body.luxury-frontend .iteraplay-center-play:hover,
body.luxury-frontend .iteraplay-center-play:focus-visible {
    border-color: rgba(125, 211, 252, 0.55);
    background: rgba(10, 19, 35, 0.82);
    outline: none;
}

body.luxury-frontend .iteraplay-center-play:disabled {
    cursor: wait;
}

body.luxury-frontend .iteraplay-center-play-icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 10px 26px rgba(255, 255, 255, 0.14);
}

body.luxury-frontend .iteraplay-center-play-icon span {
    display: block;
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid currentColor;
}

body.luxury-frontend .iteraplay-center-play-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.luxury-frontend .viral-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045) 42%, rgba(114, 242, 255, 0.045)) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

body.luxury-frontend .viral-thumb {
    border-color: rgba(255, 255, 255, 0.13) !important;
}

body.luxury-frontend .viral-card .rounded-full,
body.luxury-frontend main span[class*="rounded-full"] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.075) !important;
    color: rgba(245, 249, 255, 0.9) !important;
    backdrop-filter: blur(12px);
}

body.luxury-frontend .library-search-grid,
body.luxury-frontend .library-search-pink-mask {
    display: none !important;
}

body.luxury-frontend .library-search-poda {
    filter: drop-shadow(0 16px 34px rgba(114, 242, 255, 0.16));
}

body.luxury-frontend .library-search-glow {
    opacity: 0.24 !important;
}

body.luxury-frontend video,
body.luxury-frontend iframe {
    border-radius: inherit;
}

body.luxury-frontend .iteraplay-video-loader-overlay {
    position: absolute;
    inset: 0;
    z-index: 18;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: inherit;
    background:
        radial-gradient(circle at 50% 48%, rgba(107, 178, 205, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(3, 7, 18, 0.72), rgba(7, 18, 28, 0.48));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(8px) saturate(1.18);
    transition: opacity 220ms ease, visibility 220ms ease;
}

body.luxury-frontend .iteraplay-video-loader-overlay.is-loading {
    opacity: 1;
    visibility: visible;
}

body.luxury-frontend .iteraplay-video-loader-overlay::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: linear-gradient(115deg, transparent 36%, rgba(255, 255, 255, 0.18) 48%, transparent 60%);
    transform: translateX(-38%) rotate(8deg);
    animation: iteraplayLoaderReflect 1.8s ease-in-out infinite;
}

body.luxury-frontend .iteraplay-video-loader-overlay .loader {
    position: relative;
    width: 200px;
    height: 200px;
    perspective: 200px;
    transform: scale(0.72);
    filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.38));
}

body.luxury-frontend .iteraplay-video-loader-overlay .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100px;
    border: 40px outset #1e3f57;
    transform-origin: 50% 50%;
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    background-color: transparent;
    animation: iteraplayDot1 1000ms cubic-bezier(.49, .06, .43, .85) infinite;
}

body.luxury-frontend .iteraplay-video-loader-overlay .dot:nth-child(2) {
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
    border-width: 30px;
    border-color: #447891;
    animation-name: iteraplayDot2;
    animation-delay: 75ms;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
}

body.luxury-frontend .iteraplay-video-loader-overlay .dot:nth-child(3) {
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px;
    border-width: 20px;
    border-color: #6bb2cd;
    animation-name: iteraplayDot3;
    animation-delay: 150ms;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
}

@keyframes iteraplayLoaderReflect {
    0% {
        opacity: 0;
        transform: translateX(-42%) rotate(8deg);
    }

    42% {
        opacity: 0.7;
    }

    100% {
        opacity: 0;
        transform: translateX(42%) rotate(8deg);
    }
}

@keyframes iteraplayDot1 {
    0% {
        border-color: #1e3f57;
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }

    50% {
        border-color: #1e574f;
        transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
    }

    100% {
        border-color: #1e3f57;
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }
}

@keyframes iteraplayDot2 {
    0% {
        border-color: #447891;
        box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.2);
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }

    50% {
        border-color: #449180;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.8);
        transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
    }

    100% {
        border-color: #447891;
        box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.2);
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }
}

@keyframes iteraplayDot3 {
    0% {
        border-color: #6bb2cd;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }

    50% {
        border-color: #6bcdb2;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.8);
        transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
    }

    100% {
        border-color: #6bb2cd;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
        transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
    }
}

@media (max-width: 640px) {
    body.luxury-frontend .iteraplay-video-loader-overlay .loader {
        transform: scale(0.54);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.luxury-frontend .iteraplay-video-loader-overlay::before,
    body.luxury-frontend .iteraplay-video-loader-overlay .dot {
        animation-duration: 1800ms;
    }
}

body.luxury-frontend footer {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(180deg, rgba(10, 14, 26, 0.78), rgba(5, 7, 13, 0.94)) !important;
    box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px);
}

body.luxury-frontend footer [class*="bg-[var(--page-bg)]"] {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.luxury-frontend [data-download-quality-modal] {
    background: rgba(3, 6, 14, 0.76) !important;
    backdrop-filter: blur(24px) saturate(1.25) !important;
}

body.luxury-frontend [data-download-quality-modal] [role="dialog"] {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.055) 42%, rgba(69, 239, 191, 0.07)) !important;
    box-shadow: 0 36px 120px rgba(0, 0, 0, 0.68), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    backdrop-filter: blur(26px);
}

body.luxury-frontend #recent-purchase-popup,
body.luxury-frontend #iteraplay-purchase-toast-root > div {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(15, 21, 38, 0.86) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    backdrop-filter: blur(22px) saturate(1.2);
}

body.luxury-frontend .prose {
    --tw-prose-body: var(--lux-muted);
    --tw-prose-headings: #ffffff;
    --tw-prose-links: var(--lux-cyan);
    --tw-prose-bold: #ffffff;
    --tw-prose-quotes: #d7e8ff;
    --tw-prose-invert-body: var(--lux-muted);
    --tw-prose-invert-headings: #ffffff;
    --tw-prose-invert-links: var(--lux-cyan);
}

body.luxury-frontend .shell,
body.luxury-frontend .hero,
body.luxury-frontend .card,
body.luxury-frontend .requirement,
body.luxury-frontend .alert,
body.luxury-frontend .step {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.16) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045) 42%, rgba(114, 242, 255, 0.055)) !important;
    color: var(--lux-text) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    backdrop-filter: blur(22px) saturate(1.22);
}

body.luxury-frontend .step.active {
    border-color: rgba(114, 242, 255, 0.48) !important;
    background: linear-gradient(135deg, rgba(114, 242, 255, 0.28), rgba(69, 239, 191, 0.18)) !important;
    color: #ffffff !important;
}

body.luxury-frontend .btn,
body.luxury-frontend .button,
body.luxury-frontend .button-secondary {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: linear-gradient(135deg, #67e8f9 0%, #6d7dff 48%, #45efbf 100%) !important;
    color: #061018 !important;
    box-shadow: 0 20px 42px rgba(103, 232, 249, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.luxury-frontend .button-secondary,
body.luxury-frontend .btn.secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

body.luxury-frontend code,
body.luxury-frontend pre {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(4, 8, 18, 0.64) !important;
    color: #dffbff !important;
}

body.luxury-frontend.lux-3d-enabled main,
body.luxury-frontend.lux-3d-enabled .container-custom {
    perspective: 1400px;
}

body.luxury-frontend .lux-3d-card {
    --lux-tilt-x: 0deg;
    --lux-tilt-y: 0deg;
    --lux-pop: 0px;
    --lux-lift: 0px;
    --lux-glare-x: 50%;
    --lux-glare-y: 0%;
    --lux-glare-opacity: 0.24;
    transform-style: preserve-3d;
    transform:
        perspective(1200px)
        translate3d(0, var(--lux-lift), var(--lux-pop))
        rotateX(var(--lux-tilt-x))
        rotateY(var(--lux-tilt-y))
        scale3d(var(--lux-scale, 1), var(--lux-scale, 1), 1) !important;
    transition:
        transform 0.32s cubic-bezier(.17, .84, .32, 1.22),
        box-shadow 0.32s ease,
        border-color 0.32s ease,
        filter 0.32s ease;
    will-change: transform;
}

body.luxury-frontend .lux-3d-card.is-lux-active {
    --lux-pop: 24px;
    --lux-lift: -8px;
    --lux-scale: 1.012;
    border-color: rgba(158, 221, 255, 0.46) !important;
    box-shadow:
        0 34px 92px rgba(0, 0, 0, 0.56),
        0 18px 44px rgba(114, 242, 255, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    filter: saturate(1.09);
}

body.luxury-frontend .lux-3d-card.is-lux-pressing {
    animation: luxDepthJelly 0.56s cubic-bezier(.2, .9, .24, 1.18);
}

body.luxury-frontend .lux-3d-card::after {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(circle at var(--lux-glare-x) var(--lux-glare-y), rgba(255, 255, 255, 0.54), rgba(114, 242, 255, 0.18) 16%, transparent 38%),
        linear-gradient(112deg, transparent 0%, transparent 26%, rgba(255, 255, 255, 0.34) 41%, rgba(244, 202, 114, 0.16) 48%, transparent 64%, transparent 100%);
    opacity: var(--lux-glare-opacity);
    mix-blend-mode: screen;
    transform: translateZ(76px);
    transition: opacity 0.28s ease, background-position 0.28s ease;
}

body.luxury-frontend .lux-3d-card.is-lux-active::after {
    animation: luxCardReflector 1.6s ease-in-out infinite alternate;
}

body.luxury-frontend .lux-3d-card > * {
    transform: translateZ(22px);
}

body.luxury-frontend .lux-3d-card video,
body.luxury-frontend .lux-3d-card iframe,
body.luxury-frontend .lux-3d-card input,
body.luxury-frontend .lux-3d-card select,
body.luxury-frontend .lux-3d-card textarea {
    transform: translateZ(34px);
}

body.luxury-frontend .lux-jelly-button {
    transform-style: preserve-3d;
    transition:
        transform 0.22s cubic-bezier(.2, .9, .25, 1.2),
        box-shadow 0.22s ease,
        filter 0.22s ease;
}

body.luxury-frontend .lux-jelly-button:hover {
    transform: perspective(720px) translateY(-3px) translateZ(18px) rotateX(3deg) scale3d(1.018, 0.99, 1) !important;
    filter: saturate(1.08) brightness(1.04);
}

body.luxury-frontend .lux-jelly-button.is-lux-button-pressing {
    animation: luxButtonJelly 0.46s cubic-bezier(.2, .9, .24, 1.18);
}

@keyframes luxAmbientReflector {
    0%, 100% {
        opacity: 0.24;
        transform: translateX(-54%) skewY(-7deg) translateY(-22%);
    }
    48% {
        opacity: 0.55;
        transform: translateX(54%) skewY(-7deg) translateY(-22%);
    }
}

@keyframes luxCardReflector {
    0% {
        filter: hue-rotate(0deg) brightness(1);
    }
    100% {
        filter: hue-rotate(8deg) brightness(1.18);
    }
}

@keyframes luxDepthJelly {
    0% {
        transform: perspective(1200px) translate3d(0, -8px, 24px) rotateX(var(--lux-tilt-x)) rotateY(var(--lux-tilt-y)) scale3d(1.012, 1.012, 1);
    }
    30% {
        transform: perspective(1200px) translate3d(0, -5px, 8px) rotateX(var(--lux-tilt-x)) rotateY(var(--lux-tilt-y)) scale3d(0.982, 1.028, 1);
    }
    64% {
        transform: perspective(1200px) translate3d(0, -10px, 30px) rotateX(var(--lux-tilt-x)) rotateY(var(--lux-tilt-y)) scale3d(1.026, 0.988, 1);
    }
    100% {
        transform: perspective(1200px) translate3d(0, -8px, 24px) rotateX(var(--lux-tilt-x)) rotateY(var(--lux-tilt-y)) scale3d(1.012, 1.012, 1);
    }
}

@keyframes luxButtonJelly {
    0% {
        transform: perspective(720px) translateY(-3px) translateZ(18px) rotateX(3deg) scale3d(1.018, 0.99, 1);
    }
    34% {
        transform: perspective(720px) translateY(0) translateZ(2px) rotateX(0deg) scale3d(0.97, 1.045, 1);
    }
    70% {
        transform: perspective(720px) translateY(-4px) translateZ(22px) rotateX(4deg) scale3d(1.035, 0.982, 1);
    }
    100% {
        transform: perspective(720px) translateY(-3px) translateZ(18px) rotateX(3deg) scale3d(1.018, 0.99, 1);
    }
}

@keyframes luxJelly {
    0% { transform: translateY(-2px) scale3d(1, 1, 1); }
    38% { transform: translateY(-5px) scale3d(1.015, 0.985, 1); }
    72% { transform: translateY(-4px) scale3d(0.995, 1.008, 1); }
    100% { transform: translateY(-4px) scale3d(1, 1, 1); }
}

body.luxury-frontend .btn-primary:hover,
body.luxury-frontend [data-action-button]:hover,
body.luxury-frontend [data-plan-select]:hover,
body.luxury-frontend .viral-action:hover {
    animation: luxJelly 0.48s cubic-bezier(.2, .8, .2, 1);
}

body.luxury-frontend .lux-gradient-button,
body.luxury-frontend .lux-gradient-button[data-lux-tone="primary"],
body.luxury-frontend .lux-gradient-button[data-lux-tone="success"],
body.luxury-frontend .lux-gradient-button[data-lux-tone="danger"],
body.luxury-frontend .lux-gradient-button[data-lux-tone="gold"] {
    position: relative !important;
    isolation: isolate;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    min-height: 44px;
    max-width: 100%;
    overflow: hidden !important;
    border: 2px solid #126bb1 !important;
    border-radius: 7px !important;
    padding: 10px 24px !important;
    color: #ffffff !important;
    background:
        radial-gradient(ellipse at 50% 88%, rgba(87, 246, 255, 0.95) 0%, rgba(58, 205, 232, 0.54) 23%, rgba(58, 205, 232, 0) 52%),
        linear-gradient(180deg, #67a8cf 0%, #4f99c8 36%, #2fa3cf 68%, #2494c2 100%) !important;
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(10, 73, 124, 0.88),
        inset 0 -14px 24px rgba(42, 206, 235, 0.26) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 43, 74, 0.9), 0 0 2px rgba(0, 0, 0, 0.4) !important;
    white-space: normal !important;
    text-wrap: balance;
    vertical-align: middle;
    cursor: pointer;
    filter: none !important;
}

body.luxury-frontend .lux-gradient-button::before {
    content: "" !important;
    position: absolute;
    inset: 2px 3px auto 3px;
    height: 46%;
    border-radius: 5px 5px 12px 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.24) 56%, rgba(255, 255, 255, 0));
    opacity: 0.82;
    pointer-events: none;
    mix-blend-mode: normal;
    animation: none !important;
    transform: none !important;
    width: auto !important;
    aspect-ratio: auto !important;
    left: 3px !important;
    top: 2px !important;
    z-index: auto !important;
}

body.luxury-frontend .lux-gradient-button::after {
    content: none !important;
}

body.luxury-frontend .lux-gradient-button,
body.luxury-frontend .lux-gradient-button * {
    color: #ffffff !important;
    text-align: center !important;
}

body.luxury-frontend .lux-gradient-button > * {
    position: relative;
    z-index: 1;
}

body.luxury-frontend .lux-gradient-button:hover {
    background:
        radial-gradient(ellipse at 50% 88%, rgba(103, 252, 255, 0.98) 0%, rgba(67, 218, 239, 0.58) 25%, rgba(67, 218, 239, 0) 54%),
        linear-gradient(180deg, #73b3d6 0%, #56a5d1 36%, #32acd8 68%, #269ac9 100%) !important;
    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(10, 73, 124, 0.90),
        inset 0 -14px 24px rgba(42, 206, 235, 0.30) !important;
    transform: translateY(-1px) !important;
}

body.luxury-frontend .lux-gradient-button:active,
body.luxury-frontend .lux-gradient-button.is-lux-button-pressing {
    background:
        radial-gradient(ellipse at 50% 88%, rgba(72, 229, 245, 0.82) 0%, rgba(40, 176, 214, 0.42) 24%, rgba(40, 176, 214, 0) 52%),
        linear-gradient(180deg, #3e8fc1 0%, #2f83b8 42%, #238dbc 100%) !important;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.24),
        inset 0 2px 8px rgba(8, 63, 112, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
    transform: translateY(1px) !important;
}

body.luxury-frontend .lux-gradient-button.lux-icon-button {
    min-width: 44px;
    min-height: 44px;
    aspect-ratio: 1;
    padding: 10px !important;
}

body.luxury-frontend .lux-gradient-button:disabled,
body.luxury-frontend .lux-gradient-button[aria-disabled="true"],
body.luxury-frontend .lux-gradient-button.pointer-events-none {
    opacity: 0.62;
    cursor: not-allowed;
    filter: grayscale(0.12) !important;
}

body.luxury-frontend .lux-gradient-button.absolute {
    position: absolute !important;
}

body.luxury-frontend .lux-gradient-button.fixed {
    position: fixed !important;
}

body.luxury-frontend [data-resolve-form] [data-link-input],
body.luxury-frontend main .relative > input[placeholder*="TeraBox"] {
    padding-right: 8.75rem !important;
}

body.luxury-frontend [data-resolve-form] [data-paste-button].lux-gradient-button,
body.luxury-frontend main .relative > input[placeholder*="TeraBox"] + button.lux-gradient-button {
    position: absolute !important;
    top: 50% !important;
    right: 0.5rem !important;
    z-index: 4;
    min-height: 42px;
    height: 42px;
    width: auto;
    min-width: 112px;
    padding: 0 16px !important;
    border-radius: 7px !important;
    font-size: 0.86rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: translateY(-50%) !important;
}

body.luxury-frontend [data-resolve-form] [data-paste-button].lux-gradient-button:hover,
body.luxury-frontend main .relative > input[placeholder*="TeraBox"] + button.lux-gradient-button:hover {
    transform: translateY(calc(-50% - 1px)) !important;
}

body.luxury-frontend [data-resolve-form] [data-paste-button].lux-gradient-button:active,
body.luxury-frontend [data-resolve-form] [data-paste-button].lux-gradient-button.is-lux-button-pressing,
body.luxury-frontend main .relative > input[placeholder*="TeraBox"] + button.lux-gradient-button:active,
body.luxury-frontend main .relative > input[placeholder*="TeraBox"] + button.lux-gradient-button.is-lux-button-pressing {
    transform: translateY(-50%) !important;
}

@media (max-width: 520px) {
    body.luxury-frontend [data-resolve-form] [data-link-input],
    body.luxury-frontend main .relative > input[placeholder*="TeraBox"] {
        padding-right: 7.65rem !important;
    }

    body.luxury-frontend [data-resolve-form] [data-paste-button].lux-gradient-button,
    body.luxury-frontend main .relative > input[placeholder*="TeraBox"] + button.lux-gradient-button {
        min-width: 94px;
        height: 40px;
        min-height: 40px;
        padding: 0 12px !important;
        font-size: 0.78rem !important;
    }

    body.luxury-frontend [data-auth-mobile-link] {
        min-width: 44px;
        justify-content: center;
        padding-inline: 0.75rem !important;
    }

    body.luxury-frontend [data-auth-mobile-label] {
        display: none !important;
    }
}

@media (max-width: 768px) {
    body.luxury-frontend::after {
        opacity: 0.22;
    }

    body.luxury-frontend header {
        backdrop-filter: blur(16px);
    }

    body.luxury-frontend main article[class*="rounded"]:hover,
    body.luxury-frontend main div[class*="rounded-3xl"][class*="border"]:hover,
    body.luxury-frontend main div[class*="rounded-[2.5rem]"]:hover,
    body.luxury-frontend .viral-card:hover {
        transform: translateY(-3px);
    }

    body.luxury-frontend [data-download-quality-modal] [role="dialog"] {
        border-radius: 22px !important;
    }
}

html.light {
    color-scheme: light;
}

html.light body.luxury-frontend {
    --lux-ink: #f7fbff;
    --lux-ink-2: #eef6ff;
    --lux-panel: rgba(255, 255, 255, 0.86);
    --lux-panel-strong: rgba(255, 255, 255, 0.94);
    --lux-panel-soft: rgba(11, 30, 54, 0.06);
    --lux-border: rgba(15, 42, 74, 0.14);
    --lux-border-strong: rgba(14, 116, 144, 0.28);
    --lux-text: #07111f;
    --lux-muted: #516072;
    --page-bg: #f3f8ff;
    --header-bg: rgba(248, 252, 255, 0.92);
    --footer-bg: rgba(239, 247, 255, 0.96);
    --card-outer-bg: rgba(255, 255, 255, 0.88);
    color: #07111f !important;
    background:
        linear-gradient(115deg, #f8fcff 0%, #eef7ff 36%, #effbf7 68%, #ffffff 100%) !important;
}

html.light body.luxury-frontend::before {
    background-image:
        linear-gradient(115deg, rgba(34, 103, 166, 0.08), transparent 24%, rgba(20, 184, 166, 0.07) 44%, transparent 64%, rgba(244, 202, 114, 0.10)),
        linear-gradient(rgba(15, 42, 74, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 42, 74, 0.045) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.22) 70%, transparent 100%);
}

html.light body.luxury-frontend::after {
    background:
        linear-gradient(90deg, transparent 0%, rgba(43, 149, 190, 0.16) 48%, transparent 52%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.62), transparent 45%);
    opacity: 0.28;
    mix-blend-mode: multiply;
}

html.light body.luxury-frontend header {
    border-color: rgba(15, 42, 74, 0.12) !important;
    background: rgba(248, 252, 255, 0.94) !important;
    box-shadow: 0 18px 46px rgba(59, 92, 132, 0.16), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
    backdrop-filter: blur(22px) saturate(1.35);
}

html.light body.luxury-frontend header a.group span,
html.light body.luxury-frontend footer a span,
html.light body.luxury-frontend h1,
html.light body.luxury-frontend h2,
html.light body.luxury-frontend h3,
html.light body.luxury-frontend h4,
html.light body.luxury-frontend .text-zinc-900,
html.light body.luxury-frontend .text-gray-900,
html.light body.luxury-frontend .text-slate-900,
html.light body.luxury-frontend .text-foreground,
html.light body.luxury-frontend .dark\:text-white:is(.dark *) {
    color: #07111f !important;
}

html.light body.luxury-frontend h1 span[class*="text-transparent"],
html.light body.luxury-frontend span[class*="bg-clip-text"] {
    background-image: linear-gradient(112deg, #07111f 0%, #0f7aa8 28%, #0f766e 58%, #836215 100%) !important;
    filter: drop-shadow(0 12px 26px rgba(14, 116, 144, 0.14));
}

html.light body.luxury-frontend p,
html.light body.luxury-frontend li,
html.light body.luxury-frontend .text-zinc-300,
html.light body.luxury-frontend .text-zinc-400,
html.light body.luxury-frontend .text-muted-foreground,
html.light body.luxury-frontend .dark\:text-zinc-400:is(.dark *) {
    color: #516072 !important;
}

html.light body.luxury-frontend a:not(.btn-primary):not([class*="bg-"]):hover {
    color: #0e7490 !important;
}

html.light body.luxury-frontend header nav > div {
    border-color: rgba(15, 42, 74, 0.12) !important;
    background: rgba(232, 242, 252, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 14px 34px rgba(59, 92, 132, 0.12) !important;
    backdrop-filter: blur(16px) saturate(1.2);
}

html.light body.luxury-frontend header nav a,
html.light body.luxury-frontend [data-mobile-menu-panel] a {
    color: rgba(7, 17, 31, 0.78) !important;
}

html.light body.luxury-frontend header nav a:hover,
html.light body.luxury-frontend [data-mobile-menu-panel] a:hover {
    color: #061018 !important;
}

html.light body.luxury-frontend header nav a > div,
html.light body.luxury-frontend [data-mobile-menu-panel] a.bg-white {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(207, 245, 255, 0.8)) !important;
    border-color: rgba(14, 116, 144, 0.20) !important;
    box-shadow: 0 12px 28px rgba(59, 92, 132, 0.12) !important;
}

html.light body.luxury-frontend [data-theme-toggle] {
    border-color: rgba(15, 42, 74, 0.16) !important;
    background: rgba(225, 238, 250, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 28px rgba(59, 92, 132, 0.14) !important;
}

html.light body.luxury-frontend [data-theme-toggle-thumb] {
    background: #ffffff !important;
    color: #0f172a !important;
}

html.light body.luxury-frontend [data-mobile-menu-backdrop] {
    background: rgba(15, 23, 42, 0.36) !important;
    backdrop-filter: blur(8px) saturate(1.08);
}

html.light body.luxury-frontend [data-mobile-menu-panel] {
    border-right-color: rgba(14, 116, 144, 0.22) !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #f2f8ff 50%, #edf7ff 100%) !important;
    box-shadow:
        28px 0 80px rgba(59, 92, 132, 0.24),
        inset -1px 0 0 rgba(14, 116, 144, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html.light body.luxury-frontend main article[class*="rounded"],
html.light body.luxury-frontend main section[class*="rounded"],
html.light body.luxury-frontend main form[class*="rounded"],
html.light body.luxury-frontend main div[class*="rounded-3xl"][class*="border"],
html.light body.luxury-frontend main div[class*="rounded-[2.5rem]"],
html.light body.luxury-frontend main div[class*="rounded-[34px]"],
html.light body.luxury-frontend main div[class*="rounded-[32px]"],
html.light body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"],
html.light body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"],
html.light body.luxury-frontend .shell,
html.light body.luxury-frontend .hero,
html.light body.luxury-frontend .card,
html.light body.luxury-frontend .requirement,
html.light body.luxury-frontend .alert,
html.light body.luxury-frontend .step {
    border-color: rgba(15, 42, 74, 0.13) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(245, 251, 255, 0.88) 42%, rgba(209, 250, 244, 0.52) 100%) !important;
    box-shadow: 0 18px 50px rgba(59, 92, 132, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(18px) saturate(1.1);
}

html.light body.luxury-frontend main article[class*="rounded"]::before,
html.light body.luxury-frontend main section[class*="rounded"]::before,
html.light body.luxury-frontend main form[class*="rounded"]::before,
html.light body.luxury-frontend main div[class*="rounded-3xl"][class*="border"]::before,
html.light body.luxury-frontend main div[class*="rounded-[2.5rem]"]::before,
html.light body.luxury-frontend main div[class*="rounded-[34px]"]::before,
html.light body.luxury-frontend main div[class*="rounded-[32px]"]::before,
html.light body.luxury-frontend main div[class*="rounded-[28px]"][class*="border"]::before,
html.light body.luxury-frontend [class*="bg-[var(--card-outer-bg)]"]::before,
html.light body.luxury-frontend .shell::before,
html.light body.luxury-frontend .hero::before,
html.light body.luxury-frontend .card::before,
html.light body.luxury-frontend .requirement::before,
html.light body.luxury-frontend .alert::before,
html.light body.luxury-frontend .step::before {
    background:
        linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.68) 18%, transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent 38%);
    opacity: 0.68;
}

html.light body.luxury-frontend [class*="bg-[var(--page-bg)]"],
html.light body.luxury-frontend .bg-zinc-900\/80,
html.light body.luxury-frontend .bg-zinc-900\/85,
html.light body.luxury-frontend .bg-zinc-900\/90,
html.light body.luxury-frontend .bg-zinc-800\/50,
html.light body.luxury-frontend .bg-zinc-50 {
    border-color: rgba(15, 42, 74, 0.12) !important;
    background: rgba(255, 255, 255, 0.74) !important;
    backdrop-filter: blur(14px);
}

html.light body.luxury-frontend input:not([type="checkbox"]):not([type="radio"]),
html.light body.luxury-frontend select,
html.light body.luxury-frontend textarea,
html.light body.luxury-frontend .library-search-input {
    border-color: rgba(15, 42, 74, 0.16) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #07111f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 16px 34px rgba(59, 92, 132, 0.12) !important;
    backdrop-filter: blur(12px);
}

html.light body.luxury-frontend select {
    color-scheme: light;
}

html.light body.luxury-frontend input::placeholder,
html.light body.luxury-frontend textarea::placeholder {
    color: rgba(81, 96, 114, 0.66) !important;
}

html.light body.luxury-frontend [data-inline-preview-shell],
html.light body.luxury-frontend [data-inline-preview-shell] > div,
html.light body.luxury-frontend [data-inline-preview-frame] {
    border-color: rgba(15, 42, 74, 0.13) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(238, 247, 255, 0.82) 44%, rgba(207, 245, 255, 0.55)) !important;
    box-shadow: 0 18px 50px rgba(59, 92, 132, 0.14) !important;
}

html.light body.luxury-frontend [data-inline-preview] > div {
    background: #ffffff !important;
}

html.light body.luxury-frontend .viral-card,
html.light body.luxury-frontend .viral-thumb {
    background: rgba(255, 255, 255, 0.86) !important;
}

html.light body.luxury-frontend footer {
    border-color: rgba(15, 42, 74, 0.12) !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.94), rgba(232, 242, 252, 0.98)) !important;
    box-shadow: 0 -18px 48px rgba(59, 92, 132, 0.10) !important;
}

html.light body.luxury-frontend footer [class*="bg-[var(--page-bg)]"] {
    background: rgba(255, 255, 255, 0.78) !important;
}

html.light body.luxury-frontend [data-download-quality-modal] {
    background: rgba(15, 23, 42, 0.32) !important;
}

html.light body.luxury-frontend [data-download-quality-modal] [role="dialog"],
html.light body.luxury-frontend #recent-purchase-popup,
html.light body.luxury-frontend #iteraplay-purchase-toast-root > div {
    border-color: rgba(15, 42, 74, 0.14) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 247, 255, 0.90) 44%, rgba(209, 250, 244, 0.54)) !important;
    box-shadow: 0 30px 90px rgba(59, 92, 132, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

html.light body.luxury-frontend code,
html.light body.luxury-frontend pre {
    border-color: rgba(15, 42, 74, 0.12) !important;
    background: rgba(239, 247, 255, 0.82) !important;
    color: #0f2744 !important;
}

html.light body.luxury-frontend .prose {
    --tw-prose-body: #516072;
    --tw-prose-headings: #07111f;
    --tw-prose-links: #0e7490;
    --tw-prose-bold: #07111f;
    --tw-prose-quotes: #223049;
}

html.light body.luxury-frontend .step.active {
    border-color: rgba(14, 116, 144, 0.32) !important;
    background: linear-gradient(135deg, rgba(207, 250, 254, 0.86), rgba(209, 250, 244, 0.72)) !important;
    color: #07111f !important;
}

html.light body.luxury-frontend .text-black,
html.light body.luxury-frontend .bg-white .text-zinc-900,
html.light body.luxury-frontend .bg-white .text-gray-900,
html.light body.luxury-frontend .bg-white .text-slate-900 {
    color: #07111f !important;
}

@media (prefers-reduced-motion: reduce) {
    body.luxury-frontend *,
    body.luxury-frontend *::before,
    body.luxury-frontend *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}