/* UU33 signature: vivid diamond green, deep emerald and brushed champagne. */
:root{--bg:#030d09;--gold:#ddbd79;--white:#f6f3e9;--muted:#a3b3a9;--green:#04db16}
body{background:radial-gradient(ellipse at 85% 10%,#0b3524 0,transparent 36%),radial-gradient(ellipse at 0 55%,#09251b 0,transparent 40%),#030d09;font-family:Arial,'Segoe UI',sans-serif}
body:before{content:'';position:absolute;inset:0 0 auto;height:880px;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 120px,#c6ad7407 121px,transparent 122px);mask-image:linear-gradient(#000,transparent)}
header,main,footer{max-width:1320px;padding-inline:64px}
header{height:112px;border-color:#dabc7926;gap:20px}
.brand{gap:21px;letter-spacing:0;flex-shrink:0}.logo-window{position:relative;display:inline-block;overflow:hidden;width:154px;aspect-ratio:3.4;flex-shrink:0;vertical-align:middle}
.logo-window img{position:absolute;width:116.3%;height:auto;max-width:none;left:-8.84%;top:-47.9%;display:block}
.brand small{border-left:1px solid #dabc7944;padding-left:20px;margin:0;max-width:none;font-size:8px;letter-spacing:2.3px;color:#c9c5ad;line-height:1.8}
nav{font-size:11px;letter-spacing:.5px;gap:32px}.nav-cta{border-radius:0;border-color:#bba06780;padding:13px 20px;color:#eed89f;background:#dabc7906;transition:background .3s}.nav-cta:hover{background:#dabc7918}
.ambient{width:65vw;background:radial-gradient(ellipse,#00d5110d,transparent 65%);height:1000px}.particles i{background:#d8be80;box-shadow:0 0 9px #d8be8044}
.hero{grid-template-columns:1.08fr 1fr;gap:70px;padding:78px 0 68px;min-height:680px;align-items:center}
.eyebrow{font-size:9px;letter-spacing:2.8px;color:#dac58f;margin-bottom:27px}.live-dot{background:#00db14;box-shadow:0 0 12px #00db1470}
h1{font:400 clamp(42px,4.5vw,67px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-2.4px;margin:0 0 27px}h1 em,h2 em{color:#e3c88d;font-weight:400;font-style:italic}h1 em{display:inline-block;margin-top:8px}
.lead{max-width:395px;font-size:14px;line-height:1.9;color:#aabbb0}.lead strong{font-weight:600;color:#f2e4bf}.hero-button{margin-top:25px}
.button{border-radius:3px;font-weight:600;letter-spacing:.25px;min-height:49px;font-size:12px;padding:15px 23px;transition:transform .25s,box-shadow .25s,background .25s}
.button.primary{background:linear-gradient(110deg,#b99650,#f0d89e 46%,#c7a45e);border:1px solid #eddaac;color:#142117;box-shadow:0 5px 24px #cda95c13,inset 0 1px #fff8}
.button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 35px #cda95c35}.button.primary:active{transform:translateY(0)}
.button.secondary{border:1px solid #dabc7955;color:#e7d3a4;background:#e7d3a406}.button.secondary:hover{background:#e7d3a410}
.hero-meta{font-size:9px;letter-spacing:.5px;color:#8da497;margin-top:22px;gap:13px}
.reward-art{position:relative;isolation:isolate;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1400px}
.halo{position:absolute;z-index:-1;border:1px solid #c4ab6325;width:430px;height:430px;border-radius:50%;transform:rotateX(20deg);background:radial-gradient(ellipse,#00c82809,transparent 70%)}
.halo-two{width:505px;height:505px;border-style:dashed;border-color:#d9bc7010;animation:halo-turn 90s linear infinite}
.reward-card{width:365px;height:428px;max-width:100%;border-radius:10px;padding:30px;background:radial-gradient(ellipse at 50% 0,#17573755,transparent 65%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 6px),linear-gradient(145deg,#0b241a,#05150e 60%,#102a1b);border:1px solid #bba064a6;outline:1px solid #c3a96d26;outline-offset:6px;box-shadow:0 35px 65px #0008,inset 0 0 60px #0004;transform:rotate(-5deg);animation:luxury-float 9s ease-in-out infinite;position:relative}
.reward-card:after{content:'';position:absolute;inset:8px;border:1px solid #c3a96d24;border-radius:5px;pointer-events:none}.reward-top{align-items:center;display:flex;justify-content:space-between}.reward-top .logo-window{width:100px}.reward-top small{font:7px Arial,sans-serif;letter-spacing:1.2px;color:#a59e7e;max-width:85px;text-align:right}
.reward-emblem{width:47px;height:40px;margin:27px auto 13px}.reward-emblem svg{width:100%;fill:#00dc1512;stroke:#37d340;stroke-width:1.6;filter:drop-shadow(0 0 12px #00dd1133)}
.reward-card>p{text-align:center;font-size:7px;letter-spacing:2.2px;margin:12px 0;color:#c0b68e}.reward-value{font:400 118px/.95 Georgia,serif;letter-spacing:-7px;text-align:center;color:#ebd19a;text-shadow:0 2px 0 #705b35,0 0 40px #d8b87416;margin:10px 0 16px}.reward-value>span{font:400 24px Georgia,serif;letter-spacing:0;margin-right:8px}
.reward-divider{position:relative;text-align:center;font-size:12px;color:#c2a869;display:flex;gap:15px;align-items:center;margin:15px 15px}.reward-divider:before,.reward-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c2a86988)}.reward-divider:after{transform:rotate(180deg)}
.reward-bottom{justify-content:center;font-size:7px;letter-spacing:2px;margin:14px 0;color:#c5bd9b}.edition-footer{display:flex;justify-content:space-between;border-top:1px solid #c2a86930;margin-top:26px;padding-top:12px;font-size:6px;letter-spacing:1.6px;color:#7f947c}
.card-corner{position:absolute;width:19px;height:19px;z-index:1}.corner-tl{left:15px;top:15px;border-left:1px solid #e2ca8d;border-top:1px solid #e2ca8d}.corner-br{right:15px;bottom:15px;border-right:1px solid #e2ca8d;border-bottom:1px solid #e2ca8d}
.floating-tag{margin:12px 0 0 90px;padding:11px 17px;transform:rotate(0);background:#0b1b12e8;border:1px solid #6c8d5d55;border-radius:3px;box-shadow:0 15px 30px #0006;font-size:9px;color:#c7d2c3;z-index:2}.floating-tag>span{color:#34ec44;background:#00d91114;border:1px solid #00d91144}.art-label{font-size:7px;letter-spacing:2.2px;margin-top:20px;color:#839780}
.trust-strip{padding:25px 0;border-color:#dabc7929}.trust-strip>span{font-size:9px;letter-spacing:3px}.trust-strip>div{font-size:10px;letter-spacing:.3px;gap:32px;color:#a8b9a9}
.verification-section{padding:105px 0;gap:100px;grid-template-columns:1fr 1.05fr}.section-copy{padding-top:30px}h2{font:400 50px/1.13 Georgia,serif;letter-spacing:-1.8px;margin-bottom:25px}.section-copy>p:not(.eyebrow){line-height:1.9;font-size:13px;color:#a5b6aa}
.how-list{margin-top:38px}.how-list>div{margin:27px 0;gap:20px}.how-list>div>span{border-radius:0;width:37px;height:37px;transform:rotate(45deg);font-size:0;background:#dabc7905;border-color:#a591594f}.how-list>div>span:after{content:attr(data-number);font:11px Georgia,serif;transform:rotate(-45deg);color:#d6bd83}.how-list>div:nth-child(1)>span:after{content:'01'}.how-list>div:nth-child(2)>span:after{content:'02'}.how-list>div:nth-child(3)>span:after{content:'03'}
.how-list h3{font-size:13px;letter-spacing:.3px}.how-list p{font-size:11px;margin-top:5px}.privacy-note{margin-top:43px;font-size:10px}.privacy-note a{color:#bdb99e}
.verification-card{border-radius:8px;background:radial-gradient(ellipse at 50% 0,#12452b44,transparent 65%),linear-gradient(145deg,#0b2016,#07150e);border:1px solid #b29b5f60;box-shadow:0 25px 70px #0006,inset 0 1px #e8ce8d18;position:relative}
.card-heading{padding:27px 28px;color:#dfd5b4;font-size:8px;letter-spacing:1.9px}.secure-pill{color:#8fbd8e;letter-spacing:.6px}
.steps{padding:8px 25px 25px}.steps>div>span{width:33px;height:33px;border-color:#61715375;background:#ffffff02}.steps .active>span{color:#d5bb7f;border-color:#d5bb7f;background:#d5bb7f12;box-shadow:0 0 25px #d5bb7f12}.steps>i{margin-top:16px;background:#d5bb7f25}.steps b{font-size:10px;margin-top:10px}.steps small{font-size:9px;margin-top:3px}.progress-track{height:1px;background:#d5bb7f12}#progress{background:linear-gradient(90deg,#00cf16,#dfc78d)}
.step-panel{padding:34px 34px 30px}.step-icon{border-radius:50%;width:58px;height:58px;background:#cfb87908;border-color:#cfb87950;margin-bottom:23px}.step-kicker{font-size:8px!important;letter-spacing:2.5px}.step-panel h3{font:400 28px/1.2 Georgia,serif;letter-spacing:-.6px;max-width:330px;margin:0 auto 15px}.step-panel>p{font-size:12px;line-height:1.8;margin-bottom:25px}.tip{background:#ffffff02;border-color:#a9bc8f16;border-radius:3px;padding:13px}.tip p{color:#a2b49f;font-size:10px}.waiting{font-size:10px;color:#8da68c}.card-footer{padding:17px 25px;border-color:#c5b17b24;font-size:8px;color:#8b9d87}.card-footer>span:last-child{color:#c1ac75;letter-spacing:1.5px}
input:not([type=checkbox]){background:#030e08;border-color:#9caa8040;border-radius:3px;padding:14px;font-size:14px}.phone-input{background:#030e08;border-color:#9caa8040;border-radius:3px}.otp-inputs{gap:7px}.otp-inputs input{padding:12px 0;font-size:23px}.text-button{min-height:38px}.verified-phone{color:#69e27a}.summary-checks{color:#a0d59f}.success-check{box-shadow:0 0 40px #cfb87915}
.faq{padding:75px 0;gap:100px;border-color:#dabc7924}.faq h2{font-size:38px}.faq .eyebrow{font-size:8px;letter-spacing:2px}details{padding:20px 0;border-color:#dabc7926}summary{font-size:13px}details p{font-size:12px;line-height:1.9}.privacy{border-color:#dabc7924;font-size:11px;line-height:1.9;padding:36px 0 44px}.privacy h3{font-family:Georgia,serif;font-size:17px;color:#cfc4a5}.privacy p{max-width:950px;color:#8b9f90}footer{padding-block:32px;border-color:#dabc7924;font-size:10px}footer .logo-window{width:103px}
@keyframes luxury-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes halo-turn{to{transform:rotate(360deg)}}
@media(min-width:1450px){.hero{min-height:710px}}
@media(max-width:1050px){header,main,footer{padding-inline:35px}.hero{gap:30px}h1{font-size:52px}.reward-card{width:320px;height:412px;padding:28px}.reward-art{min-height:470px}.halo{width:360px;height:360px}.halo-two{width:400px;height:400px}.verification-section,.faq{gap:45px}.brand small{display:none}.trust-strip>div{gap:20px}}
@media(max-width:720px){header,main,footer{padding-inline:23px}header{height:88px}.brand .logo-window{width:119px}nav{gap:0}.nav-cta{font-size:10px;padding:10px 13px}.nav-cta span{margin-left:10px}.hero{padding:45px 0 32px;grid-template-columns:1fr;gap:36px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:23px}h1{font-size:44px;line-height:1.12;letter-spacing:-1.6px;margin-bottom:19px}h1 em{margin-top:2px}.lead{max-width:330px;font-size:12px;line-height:1.85}.hero-button{margin-top:18px;min-width:240px}.hero-meta{font-size:8px;margin-top:18px}.reward-art{min-height:425px;margin-top:8px}.reward-card{width:289px;height:365px;padding:25px}.reward-top .logo-window{width:82px}.reward-top small{font-size:6px}.reward-emblem{width:36px;height:30px;margin:20px auto 11px}.reward-card>p{font-size:6px;letter-spacing:1.7px;margin:11px 0}.reward-value{font-size:99px;margin:8px 0 13px}.reward-value>span{font-size:21px}.reward-divider{margin:10px 15px}.reward-bottom{font-size:6px;letter-spacing:1.5px;margin:11px 0}.edition-footer{margin-top:22px;padding-top:10px;font-size:5px}.halo{width:310px;height:310px}.halo-two{width:340px;height:340px;max-width:100%}.floating-tag{margin:10px 0 0 25px;font-size:8px;padding:9px 12px}.art-label{font-size:6px;letter-spacing:1.8px;margin-top:17px}.trust-strip{padding:21px 0}.trust-strip>span{font-size:8px;letter-spacing:2.5px}.trust-strip>div{font-size:8px;gap:16px;margin-top:12px}.verification-section{padding:57px 0;gap:30px;grid-template-columns:1fr}.section-copy{padding:0}.section-copy .eyebrow{margin-bottom:17px}h2{font-size:39px;margin-bottom:20px}.section-copy>p:not(.eyebrow){font-size:12px}.card-heading{padding:23px 21px;font-size:7px;letter-spacing:1.4px}.secure-pill{font-size:6px}.steps{padding:4px 20px 22px;gap:8px}.steps b{font-size:9px}.steps small{font-size:8px}.step-panel{padding:29px 23px}.step-panel h3{font-size:27px}.step-panel>p{font-size:12px}.tip p{font-size:10px}.card-footer{padding:15px 19px;font-size:7px}.faq{padding:48px 0;grid-template-columns:1fr;gap:12px}.faq h2{font-size:34px}.faq h2 br{display:block}.faq .eyebrow{font-size:7px;letter-spacing:2px}summary{font-size:12px}details p{font-size:11px}.privacy{font-size:10px;padding:27px 0}footer{font-size:9px;gap:20px;padding-block:27px}footer .logo-window{width:94px}}
@media(max-width:360px){header,main,footer{padding-inline:18px}h1{font-size:38px}.reward-card{width:267px}.trust-strip>div{gap:10px;font-size:7px}.secure-pill{letter-spacing:0}.step-panel{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.reward-card,.halo-two{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-control{margin:0}.language-control select{background:#0b2117;color:#e7d3a4;border:1px solid #bba06770;border-radius:3px;font:12px Arial,sans-serif;padding:10px 7px;min-height:38px;cursor:pointer;max-width:90px}.language-control select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}html[lang="zh-Hans"] h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.35;font-size:clamp(34px,4vw,55px);letter-spacing:1px}html[lang="zh-Hans"] h2,html[lang="zh-Hans"] .step-panel h3{font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.4}html[lang="ms"] h1{font-size:clamp(38px,4vw,58px)}html[lang="ms"] .hero-meta{flex-wrap:wrap}html[lang="ms"] .reward-top small{letter-spacing:.5px}html[lang="zh-Hans"] .eyebrow{letter-spacing:2px}@media(max-width:720px){header{gap:8px}.brand .logo-window{width:102px}nav{gap:8px}.language-control select{font-size:11px;padding:9px 5px;max-width:65px}.nav-cta{font-size:9px;padding:9px 10px}.nav-cta span{margin-left:5px}html[lang="ms"] h1{font-size:40px}html[lang="zh-Hans"] h1{font-size:36px}}

.floating-rules{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:15;display:flex;align-items:center;gap:9px;padding:13px 18px;min-height:48px;border:1px solid #e9d09a;border-radius:28px;background:linear-gradient(115deg,#b99650,#ecd29a,#c5a25a);box-shadow:0 5px 24px #0007,0 0 20px #d6b46c20;color:#112317;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.floating-rules:hover{transform:translateY(-3px);box-shadow:0 9px 28px #0008,0 0 24px #d6b46c35}.floating-rules:focus-visible{outline:3px solid #fff;outline-offset:4px}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}@media(max-width:720px){.floating-rules{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:12px 15px;font-size:11px;gap:7px;min-height:44px}footer{padding-bottom:85px}.privacy{padding-bottom:55px}}

/* Homepage actions and animated Game Rules link. */
.hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:25px;max-width:440px}
.hero-actions .button{margin-top:0;min-width:0;min-height:50px;width:auto;gap:20px;white-space:nowrap}
.hero-actions .hero-login{display:inline-flex;padding-inline:22px;background:#e7d3a408;border-color:#dabc7980}
.hero-actions .hero-login:hover{background:#e7d3a414;border-color:#eddaac;transform:translateY(-2px)}
.floating-rules{isolation:isolate;overflow:hidden;animation:rules-float 3.2s ease-in-out infinite,rules-glow 3.2s ease-in-out infinite;will-change:transform}
.floating-rules::before{content:'';position:absolute;inset:-35% auto -35% -80%;width:42%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-24deg);animation:rules-sheen 4.8s ease-in-out infinite;pointer-events:none;z-index:-1}
.floating-rules>span:first-child{display:inline-block;animation:rules-sparkle 3.2s ease-in-out infinite}
.floating-rules:hover,.floating-rules:focus-visible,.floating-rules:hover::before,.floating-rules:focus-visible::before,.floating-rules:hover>span:first-child,.floating-rules:focus-visible>span:first-child{animation-play-state:paused}
@keyframes rules-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes rules-glow{0%,100%{box-shadow:0 5px 24px #0007,0 0 0 0 #e9c67b35,0 0 20px #d6b46c25}50%{box-shadow:0 9px 28px #0008,0 0 0 7px #e9c67b00,0 0 32px #d6b46c75}}
@keyframes rules-sheen{0%,55%{left:-80%}85%,100%{left:145%}}
@keyframes rules-sparkle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(35deg) scale(1.25)}}
@media(max-width:720px){.hero-actions{justify-content:center;flex-wrap:nowrap;margin:18px auto 0;gap:10px;max-width:360px}.hero-actions .button{padding:14px 12px;font-size:11px;gap:10px;min-height:48px}.hero-actions .hero-button{flex:1.65;min-width:0}.hero-actions .hero-login{flex:1;padding-inline:12px}.hero-actions .button span{margin-left:auto}}
@media(max-width:340px){.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.floating-rules,.floating-rules::before,.floating-rules>span:first-child{animation:none!important;will-change:auto}.floating-rules::before{display:none}}

/* Four-step verification and Telegram setup guidance. */
.steps{gap:8px}.steps>div{flex:1;min-width:0}.steps b{font-size:10px;overflow-wrap:anywhere}.steps small{font-size:9px}.steps>i{flex:0 1 16px;min-width:3px}
.telegram-setup{margin-top:22px;padding:18px 16px;border:1px solid #dabc7944;border-radius:5px;background:#dabc7908;text-align:left}.telegram-setup h4{margin:0 0 12px;color:#e7d3a4;font-size:15px}.telegram-setup ol{padding-left:20px;color:#aabbb0;font-size:12px;line-height:1.8}.telegram-setup li+li{margin-top:8px}.telegram-setup .button{margin-top:12px}.step-panel h3:focus{outline:none}
@media(max-width:720px){.steps{padding-inline:14px;gap:5px}.steps b{font-size:9px;line-height:1.4}.steps small{font-size:8px}.steps>i{flex-basis:8px}.telegram-setup{padding:16px 13px}}
