:root {
            --bg: #fdf8f5;
            --ink: #241114;
            --muted: #8a7a76;
            --faint: #b09a93;
            --red: #e21d28;
            --red-2: #a8131b;
            --red-bright: #e8242f;
            --coral: #ff7a64;
            --peach: #ffb199;
            --red-soft: rgba(226, 29, 40, .08);
            --line-soft: rgba(36, 17, 20, .08);
            --glass:
                    linear-gradient(
                            160deg,
                            rgba(255, 255, 255, .92),
                            rgba(255, 244, 240, .65)
                    );
            --glass-border: rgba(255, 255, 255, .9);
            --shadow-warm:
                    0 10px 26px -14px rgba(190, 80, 80, .25);
            --serif: "Cormorant Garamond", Georgia, serif;
            --sans: "Manrope", system-ui, sans-serif;
            --num: "Oswald", "Manrope", sans-serif;
            --offers-gap: 20px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            position: relative;
        }

        body {
            color: var(--ink);
            font-family: var(--sans);
            font-weight: 400;
            line-height: 1.55;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            background:
                    linear-gradient(
                            180deg,
                            #fdf8f5,
                            #fbf1ec 55%,
                            #f9ece6
                    );
        }

        button,
        input {
            font: inherit;
        }

        .bg-fx {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100vh;
            z-index: -2;
            pointer-events: none;
            overflow: hidden;
            background:
                    radial-gradient(
                            90% 80% at 15% 0%,
                            rgba(255, 196, 182, .4),
                            transparent 60%
                    ),
                    radial-gradient(
                            80% 70% at 90% 8%,
                            rgba(255, 154, 163, .25),
                            transparent 55%
                    );
        }

        .orb {
            position: absolute;
            border-radius: 50%;
            opacity: .5;
        }

        .orb.a {
            width: 42vw;
            height: 42vw;
            top: -16vw;
            left: -12vw;
            background:
                    radial-gradient(
                            circle,
                            rgba(255, 130, 125, .3),
                            rgba(255, 130, 125, .12) 45%,
                            transparent 72%
                    );
        }

        .orb.b {
            width: 40vw;
            height: 40vw;
            bottom: -18vw;
            right: -10vw;
            background:
                    radial-gradient(
                            circle,
                            rgba(255, 175, 140, .35),
                            rgba(255, 175, 140, .14) 45%,
                            transparent 72%
                    );
        }

        .wrap {
            max-width: 980px;
            margin: 0 auto;
            padding: 0 22px;
        }

        .nav {
            position: sticky;
            top: 0;
            z-index: 50;
            background:
                    linear-gradient(
                            180deg,
                            rgba(253, 248, 245, .98),
                            rgba(253, 247, 244, .92)
                    );
            border-bottom: 1px solid rgba(255, 255, 255, .75);
            box-shadow:
                    0 8px 30px -22px rgba(170, 40, 50, .35);
        }

        .nav-in {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 74px;
        }

        .language-switcher { display:flex; margin-left:auto; padding:3px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(10,10,10,.35); }
        .language-switcher a { padding:6px 9px; border-radius:999px; color:rgba(255,255,255,.65); font:800 11px/1 Manrope,sans-serif; text-decoration:none; }
        .language-switcher a.active { color:#fff; background:#bb1533; }

        .logo {
            height: 42px;
            width: auto;
            filter:
                    drop-shadow(
                            0 2px 10px rgba(226, 29, 40, .18)
                    );
        }

        .hero {
            padding: 28px 0 12px;
            text-align: center;
        }

        .eyebrow {
            margin-bottom: 10px;
            color: var(--red-bright);
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: .32em;
            text-transform: uppercase;
        }

        .hero h1 {
            font-family: var(--serif);
            font-weight: 600;
            line-height: .92;
            letter-spacing: -.01em;
            font-size: clamp(42px, 8vw, 84px);
        }

        .hero h1 .l1 {
            display: block;
            background:
                    linear-gradient(
                            180deg,
                            var(--ink) 0%,
                            var(--red-2) 100%
                    );
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero h1 .l2 {
            display: block;
            margin-top: 2px;
            font-size: .52em;
            font-style: italic;
            font-weight: 500;
            line-height: 1.04;
            background:
                    linear-gradient(
                            115deg,

                            var(--red) 45%,
                            var(--coral) 75%,
                            var(--peach)
                    );
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero-sub {
            max-width: 600px;
            margin: 10px auto 0;
            color: var(--muted);
            font-size: clamp(14px, 2vw, 16.5px);
            font-weight: 300;
        }

        .hero-sub b {
            color: var(--ink);
            font-weight: 600;
        }

        .start-combo {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 26px;
            max-width: 680px;
            margin: 18px auto 0;
            padding: 16px 26px;
            border: 1.5px solid transparent;
            border-radius: 20px;
            background:
                    linear-gradient(
                            180deg,
                            #fffdfc,
                            #fef4f0
                    ) padding-box,
                    linear-gradient(
                            140deg,
                            #ffd3cd,
                            #fff 35%,
                            #ffaeb4 65%,
                            #ff8d96
                    ) border-box;
            box-shadow:
                    0 22px 46px -22px rgba(170, 40, 50, .4);
        }

        .sc-left {
            flex-shrink: 0;
            text-align: center;
        }

        .sc-left .lbl {
            color: var(--red-2);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .26em;
            text-transform: uppercase;
        }

        .sc-left .date {
            font-family: var(--serif);
            font-size: clamp(28px, 4.5vw, 40px);
            font-weight: 600;
            line-height: 1.05;
            white-space: nowrap;
        }

        .sc-left .time {
            color: var(--red);
            font-family: var(--serif);
            font-size: clamp(18px, 3vw, 24px);
            font-style: italic;
            font-weight: 500;
        }

        .sc-left .dur {
            margin-top: 4px;
            color: var(--red-2);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .16em;
            text-transform: uppercase;
        }

        .sc-right {
            flex: 1;
            min-width: 0;
            padding-left: 26px;
            border-left: 1px solid rgba(226, 29, 40, .15);
        }

        .sc-right .timer-status {
            margin-bottom: 8px;
            color: var(--muted);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .18em;
            text-align: center;
            text-transform: uppercase;
        }

        .clock {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }

        .unit {
            position: relative;
            overflow: hidden;
            padding: 9px 4px 7px;
            border: 1px solid var(--glass-border);
            border-radius: 12px;
            background: var(--glass);
            box-shadow: var(--shadow-warm);
            text-align: center;
        }

        .unit::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                    linear-gradient(
                            180deg,
                            rgba(255, 255, 255, .7),
                            transparent 60%
                    );
        }

        .unit .num {
            position: relative;
            color: var(--ink);
            font-family: var(--num);
            font-size: clamp(24px, 4vw, 34px);
            font-variant-numeric: tabular-nums;
            font-weight: 600;
            line-height: 1;
        }

        .unit .lab {
            position: relative;
            margin-top: 4px;
            color: var(--faint);
            font-size: 9px;
            font-weight: 600;
            letter-spacing: .12em;
            text-transform: uppercase;
        }

        .notify {
            max-width: 560px;
            margin: 16px auto 0;
            padding: 16px 20px;
            border: 1.5px solid transparent;
            border-radius: 18px;
            background:
                    linear-gradient(
                            180deg,
                            #ffffff,
                            #fff8f5
                    ) padding-box,
                    linear-gradient(
                            140deg,
                            #ffd3cd,
                            #fff 35%,
                            #ffaeb4 65%,
                            #ff8d96
                    ) border-box;
            box-shadow:
                    0 24px 50px -22px rgba(170, 40, 50, .42);
        }

        .notify .nt {
            font-size: 15.5px;
            font-weight: 700;
        }

        .notify .nt b {
            color: var(--red);
        }

        .notify .ns {
            margin-top: 3px;
            color: var(--muted);
            font-size: 12.5px;
            font-weight: 300;
        }

        .notify-row {
            display: flex;
            gap: 9px;
            margin-top: 11px;
        }

        .notify input {
            flex: 1;
            min-width: 0;
            padding: 13px 18px;
            color: var(--ink);
            border: 1px solid rgba(255, 120, 128, .5);
            border-radius: 100px;
            outline: none;
            background: #fff;
            font-family: var(--sans);
            font-size: 14.5px;
            font-weight: 500;
            transition: .2s;
        }

        .notify input::placeholder {
            color: var(--faint);
        }

        .notify input:focus {
            border-color: var(--red);
            box-shadow:
                    0 0 0 3px rgba(226, 29, 40, .1);
        }

        .notify input.invalid {
            border-color: var(--red);
            background: rgba(226, 29, 40, .05);
        }

        .notify button {
            flex-shrink: 0;
            padding: 13px 22px;
            color: #fff;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            background:
                    linear-gradient(
                            135deg,

                            var(--red) 45%,
                            var(--red-2)
                    );
            box-shadow:
                    0 10px 26px -8px rgba(226, 29, 40, .5),
                    inset 0 1px 0 rgba(255, 255, 255, .25);
            font-family: var(--sans);
            font-size: 12.5px;
            font-weight: 800;
            letter-spacing: .05em;
            text-transform: uppercase;
            transition: .3s;
        }

        .notify button:disabled {
            cursor: wait;
            opacity: .7;
        }

        .notify .ok {
            display: none;
            margin-top: 13px;
            color: #1d9d4e;
            font-size: 14.5px;
            font-weight: 700;
        }

        .notify.done .notify-row {
            display: none;
        }

        .notify.done .ok {
            display: block;
        }

        .secret {
            margin-top: 26px;
            padding: 34px 0 22px;
            border-top: 1px solid rgba(255, 255, 255, .7);
            border-bottom: 1px solid rgba(255, 255, 255, .7);
            background:
                    radial-gradient(
                            85% 90% at 50% 0%,
                            rgba(255, 160, 150, .3),
                            transparent 65%
                    ),
                    linear-gradient(
                            180deg,
                            #f8e6e0,
                            #f6e0d8 70%,
                            #f9ebe4
                    );
        }

        .secret .wrap {
            max-width: 1280px;
        }

        .shead {
            max-width: 680px;
            margin: 0 auto 24px;
            text-align: center;
        }

        .shead .tag {
            color: var(--red-bright);
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: .28em;
            text-transform: uppercase;
        }

        .shead h2 {
            margin: 10px 0;
            font-family: var(--serif);
            font-size: clamp(30px, 5vw, 46px);
            font-weight: 600;
            line-height: 1.04;
        }

        .shead h2 em {
            color: var(--red-bright);
            font-style: italic;
        }

        .shead p {
            color: var(--muted);
            font-size: 15.5px;
            font-weight: 300;
        }

        .offers-layout {
            position: relative;
        }

        .offers-track {
            gap: var(--offers-gap);
        }

        .grid-enabled .offers-track {
            display: grid;
        }

        .grid-enabled.columns-1 .offers-track {
            grid-template-columns: minmax(0, 1fr);
            max-width: 400px;
            margin: 0 auto;
        }

        .grid-enabled.columns-2 .offers-track {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .grid-enabled.columns-3 .offers-track {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .grid-enabled.columns-4 .offers-track {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .grid-enabled.columns-5 .offers-track {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .slider-enabled {
            --card-basis: 100%;
        }

        .slider-enabled.visible-1 {
            --card-basis: 100%;
        }

        .slider-enabled.visible-2 {
            --card-basis:
                    calc((100% - 20px) / 2);
        }

        .slider-enabled.visible-3 {
            --card-basis:
                    calc((100% - 40px) / 3);
        }

        .slider-enabled.visible-4 {
            --card-basis:
                    calc((100% - 60px) / 4);
        }

        .slider-enabled.visible-5 {
            --card-basis:
                    calc((100% - 80px) / 5);
        }

        .slider-enabled.visible-6 {
            --card-basis:
                    calc((100% - 100px) / 6);
        }

        .slider-enabled .offers-track {
            display: flex;
            overflow-x: auto;
            overscroll-behavior-inline: contain;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .slider-enabled .offers-track::-webkit-scrollbar {
            display: none;
        }

        .slider-enabled .offer-card {
            flex: 0 0 var(--card-basis);
            scroll-snap-align: start;
        }

        .card {
            position: relative;
            min-width: 0;
            overflow: hidden;
            border: 1.5px solid transparent;
            border-radius: 20px;
            background:
                    linear-gradient(
                            180deg,
                            #ffffff,
                            #fffaf8
                    ) padding-box,
                    linear-gradient(
                            150deg,
                            #ffd3cd,
                            #fff 30%,
                            #ffb9b3 60%,
                            #ff8d96 90%
                    ) border-box;
            box-shadow:
                    0 30px 60px -24px rgba(170, 40, 50, .45),
                    0 6px 18px -8px rgba(170, 40, 50, .2);
        }

        .media {
            position: relative;
            height: 170px;
            overflow: hidden;
        }

        .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(14px) saturate(.9);
            transform: scale(1.15);
        }

        .media::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                    linear-gradient(
                            180deg,
                            rgba(255, 255, 255, .12) 45%,
                            rgba(255, 255, 255, .96)
                    );
        }

        .media .q {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--red);
            font-family: var(--serif);
            font-size: 74px;
            font-weight: 700;
            text-shadow:
                    0 4px 24px rgba(255, 255, 255, .9);
        }

        .card-body {
            padding: 6px 20px 20px;
            text-align: center;
        }

        .card-body .nm {
            font-family: var(--serif);
            font-size: 21px;
            font-weight: 600;
        }

        .card-body .pr {
            margin-top: 4px;
            color: var(--red-2);
            font-family: var(--num);
            font-size: 26px;
            font-weight: 700;
            letter-spacing: .14em;
        }

        .card-body .hint {
            margin-top: 6px;
            color: var(--faint);
            font-size: 11.5px;
        }

        .slider-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 20px;
        }

        .slider-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            color: var(--red);
            border: 1px solid rgba(226, 29, 40, .2);
            border-radius: 50%;
            cursor: pointer;
            background:
                    linear-gradient(
                            180deg,
                            #fff,
                            #fff5f2
                    );
            box-shadow:
                    0 12px 26px -14px rgba(170, 40, 50, .5);
            font-size: 22px;
            font-weight: 700;
            transition:
                    transform .2s,
                    opacity .2s,
                    box-shadow .2s;
        }

        .slider-btn:disabled {
            cursor: default;
            opacity: .35;
            box-shadow: none;
        }

        .empty-offers {
            padding: 32px 24px;
            border: 1px solid rgba(226, 29, 40, .15);
            border-radius: 20px;
            color: var(--muted);
            background: rgba(255, 255, 255, .65);
            text-align: center;
        }

        .chips {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 9px;
            margin: 26px 0 6px;
        }

        .chip {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 15px;
            color: var(--ink);
            border: 1px solid var(--glass-border);
            border-radius: 100px;
            background: var(--glass);
            box-shadow: var(--shadow-warm);
            font-size: 12.5px;
            font-weight: 500;
        }

        .chip b {
            color: var(--red);
            font-weight: 700;
        }

        .foot {
            margin-top: 30px;
            padding: 28px 0 24px;
            border-top: 1px solid rgba(255, 255, 255, .7);
            background:
                    linear-gradient(
                            180deg,
                            #f7e6e0,
                            #f3ddd5
                    );
            text-align: center;
        }

        .foot .lg {
            color: var(--red);
            font-size: 14px;
            font-weight: 800;
            letter-spacing: .04em;
        }

        .foot p {
            margin-top: 8px;
            color: var(--muted);
            font-size: 13px;
            font-weight: 300;
        }

        .foot a {
            color: var(--red-2);
            font-weight: 600;
            text-decoration: none;
        }

        .foot .cr {
            margin-top: 14px;
            color: var(--faint);
            font-size: 11.5px;
        }

        @media (hover: hover) {
            .notify button:hover {
                transform: translateY(-2px);
                box-shadow:
                        0 14px 32px -8px rgba(226, 29, 40, .6);
            }

            .slider-btn:not(:disabled):hover {
                transform: translateY(-2px);
                box-shadow:
                        0 16px 30px -14px rgba(170, 40, 50, .6);
            }
        }

        @media (max-width: 1100px) {
            .grid-enabled.columns-4 .offers-track,
            .grid-enabled.columns-5 .offers-track {
                grid-template-columns:
                    repeat(3, minmax(0, 1fr));
            }

            .slider-enabled.visible-4,
            .slider-enabled.visible-5,
            .slider-enabled.visible-6 {
                --card-basis:
                        calc((100% - 40px) / 3);
            }
        }

        @media (max-width: 760px) {
            .grid-enabled.columns-3 .offers-track,
            .grid-enabled.columns-4 .offers-track,
            .grid-enabled.columns-5 .offers-track {
                grid-template-columns:
                    repeat(2, minmax(0, 1fr));
            }

            .slider-enabled.visible-3,
            .slider-enabled.visible-4,
            .slider-enabled.visible-5,
            .slider-enabled.visible-6 {
                --card-basis:
                        calc((100% - 20px) / 2);
            }
        }

        @media (max-width: 640px) {
            .start-combo {
                flex-direction: column;
                gap: 12px;
                padding: 16px 16px 14px;
            }

            .sc-right {
                width: 100%;
                padding-top: 12px;
                padding-left: 0;
                border-top: 1px solid rgba(226, 29, 40, .15);
                border-left: none;
            }
        }

        @media (max-width: 520px) {
            .wrap {
                padding-right: 16px;
                padding-left: 16px;
            }

            .grid-enabled.columns-2 .offers-track,
            .grid-enabled.columns-3 .offers-track,
            .grid-enabled.columns-4 .offers-track,
            .grid-enabled.columns-5 .offers-track {
                grid-template-columns: minmax(0, 1fr);
            }

            .slider-enabled.visible-2,
            .slider-enabled.visible-3,
            .slider-enabled.visible-4,
            .slider-enabled.visible-5,
            .slider-enabled.visible-6 {
                --card-basis: 100%;
            }

            .media {
                height: 190px;
            }
        }

        @media (max-width: 480px) {
            .notify-row {
                flex-direction: column;
            }

            .notify button {
                padding: 14px;
            }
        }