* {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 30px
        }

        body {
            margin: 0;
            background: #080a0e;
            color: #f5f6f9;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased
        }

        a {
            color: inherit;
            text-decoration: none
        }

        button {
            font: inherit;
            cursor: pointer
        }

        a,
        button,
        summary {
            touch-action: manipulation
        }

        a:focus-visible,
        button:focus-visible,
        summary:focus-visible {
            outline: 3px solid #94c9ff;
            outline-offset: 5px
        }

        .skip {
            position: absolute;
            left: 15px;
            top: -80px;
            background: white;
            color: black;
            padding: 12px;
            z-index: 99
        }

        .skip:focus {
            top: 10px
        }

        .preview-bar {
            background: #18202b;
            color: #b9c7d7;
            padding: 7px 5%;
            text-align: center;
            font-size: 11px;
            letter-spacing: 1.5px
        }

        .preview-bar span {
            letter-spacing: 0;
            margin-left: 15px;
            color: #8f9aa8
        }

        .site-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 22px;
            max-width: 1600px;
            margin: auto;
            padding: 25px 5%;
            border-bottom: 1px solid #ffffff13
        }

        .brand {
            font-size: 22px;
            letter-spacing: 3px;
            font-weight: 800;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .brand svg {
            width: 26px;
            height: 26px
        }

        .brand>span {
            letter-spacing: 1.4px;
            font-size: 10px;
            font-weight: 400;
            color: #89929e;
            margin-left: 12px
        }

        .site-header nav {
            display: flex;
            gap: 30px;
            font-size: 13px;
            color: #aeb4bf
        }

        .site-header nav a:hover {
            color: white
        }

        .nav-button {
            border: 1px solid #ffffff32;
            border-radius: 30px;
            padding: 9px 17px;
            font-size: 13px;
            display: flex;
            gap: 20px
        }

        .hero {
            max-width: 1600px;
            margin: auto;
            padding: 44px 5% 0
        }

        .hero-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px
        }

        .eyebrow {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            margin: 0 0 28px;
            color: #9eabbc
        }

        .hero-top .eyebrow {
            margin: 0
        }

        .edition {
            font-size: 10px;
            color: #586271;
            letter-spacing: 1.5px
        }

        h1 {
            font-size: clamp(56px, 7.8vw, 122px);
            font-weight: 500;
            line-height: 1.04;
            letter-spacing: -6px;
            margin: 40px 0 28px
        }

        h1>span {
            background: linear-gradient(110deg, #f2f3fa 5%, #9dcaf3 50%, #737da5 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent
        }

        .hero-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 30px
        }

        .hero-bottom p {
            color: #959eac;
            font-size: 17px;
            line-height: 1.7
        }

        .button {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            gap: 35px;
            padding: 16px 24px;
            min-height: 55px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            border: 0;
            transition: background .2s, transform .2s
        }

        .button:hover {
            transform: translateY(-2px)
        }

        .button span {
            font-size: 19px;
            line-height: 1
        }

        .light {
            background: #c7e2ff;
            color: #0b1622
        }

        .light:hover {
            background: #e4f1ff
        }

        .white {
            background: #f0f3f7;
            color: #10141a
        }

        .dark {
            background: #0b1421;
            color: #fff
        }

        .hero-image {
            position: relative;
            margin: 27px 0 0;
            overflow: hidden;
            border-radius: 6px;
            background: #11151c
        }

        .hero-image img {
            display: block;
            width: 100%;
            height: 480px;
            object-fit: contain
        }

        .hero-image figcaption {
            padding: 18px 24px;
            display: flex;
            justify-content: space-between;
            gap: 15px;
            font-size: 12px;
            color: #c0c8d3;
            background: #10141b
        }

        .hero-image figcaption span:last-child {
            font-size: 10px;
            letter-spacing: 1.5px;
            color: #6d7b8f
        }

        .hero-strip {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 35px;
            padding: 25px 0;
            border-bottom: 1px solid #ffffff1c
        }

        .hero-strip>span {
            display: flex;
            gap: 14px;
            color: #596473;
            font-size: 11px
        }

        .hero-strip b {
            font-size: 12px;
            font-weight: 400;
            color: #b0bac7
        }

        .hero-strip i {
            font-style: normal;
            font-size: 12px;
            color: #647083
        }

        .section-pad {
            padding: 110px 5%;
            max-width: 1600px;
            margin: auto
        }

        h2 {
            font-size: clamp(33px, 3.6vw, 56px);
            font-weight: 500;
            line-height: 1.16;
            letter-spacing: -2px;
            margin: 0
        }

        h2 span {
            color: #818d9e
        }

        .story-grid {
            display: grid;
            grid-template-columns: 1.35fr 1fr;
            gap: 85px;
            align-items: start
        }

        .story-grid>p {
            margin: 0;
            color: #9ba5b3;
            font-size: 16px;
            max-width: 470px
        }

        .story-lines {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 44px;
            margin-top: 65px
        }

        .story-lines>div {
            border-top: 1px solid #ffffff26;
            padding-top: 24px
        }

        .story-lines span {
            font-size: 10px;
            letter-spacing: 1.5px;
            color: #667a94
        }

        h3 {
            font-size: 25px;
            letter-spacing: -.6px;
            font-weight: 500;
            line-height: 1.25
        }

        .story-lines h3 {
            margin: 20px 0 10px
        }

        .story-lines p {
            color: #838e9c;
            font-size: 14px;
            max-width: 330px;
            margin: 0
        }

        .offers {
            background: #10141a;
            border-top: 1px solid #ffffff0a;
            border-bottom: 1px solid #ffffff0a
        }

        .section-heading {
            display: flex;
            justify-content: space-between;
            gap: 30px;
            align-items: flex-end;
            margin-bottom: 45px
        }

        .section-heading>p {
            font-size: 14px;
            color: #929cab;
            margin: 0
        }

        .offer-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px
        }

        .offer-card {
            border-radius: 13px;
            padding: 34px;
            display: flex;
            flex-direction: column;
            min-width: 0
        }

        .solo {
            background: #1b212b;
            border: 1px solid #ffffff15
        }

        .together {
            background: linear-gradient(140deg, #d9eaff, #abc9ee);
            color: #15253b
        }

        .card-label {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            font-size: 10px;
            letter-spacing: 1.5px
        }

        .pill {
            border: 1px solid #ffffff30;
            letter-spacing: 0;
            padding: 5px 11px;
            border-radius: 20px;
            font-size: 11px;
            color: #b8c4d4;
            white-space: nowrap
        }

        .together .pill {
            border-color: #233c5c38;
            color: #344e70
        }

        .offer-card h3 {
            font-size: 33px;
            margin: 35px 0 12px;
            line-height: 1.18;
            letter-spacing: -1px
        }

        .offer-card>p {
            margin: 0;
            color: #9da9ba;
            font-size: 15px
        }

        .price {
            display: flex;
            align-items: baseline;
            gap: 5px;
            font-size: 85px;
            font-weight: 500;
            letter-spacing: -5px;
            line-height: 1.4;
            margin: 20px 0 12px
        }

        .price>span {
            font-size: 34px;
            letter-spacing: -1px
        }

        .price small {
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 0;
            color: #9cabc0;
            margin-left: 12px
        }

        .together .price small {
            color: #405e85
        }

        .group-label {
            display: flex;
            gap: 10px;
            align-items: center;
            margin: 0 0 30px
        }

        .group-label>span {
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            border: 1px solid #273c5a38;
            border-radius: 25px;
            padding: 7px 16px
        }

        .group-label i {
            font-style: normal;
            color: #6d88aa;
            font-size: 12px
        }

        .offer-card .button {
            width: 100%;
            margin-top: auto
        }

        .micro {
            font-size: 11px;
            text-align: center;
            margin-top: 15px;
            color: #8f9eb1
        }

        .together .micro {
            color: #486484
        }

        .offer-footnote {
            font-size: 11px;
            line-height: 1.9;
            color: #68758a;
            max-width: 850px;
            margin: 20px 0 0
        }

        .trade {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center
        }

        .trade h2 span {
            color: #b5d7ff
        }

        .trade-title>p:not(.eyebrow) {
            color: #8c9aab;
            font-size: 16px;
            margin: 26px 0
        }

        .trade-title .button {
            margin-top: 10px
        }

        .trade-panel {
            background: #101720;
            border: 1px solid #26303f;
            border-radius: 12px;
            padding: 32px
        }

        .trade-panel .eyebrow {
            font-size: 10px
        }

        .math-row {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            padding: 20px 0;
            border-bottom: 1px solid #253040;
            font-size: 13px
        }

        .math-row>span {
            color: #8e9db1
        }

        .math-row b {
            font-weight: 500;
            text-align: right
        }

        .math-row em {
            font-style: normal;
            color: #6d7d93;
            font-size: 11px
        }

        .math-total {
            padding: 28px 0 15px
        }

        .math-total span {
            font-size: 13px;
            color: #8598b1
        }

        .math-total strong {
            display: block;
            color: #b7d8ff;
            font-size: 30px;
            font-weight: 500;
            line-height: 1.3;
            margin-top: 8px;
            letter-spacing: -1px
        }

        .trade-panel>p:last-child {
            font-size: 11px;
            color: #657891;
            line-height: 1.9;
            margin: 15px 0 0
        }

        .how {
            padding-top: 15px
        }

        .how ol {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            list-style: none;
            gap: 44px;
            padding: 0;
            margin: 0
        }

        .how li {
            border-top: 1px solid #ffffff25;
            padding-top: 20px
        }

        .how li>span {
            font-size: 13px;
            color: #a8c6ed
        }

        .how li h3 {
            margin: 20px 0 15px;
            font-size: 25px
        }

        .how li p {
            color: #8491a3;
            font-size: 14px;
            max-width: 330px
        }

        .faq {
            display: grid;
            grid-template-columns: 1fr 1.6fr;
            gap: 65px;
            border-top: 1px solid #ffffff15;
            padding-top: 70px;
            padding-bottom: 70px
        }

        .faq details {
            border-bottom: 1px solid #ffffff21;
            padding: 20px 0
        }

        .faq summary {
            list-style: none;
            display: flex;
            justify-content: space-between;
            gap: 20px;
            font-size: 16px;
            cursor: pointer;
            color: #c7d1de
        }

        .faq summary::-webkit-details-marker {
            display: none
        }

        .faq summary:after {
            content: '+';
            color: #7389a5;
            font-size: 22px;
            line-height: 1
        }

        .faq details[open] summary:after {
            content: '−'
        }

        .faq details p {
            color: #8290a3;
            font-size: 14px;
            margin: 18px 0 0
        }

        .final-cta {
            padding: 110px 5%;
            text-align: center;
            background: radial-gradient(ellipse at 50% 100%, #1b2d47, transparent 70%);
            border-top: 1px solid #ffffff10
        }

        .final-cta h2 {
            font-size: clamp(48px, 6vw, 88px);
            letter-spacing: -4px;
            line-height: 1.06
        }

        .final-cta h2 span {
            color: #b4d5fb
        }

        .final-cta .button {
            margin: 35px 0 15px
        }

        .final-cta>p:last-child {
            font-size: 12px;
            color: #7589a5
        }

        footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
            padding: 30px 5%;
            border-top: 1px solid #ffffff1c;
            max-width: 1600px;
            margin: auto
        }

        footer .brand {
            font-size: 19px
        }

        footer p {
            font-size: 11px;
            color: #5f6c7e
        }

        footer>a:last-child {
            font-size: 12px;
            color: #95a3b8
        }

        dialog {
            width: calc(100% - 36px);
            max-width: 510px;
            background: #141d29;
            color: white;
            border: 1px solid #3c506a;
            border-radius: 16px;
            padding: 38px;
            box-shadow: 0 25px 100px #0008
        }

        dialog::backdrop {
            background: #02060bcc;
            backdrop-filter: blur(5px)
        }

        dialog h2 {
            font-size: 32px;
            letter-spacing: -1px
        }

        dialog p {
            font-size: 15px;
            color: #a5b6cc
        }

        .close {
            position: absolute;
            right: 17px;
            top: 10px;
            background: none;
            border: 0;
            color: #a2b5d0;
            font-size: 28px
        }

        .demo-ticket {
            margin: 24px 0;
            padding: 20px;
            background: #c3dcfb;
            color: #0e233e;
            border-radius: 8px;
            font-weight: 600;
            font-size: 21px;
            line-height: 1.4
        }

        .dialog-note {
            font-size: 12px !important;
            color: #6d839f !important
        }

        dialog .button {
            margin-top: 15px;
            width: 100%
        }

        @media(min-width:1700px) {
            .offers {
                border-radius: 16px
            }
        }

        @media(max-width:1000px) {
            .brand>span {
                display: none
            }

            .site-header nav {
                gap: 20px
            }

            .hero-image img {
                height: 380px
            }

            .story-grid {
                gap: 40px
            }

            .offer-card {
                padding: 26px
            }

            .card-label {
                flex-wrap: wrap
            }

            .offer-card h3 {
                font-size: 29px
            }

            .trade {
                gap: 32px
            }

            .math-row {
                flex-direction: column;
                gap: 5px
            }

            .math-row b {
                text-align: left
            }

            .hero-strip {
                gap: 20px
            }

            .hero-strip b {
                font-size: 11px
            }

            .price {
                font-size: 74px
            }

            .price small {
                font-size: 12px
            }

            .section-pad {
                padding-top: 80px;
                padding-bottom: 80px
            }

            .how {
                padding-top: 0
            }
        }

        @media(max-width:650px) {
            .preview-bar {
                font-size: 9px;
                letter-spacing: 1px
            }

            .preview-bar span {
                font-size: 10px;
                margin-left: 8px
            }

            .site-header {
                padding: 19px 6%
            }

            .brand {
                font-size: 18px;
                letter-spacing: 2px
            }

            .brand svg {
                width: 22px
            }

            .site-header nav {
                display: none
            }

            .nav-button {
                font-size: 11px;
                padding: 8px 12px;
                gap: 13px
            }

            .hero {
                padding: 28px 6% 0
            }

            .hero-top .eyebrow {
                font-size: 9px;
                letter-spacing: 1.2px
            }

            .edition {
                display: none
            }

            h1 {
                font-size: clamp(41px, 9.5vw, 62px);
                letter-spacing: -2px;
                margin: 30px 0 22px;
                line-height: 1.08
            }

            .hero-bottom {
                align-items: flex-start;
                flex-direction: column;
                gap: 14px
            }

            .hero-bottom p {
                font-size: 15px;
                margin: 0
            }

            .button {
                font-size: 13px;
                min-height: 49px;
                padding: 13px 21px
            }

            .hero-bottom .button {
                gap: 35px
            }

            .hero-image {
                margin-top: 30px
            }

            .hero-image img {
                height: 260px
            }

            .hero-image figcaption {
                padding: 13px 15px;
                font-size: 11px
            }

            .hero-image figcaption span:last-child {
                max-width: 130px;
                font-size: 8px;
                line-height: 1.6;
                text-align: right
            }

            .hero-strip {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
                padding: 23px 5px
            }

            .hero-strip>i {
                display: none
            }

            .hero-strip>span {
                gap: 16px
            }

            .hero-strip b {
                font-size: 12px
            }

            .section-pad {
                padding: 62px 6%
            }

            .eyebrow {
                font-size: 9px;
                letter-spacing: 1.5px;
                line-height: 1.8;
                margin-bottom: 20px
            }

            h2 {
                font-size: 34px;
                letter-spacing: -1.3px;
                line-height: 1.2
            }

            .story-grid {
                grid-template-columns: 1fr;
                gap: 25px
            }

            .story-grid>p {
                font-size: 15px
            }

            .story-lines {
                grid-template-columns: 1fr;
                gap: 25px;
                margin-top: 40px
            }

            .story-lines h3 {
                margin: 10px 0;
                font-size: 23px
            }

            .story-lines p {
                max-width: none
            }

            .section-heading {
                display: block;
                margin-bottom: 30px
            }

            .section-heading>p {
                display: none
            }

            .offer-grid {
                grid-template-columns: 1fr;
                gap: 20px
            }

            .offer-card {
                padding: 27px
            }

            .card-label {
                font-size: 9px;
                letter-spacing: 1px
            }

            .pill {
                font-size: 10px
            }

            .offer-card h3 {
                margin-top: 30px;
                font-size: 30px
            }

            .price {
                font-size: 78px
            }

            .price small {
                font-size: 12px
            }

            .offer-card .button {
                margin-top: 12px
            }

            .group-label {
                margin-bottom: 14px
            }

            .offer-footnote {
                font-size: 11px
            }

            .trade {
                grid-template-columns: 1fr;
                gap: 35px
            }

            .trade-title>p:not(.eyebrow) {
                font-size: 15px
            }

            .trade-panel {
                padding: 25px
            }

            .math-row {
                flex-direction: row;
                font-size: 12px
            }

            .math-row b {
                text-align: right;
                max-width: 60%
            }

            .how {
                padding-top: 0
            }

            .how ol {
                grid-template-columns: 1fr;
                gap: 28px
            }

            .how li h3 {
                margin: 13px 0 10px
            }

            .how li p {
                max-width: none;
                margin-bottom: 0
            }

            .faq {
                grid-template-columns: 1fr;
                gap: 20px
            }

            .faq summary {
                font-size: 15px
            }

            .faq details p {
                font-size: 14px
            }

            .final-cta {
                padding: 70px 6%
            }

            .final-cta h2 {
                font-size: 48px;
                letter-spacing: -2px
            }

            .final-cta>p:last-child {
                max-width: 260px;
                margin: 0 auto;
                line-height: 1.8
            }

            footer {
                align-items: flex-start;
                flex-wrap: wrap;
                padding: 28px 6%;
                gap: 12px
            }

            footer p {
                width: 100%;
                order: 3;
                font-size: 11px;
                margin: 0
            }

            footer>a:last-child {
                font-size: 11px
            }

            dialog {
                padding: 30px
            }

            dialog h2 {
                font-size: 28px
            }

            .demo-ticket {
                font-size: 18px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            html {
                scroll-behavior: auto
            }

            .button {
                transition: none
            }
        }

        .hero-image img {
            background: #fafafd
        }

        .preview-bar,
        .preview-bar span,
        .eyebrow,
        .edition,
        .brand>span,
        .hero-top .eyebrow,
        .hero-image figcaption span:last-child,
        .hero-strip>span,
        .hero-strip b,
        .pill,
        .card-label,
        .story-lines span,
        .trade-panel .eyebrow,
        .group-label>span,
        .micro,
        .offer-footnote,
        .trade-panel>p:last-child,
        .final-cta>p:last-child,
        footer p,
        footer>a:last-child {
            font-size: 12px
        }

        .site-header nav,
        .nav-button,
        .button,
        .price small,
        .math-row {
            font-size: 14px
        }

        .story-lines p,
        .how li p,
        .faq details p {
            font-size: 16px
        }

        .hero-image figcaption span:last-child {
            letter-spacing: 1px
        }

        @media(max-width:650px) {
            .preview-bar {
                letter-spacing: 0
            }

            .hero-image figcaption span:last-child {
                font-size: 12px;
                max-width: 170px
            }

            .brand>span {
                display: none
            }

            .group-label>span {
                padding: 7px 12px
            }

            .price small {
                font-size: 13px
            }
        }

        .crypto {
            padding: 30px;
            background: #111d2b;
            border: 1px solid #344b67;
            border-radius: 14px;
            margin: 30px 0;
            text-align: center
        }

        .crypto-badge {
            font-size: 12px;
            color: #b4d6ff;
            border: 1px solid #4c6483;
            border-radius: 20px;
            padding: 6px 13px
        }

        .crypto h2 {
            font-size: 30px;
            margin: 20px 0 10px
        }

        .crypto>p {
            color: #aebdd0
        }

        .rate {
            font-size: 22px;
            font-weight: 600;
            margin: 24px 0
        }

        .rate span {
            color: #6a84a4;
            padding: 0 8px
        }

        .network,
        .crypto-note,
        .demo-label {
            font-size: 12px !important;
            line-height: 1.8
        }

        .demo-label {
            color: #e5c583 !important
        }

        .crypto-steps {
            display: flex;
            justify-content: center;
            gap: 30px;
            font-size: 14px;
            margin: 24px 0
        }

        .crypto-note {
            color: #90a3bd !important
        }

        .crypto .crypto-note {
            max-width: 620px;
            margin: 18px auto 0
        }

        .xclose {
            position: absolute;
            right: 14px;
            top: 10px;
            border: 0;
            background: none;
            color: white;
            font-size: 28px;
            cursor: pointer
        }

        #wallet-dialog {
            max-width: 500px;
            max-height: 90vh;
            overflow: auto
        }

        #wallet-dialog label {
            display: block;
            font-size: 14px;
            margin: 18px 0 7px
        }

        #wallet-dialog input,
        #wallet-dialog select {
            width: 100%;
            font: 16px Arial, sans-serif;
            padding: 12px;
            border: 1px solid #71839d;
            border-radius: 7px;
            background: #0c1522;
            color: white
        }

        #wallet-dialog button:disabled {
            opacity: .45;
            cursor: not-allowed
        }

        #wallet-state,
        .balance {
            padding: 12px;
            background: #20334b;
            border-radius: 7px;
            margin: 15px 0;
            font-size: 14px
        }

        #crypto-status {
            font-size: 14px;
            color: #c4e0ff
        }

        #conversion {
            font-size: 14px
        }

        @media(max-width:600px) {
            .crypto {
                padding: 23px 17px
            }

            .crypto h2 {
                font-size: 25px
            }

            .rate {
                font-size: 18px
            }

            .rate span {
                padding: 0 3px
            }

            .crypto-steps {
                gap: 14px;
                font-size: 12px
            }

            .crypto .button {
                font-size: 15px
            }
        }

        .wallet-list {
            margin: 26px 0;
            padding-top: 20px;
            border-top: 1px solid #354963
        }

        .wallet-list h3 {
            font-size: 18px;
            margin: 0 0 8px
        }

        .wallet-list p {
            font-size: 12px;
            color: #9dabc0
        }

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

        .wallet-chips span {
            font-size: 13px;
            background: #1d2c40;
            border: 1px solid #354b66;
            padding: 7px 12px;
            border-radius: 8px
        }

        .crypto {
            max-width: 1080px;
            margin: 40px auto 80px
        }

        .crypto p {
            line-height: 1.8
        }

        .crypto h2 {
            letter-spacing: 0
        }

        .crypto h3 {
            letter-spacing: 0
        }

        #wallet-dialog .button {
            display: block;
            width: 100%;
            margin-top: 15px;
            background: #c4e0ff;
            color: #102136
        }

        #wallet-dialog {
            background: #152133;
            color: white
        }

        #wallet-dialog .xclose {
            width: auto;
            margin: 0
        }

        #wallet-dialog .balance {
            color: white
        }

        @media(max-width:1150px) {
            .crypto {
                margin: 30px 5% 60px
            }
        }

        .nav-button.wallet-entry {
            font-family: inherit;
            background: transparent;
            color: inherit;
            cursor: pointer
        }

        #wallet-dialog {
            max-height: 90vh;
            overflow-y: auto
        }

        #claim-coins:disabled {
            opacity: .6;
            cursor: default
        }

        #free-result {
            text-align: center;
            font-size: 32px
        }

        #free-status {
            font-size: 15px;
            color: #bcd8ff
        }

        .reg-tag {
            font-size: 12px;
            letter-spacing: 1px;
            color: #bcd8ff;
            margin-bottom: 15px
        }

        .reg-flow {
            font-size: 13px;
            color: #a9bdd7;
            background: #20334b;
            padding: 12px;
            border-radius: 8px;
            margin: 20px 0
        }

        #register-panel label {
            display: block;
            font-size: 15px;
            margin-bottom: 10px
        }

        #register-wallet {
            width: 100%;
            padding: 13px;
            background: #0e1826;
            color: white;
            border: 1px solid #71839d;
            border-radius: 8px;
            font-size: 16px
        }

        .reg-success {
            padding: 12px;
            background: #20334b;
            border-radius: 8px;
            margin: 15px 0;
            color: #c4e0ff;
            font-size: 14px
        }

        #wallet-dialog [hidden] {
            display: none !important
        }

        #wallet-title {
            white-space: pre-line;
            line-height: 1.35
        }

        .view-gate {
            position: fixed;
            bottom: 16px;
            left: 50%;
            transform: translateX(-50%);
            width: min(600px, calc(100% - 28px));
            padding: 13px 20px;
            background: #18283df5;
            border: 1px solid #6685ad;
            border-radius: 12px;
            z-index: 1000;
            box-shadow: 0 8px 30px #0006;
            color: #e2efff;
            font-size: 14px;
            text-align: center
        }

        .view-gate p {
            margin: 0 0 7px
        }

        .view-gate progress {
            width: 100%;
            height: 5px;
            display: block;
            accent-color: #b4d6ff
        }

        .wallet-entry:disabled,
        #register-button:disabled,
        #claim-coins:disabled {
            opacity: .55;
            cursor: not-allowed
        }

        body {
            padding-bottom: 88px
        }

        @media(prefers-reduced-motion:reduce) {
            .view-gate {
                scroll-behavior: auto
            }
        }

        body {
            padding-bottom: 0
        }

        .wheel-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 38px;
            align-items: center;
            margin-top: 32px
        }

        .wheel-wrap {
            width: min(360px, 100%);
            aspect-ratio: 1;
            position: relative;
            margin: auto;
            padding: 9px
        }

        .wheel-pointer {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            font-size: 34px;
            color: #ffe3a3;
            filter: drop-shadow(0 2px 3px #000)
        }

        #prize-wheel {
            position: relative;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            border: 7px solid #799bcb;
            box-shadow: 0 0 35px #6ebaff30;
            background: conic-gradient(#214573 0deg 45deg, #467cad 45deg 90deg, #9e7842 90deg 135deg, #2b527d 135deg 180deg, #467cad 180deg 225deg, #9e7842 225deg 270deg, #214573 270deg 315deg, #467cad 315deg);
            transition: transform 3.5s cubic-bezier(.12, .7, .12, 1)
        }

        #prize-wheel>span {
            position: absolute;
            left: 50%;
            top: 50%;
            font-size: 13px;
            font-weight: 600;
            white-space: nowrap;
            transform: translate(-50%, -50%) rotate(var(--a)) translateY(-112px) rotate(0deg);
            color: white
        }

        .wheel-hub {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #e2efff;
            color: #183451;
            border-radius: 50%;
            width: 76px;
            height: 76px;
            display: grid;
            place-items: center;
            font-size: 18px;
            font-weight: bold;
            border: 5px solid #92b1d7
        }

        #draw-form {
            text-align: left;
            padding: 25px;
            background: #0c1725;
            border: 1px solid #385273;
            border-radius: 12px
        }

        #draw-form h3 {
            margin: 0 0 20px;
            font-size: 23px
        }

        #draw-form label {
            display: block;
            font-size: 14px;
            margin: 12px 0 6px
        }

        #draw-form input {
            width: 100%;
            padding: 12px;
            border-radius: 7px;
            border: 1px solid #6882a3;
            background: #17263a;
            color: white;
            font: 16px Arial, sans-serif
        }

        #spin-button {
            width: 100%;
            margin-top: 12px
        }

        #spin-button:disabled {
            opacity: .55;
            cursor: default
        }

        #spin-result {
            font-size: 17px;
            color: #d3e7ff;
            line-height: 1.6
        }

        .wheel-rules {
            text-align: left;
            border-top: 1px solid #3a4d68;
            padding-top: 18px;
            margin-top: 25px
        }

        .wheel-rules summary {
            cursor: pointer;
            font-size: 14px
        }

        .wheel-rules p {
            font-size: 13px;
            color: #a8b9ce
        }

        @media(max-width:700px) {
            .wheel-layout {
                grid-template-columns: 1fr;
                gap: 20px
            }

            .wheel-wrap {
                max-width: 320px
            }

            #prize-wheel>span {
                transform: translate(-50%, -50%) rotate(var(--a)) translateY(-96px);
                font-size: 12px
            }

            #draw-form {
                padding: 20px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            #prize-wheel {
                transition: none
            }
        }

        .prize-item {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 78px;
            height: 77px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transform: translate(-50%, -50%) rotate(var(--a)) translateY(-119px) rotate(calc(-1 * var(--a)))
        }

        .prize-pictures {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 56px
        }

        .prize-icon {
            display: block;
            width: 42px;
            height: 56px;
            background-image: url("../images/prize-sprite.png");
            background-size: 400% 100%;
            background-repeat: no-repeat;
            border-radius: 5px
        }

        .prize-icon.coins {
            background-position: 0% 0
        }

        .phone-one {
            background-position: 33.333% 0
        }

        .phone-two {
            background-position: 66.667% 0
        }

        .tablet {
            background-position: 100% 0
        }

        .prize-pictures:has(.phone-one) .prize-icon {
            width: 31px;
            height: 44px
        }

        .prize-item b {
            font-size: 11px;
            line-height: 1.2;
            white-space: nowrap;
            margin-top: 3px;
            text-shadow: 0 1px 3px #000
        }

        .wheel-wrap {
            width: min(400px, 100%)
        }

        .wheel-hub {
            width: 64px;
            height: 64px;
            font-size: 15px
        }

        @media(max-width:700px) {
            .wheel-wrap {
                max-width: 330px
            }

            .prize-item {
                width: 65px;
                height: 65px;
                transform: translate(-50%, -50%) rotate(var(--a)) translateY(-100px) rotate(calc(-1 * var(--a)))
            }

            .prize-pictures {
                height: 44px
            }

            .prize-icon {
                width: 33px;
                height: 44px
            }

            .prize-pictures:has(.phone-one) .prize-icon {
                width: 25px;
                height: 35px
            }

            .prize-item b {
                font-size: 10px
            }
        }

        .crypto {
            background: radial-gradient(ellipse at 22% 38%, #25476c55, transparent 62%), linear-gradient(145deg, #132139, #080f1d);
            border: 1px solid #6484ad66;
            box-shadow: inset 0 1px 0 #c8e4ff22, 0 20px 60px #0004;
            padding: 38px 28px
        }

        .crypto-badge {
            background: #1b2d45;
            border-color: #bfa06c;
            color: #f4dbaa;
            letter-spacing: 2px
        }

        .wheel-layout {
            grid-template-columns: 1.15fr 1fr;
            gap: 24px
        }

        .wheel-wrap {
            width: min(450px, 100%);
            padding: 17px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f9e4ab, #b98137 28%, #f4d995 50%, #835c31 75%, #f6dda4);
            box-shadow: 0 0 0 4px #08111f, 0 0 0 6px #a2c8ef44, 0 0 50px #509ce333, inset 0 0 12px #ffffce88
        }

        .wheel-wrap:before {
            content: '';
            position: absolute;
            inset: 5px;
            border: 3px dotted #fff0c4;
            border-radius: 50%;
            pointer-events: none
        }

        .wheel-pointer {
            top: -19px;
            font-size: 44px;
            color: #ffdda0;
            text-shadow: 0 2px 0 #9b672c;
            filter: drop-shadow(0 4px 4px #000a)
        }

        #prize-wheel {
            border: 3px solid #081525;
            background: repeating-conic-gradient(from 0deg, #d6bc8144 0deg 1deg, transparent 1deg 36deg), conic-gradient(#183459 0deg 36deg, #294b72 36deg 72deg, #695337 72deg 108deg, #183459 108deg 144deg, #695337 144deg 180deg, #294b72 180deg 216deg, #695337 216deg 252deg, #183459 252deg 288deg, #695337 288deg 324deg, #294b72 324deg);
            box-shadow: inset 0 0 30px #0007
        }

        .prize-item {
            width: 70px;
            height: 80px;
            transform: translate(-50%, -50%) rotate(var(--a)) translateY(-142px) rotate(calc(-1 * var(--a)))
        }

        .prize-pictures {
            height: 55px
        }

        .prize-icon {
            width: 41px;
            height: 55px;
            filter: drop-shadow(0 3px 3px #0007);
            border-radius: 8px
        }

        .prize-icon.phone-special {
            filter: hue-rotate(28deg) brightness(1.15) drop-shadow(0 3px 3px #0007)
        }

        .prize-item b {
            font-size: 11px;
            letter-spacing: 0;
            color: #fff2d8;
            margin-top: 6px;
            font-weight: 600
        }

        .wheel-hub {
            width: 78px;
            height: 78px;
            background: radial-gradient(circle at 30% 20%, #fff2cb, #ebc178 65%, #a77836);
            color: #382b1c;
            border: 5px solid #d5b476;
            box-shadow: 0 0 0 5px #101d30, 0 8px 18px #0008;
            font-size: 17px;
            letter-spacing: 1px
        }

        #draw-form {
            background: linear-gradient(145deg, #1b2b43, #0c1625);
            border-color: #59749266;
            box-shadow: inset 0 1px 0 #cadfff15
        }

        #spin-button {
            background: linear-gradient(110deg, #ffe8b4, #e9bc72);
            color: #302618;
            border-radius: 9px
        }

        #draw-form input:focus {
            outline: 2px solid #dfbb7d;
            outline-offset: 2px
        }

        @media(min-width:701px) and (max-width:1000px) {
            .wheel-layout {
                grid-template-columns: 1fr
            }

            .wheel-wrap {
                width: 430px;
                max-width: 100%
            }
        }

        @media(max-width:700px) {
            .crypto {
                padding: 28px 16px
            }

            .wheel-layout {
                grid-template-columns: 1fr;
                gap: 26px
            }

            .wheel-wrap {
                width: 100%;
                max-width: 370px;
                padding: 13px
            }

            .wheel-pointer {
                font-size: 35px;
                top: -17px
            }

            .prize-item {
                width: 56px;
                height: 60px;
                transform: translate(-50%, -50%) rotate(var(--a)) translateY(-109px) rotate(calc(-1 * var(--a)))
            }

            .prize-icon {
                width: 30px;
                height: 40px
            }

            .prize-pictures {
                height: 40px
            }

            .prize-item b {
                font-size: 10px;
                margin-top: 3px
            }

            .wheel-hub {
                width: 65px;
                height: 65px;
                font-size: 14px
            }
        }

        @media(max-width:380px) {
            .prize-item {
                transform: translate(-50%, -50%) rotate(var(--a)) translateY(-96px) rotate(calc(-1 * var(--a)))
            }

            .prize-icon {
                width: 26px;
                height: 35px
            }

            .prize-pictures {
                height: 35px
            }
        }

        body {
            background: #080c14
        }

        .site-header {
            background: #080c14
        }

        .hero {
            background: radial-gradient(ellipse at 80% 25%, #23456820, transparent 60%)
        }

        .hero-image {
            border: 1px solid #a5c9ef28;
            box-shadow: 0 24px 60px #0005;
            border-radius: 16px;
            overflow: hidden
        }

        .hero-image figcaption {
            background: #111c2c
        }

        .offers {
            background: linear-gradient(145deg, #101c2c, #101723)
        }

        .offer-card {
            border-radius: 18px;
            box-shadow: 0 14px 30px #0002
        }

        .solo {
            background: linear-gradient(145deg, #202e43, #162031)
        }

        .together {
            background: linear-gradient(135deg, #e0eeff, #a4c4ea)
        }

        .button {
            box-shadow: 0 4px 14px #0002
        }

        .trade-panel {
            background: linear-gradient(145deg, #152237, #101a2a);
            border-radius: 16px
        }

        .crypto {
            margin-top: 10px;
            margin-bottom: 85px;
            border-radius: 24px;
            padding-top: 40px;
            padding-bottom: 32px
        }

        .crypto>h2 {
            font-size: clamp(30px, 4vw, 48px);
            margin-top: 23px;
            color: #f2f5fc
        }

        .crypto>p:not(.demo-label) {
            max-width: 680px;
            margin-left: auto;
            margin-right: auto
        }

        .wheel-layout {
            margin-top: 48px;
            margin-bottom: 25px
        }

        .wheel-wrap {
            isolation: isolate
        }

        .wheel-wrap:after {
            content: '';
            position: absolute;
            inset: -19px;
            border: 1px solid #accee626;
            border-radius: 50%;
            z-index: -1;
            pointer-events: none
        }

        #draw-form {
            padding: 28px;
            border-radius: 18px
        }

        #draw-form h3 {
            color: #f5deb2;
            font-size: 25px
        }

        #draw-form input {
            background: #0c1829;
            border-color: #6784a54d;
            border-radius: 9px;
            padding: 13px
        }

        #spin-button {
            min-height: 54px;
            font-weight: 700;
            box-shadow: 0 6px 22px #dbb37120;
            transition: transform .2s, box-shadow .2s
        }

        #spin-button:hover:not(:disabled) {
            transform: translateY(-2px);
            box-shadow: 0 9px 25px #dbb37140
        }

        .wheel-rules {
            border-color: #bacde51f
        }

        .crypto .demo-label {
            margin-bottom: 0;
            font-size: 12px
        }

        .final-cta {
            background: radial-gradient(ellipse at 50% 110%, #263c5d, transparent 75%)
        }

        @media(max-width:700px) {
            .crypto {
                border-radius: 18px;
                padding: 28px 18px;
                margin-left: 4%;
                margin-right: 4%
            }

            .crypto>h2 {
                font-size: 29px
            }

            .wheel-layout {
                margin-top: 35px
            }

            .wheel-wrap {
                width: min(370px, 100%);
                container-type: inline-size
            }

            .prize-item {
                transform: translate(-50%, -50%) rotate(var(--a)) translateY(-33cqw) rotate(calc(-1 * var(--a)))
            }

            #draw-form {
                padding: 23px 18px
            }

            .wheel-wrap:after {
                inset: -9px
            }

            .crypto>p {
                font-size: 15px
            }

            #draw-form h3 {
                font-size: 23px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            #spin-button {
                transition: none
            }
        }

        #draw-form select {
            width: 100%;
            padding: 13px;
            border: 1px solid #6784a54d;
            border-radius: 9px;
            background: #0c1829;
            color: white;
            font: 16px Arial, "Microsoft YaHei", sans-serif
        }

        #draw-form select:focus {
            outline: 2px solid #dfbb7d;
            outline-offset: 2px
        }

        #draw-address {
            font-family: monospace;
            font-size: 14px
        }

        #draw-form textarea {
            width: 100%;
            padding: 13px;
            background: #0c1829;
            border: 1px solid #6784a54d;
            border-radius: 9px;
            color: white;
            font: 16px/1.5 Arial, "Microsoft YaHei", sans-serif;
            resize: vertical
        }

        #draw-form textarea:focus {
            outline: 2px solid #dfbb7d;
            outline-offset: 2px
        }

        .hero>.crypto {
            max-width: none;
            margin: 38px 0 24px;
            width: 100%
        }

        .hero>.crypto .wheel-layout {
            grid-template-columns: 1.1fr 1fr
        }

        @media(max-width:1000px) {
            .hero>.crypto .wheel-layout {
                grid-template-columns: 1fr
            }
        }

        @media(max-width:700px) {
            .hero>.crypto {
                margin: 28px 0 20px;
                width: 100%
            }
        }

        [hidden] {
            display: none !important
        }

        .draw-stages {
            min-width: 0;
            padding: 22px;
            border: 1px solid #59749266;
            border-radius: 18px;
            background: #102037
        }

        .draw-steps {
            color: #e9c98f;
            font-size: 13px;
            margin: 0 0 22px
        }

        #draw-policy {
            padding: 18px 0
        }

        #draw-policy p {
            line-height: 1.85;
            color: #c6d2e3
        }

        #policy-countdown {
            color: #f5d89c !important
        }

        #policy-continue:disabled {
            opacity: .5;
            cursor: wait
        }

        #spin-result {
            line-height: 1.7;
            color: #f5d89c
        }

        .draw-stages #draw-form {
            margin-top: 20px
        }
    
/* Shared single-page shell and language control. */
.language-control { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.language-control label { font-size: 12px; color: #b9c7d7; }
.language-control select { color: #f5f6f9; background: #18202b; border: 1px solid #71839d; border-radius: 22px; padding: 10px 30px 10px 12px; font: inherit; font-size: 13px; max-width: 170px; min-height: 44px; }
select:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #94c9ff; outline-offset: 3px; }
.site-header { flex-wrap: wrap; }
.shop { max-width: 1440px; margin: 40px auto; }
html:lang(zh-Hans) h1, html:lang(zh-Hant) h1 { letter-spacing: -.04em; }
html:lang(zh-Hans) h2, html:lang(zh-Hant) h2 { letter-spacing: -.025em; }
dialog { max-height: 90dvh; overflow-y: auto; }
[hidden] { display: none !important; }
@media (max-width: 700px) {
 .site-header { gap: 14px; }
 .site-header > .nav-button { display: none; }
 .language-control { margin-left: auto; }
 .language-control label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .language-control select { max-width: 145px; }
 .shop { margin: 24px 5%; }
}
dialog .language-control { margin: 0 20px 22px 0; }

/* Show only the current language; retain a translated accessible label. */
.language-control label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
html:lang(ja) h1, html:lang(ko) h1, html:lang(th) h1,
html:lang(ja) h2, html:lang(ko) h2, html:lang(th) h2 {
    letter-spacing: normal;
}
html:lang(th) { line-height: 1.8; }
html:lang(th) h1, html:lang(th) h2, html:lang(th) h3 { line-height: 1.4; }

/* Longer translations must remain inside offer cards on narrow screens. */
.card-label, .group-label { flex-wrap: wrap; }
.card-label .pill { max-width: 100%; white-space: normal; }
.final-cta h2 { overflow-wrap: anywhere; }

/* Entry notice for visitors outside iOS Safari. */
html.browser-notice-open { overflow: hidden; }
html.video-gate-open { overflow: hidden; }
#browser-notice {
    width: min(440px, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 20px 28px 28px;
    border: 1px solid #b9d9ff24;
    border-radius: 24px;
    background: linear-gradient(155deg, #182537, #101923 70%);
    box-shadow: 0 24px 100px #0008;
    text-align: center;
    overflow-wrap: anywhere;
}
#browser-notice::backdrop { background: #030810ba; backdrop-filter: blur(10px); }
.browser-notice-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
#browser-notice .language-control { margin: 0; }
#browser-notice .language-control select { background: #ffffff06; border-color: #b9d9ff29; font-size: 12px; max-width: 170px; }
.browser-notice-icon { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 16px; border-radius: 20px; border: 1px solid #b8dcff24; background: #a8d4ff0c; color: #a8d4ff; }
#browser-notice h2 { margin: 0 0 20px; font-size: clamp(23px, 5.8vw, 28px); font-weight: 600; line-height: 1.4; letter-spacing: -.02em; text-wrap: balance; }
#browser-notice-menu, #browser-notice-manual { margin: 0; font-size: 14px; line-height: 1.85; color: #c0cede; }
#browser-notice-manual { margin-top: 12px; color: #8fa2b9; }
.browser-copy { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; margin-top: 26px; padding: 13px 16px; border: 0; border-radius: 13px; color: #122236; background: #c7e2ff; font-size: 14px; font-weight: 600; line-height: 1.5; }
.browser-copy svg { flex-shrink: 0; }
.browser-copy:hover { background: #dcedff; }
.browser-copy:disabled { opacity: .65; cursor: wait; }
#browser-notice .browser-copy-status { margin: 15px 0 0; color: #b7d7ef; font-size: 12px; line-height: 1.7; }
.browser-address-fallback { text-align: left; margin-top: 16px; }
.browser-address-fallback label { color: #a4b5c9; font-size: 12px; }
#browser-page-address { box-sizing: border-box; width: 100%; min-width: 0; margin-top: 6px; padding: 12px; color: #e6eef7; background: #080e17; border: 1px solid #506781; border-radius: 10px; font: 16px/1.5 monospace; }
@media (max-width: 380px) {
    #browser-notice { padding: 16px 20px 24px; }
}
html:lang(zh-Hans) #browser-notice-title,
html:lang(zh-Hant) #browser-notice-title { word-break: keep-all; }

/* Required one-minute video entry gate. */
#video-gate {
    width: min(720px, calc(100% - 24px));
    max-height: calc(100dvh - 24px);
    margin: auto;
    padding: 18px 22px 24px;
    border: 1px solid #b9d9ff24;
    border-radius: 24px;
    color: #f5f6f9;
    background: linear-gradient(155deg, #182537, #101923 70%);
    box-shadow: 0 24px 100px #0008;
    text-align: center;
}
#video-gate::backdrop { background: #030810e8; backdrop-filter: blur(10px); }
.video-gate-toolbar { display: flex; justify-content: flex-end; margin-bottom: 8px; }
#video-gate .language-control { margin: 0; }
#video-gate .language-control select { background: #ffffff06; border-color: #b9d9ff29; font-size: 12px; }
.video-gate-badge { display: inline-block; padding: 5px 10px; border: 1px solid #a8d4ff45; border-radius: 999px; color: #b9dcff; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; }
#video-gate h2 { margin: 14px auto 8px; max-width: 620px; font-size: clamp(24px, 5.4vw, 36px); font-weight: 600; letter-spacing: -.03em; line-height: 1.25; }
#video-gate-copy { margin: 0 auto 16px; max-width: 540px; color: #afbdce; font-size: 14px; }
.entry-video-wrap { position: relative; }
#entry-video { display: block; width: 100%; max-height: min(49dvh, 430px); border-radius: 14px; background: #05080d; object-fit: contain; }
.video-sound-toggle { position: absolute; right: 12px; bottom: 12px; padding: 8px 11px; border: 1px solid #ffffff47; border-radius: 999px; color: #fff; background: #08111bd9; font: inherit; font-size: 12px; font-weight: 600; }
.video-sound-toggle:hover { background: #1d354bd9; }
.video-gate-progress-wrap { height: 7px; margin: 18px 2px 0; overflow: hidden; border-radius: 999px; background: #ffffff1c; }
.video-gate-progress { height: 100%; }
.video-gate-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #86bcf0, #d5ecff); transition: width .25s linear; }
#video-gate-progress-text { min-height: 1.6em; margin: 8px 0 14px; color: #b9d9ff; font-size: 13px; }
.video-gate-enter { width: 100%; min-height: 50px; border: 0; border-radius: 13px; color: #122236; background: #c7e2ff; font: inherit; font-weight: 600; }
.video-gate-enter:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 480px) { #video-gate { padding: 14px 14px 18px; } #entry-video { max-height: 44dvh; } }