*{box-sizing:border-box}
:root{--bg:#080812;--panel:#0e0d1b;--panel2:#121025;--line:#25213b;--purple:#8f46ee;--pink:#ed3b9d;--gold:#ffd85d;--text:#f5f2ff;--muted:#8d87a6}
html{scroll-behavior:smooth}
body{margin:0;background:#07070d;color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,500px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#0b0a18,#100e20 58%,#0a0914);box-shadow:0 0 70px rgba(0,0,0,.35)}
.topbar{height:76px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#0c0b16;border-bottom:1px solid #221f36}
.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#8b42ec,#ee3ea5);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-weight:900;font-size:13px}
.brand-copy strong{display:block;font-size:19px}.brand-copy strong span{color:#d64ab4}.brand-copy small{display:block;color:#756f89;font-size:8px;letter-spacing:2px;margin-top:2px}
.online{background:#1a1730;border-radius:17px;padding:7px 11px;color:#ae8cff;font-size:11px}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8e4df2;margin-right:6px;box-shadow:0 0 9px #8e4df2}
.hero{padding:30px 18px 20px;background:radial-gradient(circle at 50% 28%,rgba(108,67,221,.16),transparent 36%),#0d0c1d;border-bottom:1px solid #231f3b}
.cards{height:145px;position:relative;width:350px;max-width:100%;margin:0 auto}
.card{position:absolute;top:6px;width:72px;height:112px;border-radius:8px;background:#f4f3fb;color:#11131b;border:1px solid #dedbea;padding:8px;box-shadow:0 5px 12px rgba(0,0,0,.3)}.card b{font-size:16px}.card span{display:block;text-align:center;font-size:29px;margin-top:17px}.card.red{color:#c53a2f}
.c1{left:26px;transform:rotate(-16deg);top:18px}.c2{left:78px;transform:rotate(-7deg);top:7px}.c3{left:132px}.c4{left:186px;transform:rotate(7deg);top:7px}.c5{left:240px;transform:rotate(16deg);top:18px}
.jackpot{text-align:center;margin-top:2px}.jackpot small{display:block;color:#766f91;letter-spacing:2px;font-size:9px}.jackpot strong{display:block;color:#ffe06c;font-size:37px;letter-spacing:2px;margin-top:2px}.jackpot span{display:block;color:#8a839c;font-size:10px;margin-top:2px}
.dots{display:flex;justify-content:center;gap:8px;margin:14px 0 18px}.dots i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#25263a;border:1px solid #465064;color:#8d95a9;font-style:normal;font-size:11px}.dots .d1{background:linear-gradient(145deg,#e0a111,#8e5a02);color:#fff}.dots .d2{background:linear-gradient(145deg,#7444e1,#47217e);color:#fff}.dots .d3{background:linear-gradient(145deg,#df398f,#841a52);color:#fff}
.hero-copy{text-align:center}.eyebrow{display:inline-block;margin:0 0 8px;padding:5px 12px;border:1px solid #342b50;border-radius:16px;color:#8c84a3;font-size:9px;letter-spacing:2px}
h1{margin:0 auto 18px;font-size:42px;line-height:1;text-transform:uppercase;background:linear-gradient(90deg,#fff 0 52%,#b55df0 52% 72%,#e649af 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offer{border-radius:8px;padding:14px;text-align:left;min-height:78px}.offer small{display:block;color:#a091bf;font-size:8px;letter-spacing:1px}.offer b{display:block;font-size:19px;margin-top:4px}.offer span{display:block;color:#8b82a1;font-size:9px;margin-top:3px}.purple{background:linear-gradient(135deg,#2d1766,#3a1f7a);border:1px solid #5436a3}.pink{background:linear-gradient(135deg,#631337,#8a1249);border:1px solid #a71d5d}
.hint{color:#89839a;font-size:10px;margin:12px 0 0}
.actions{padding:16px 18px;background:#0e0d19;border-bottom:1px solid #242039}.btn{position:relative;overflow:hidden;min-height:58px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-weight:900;font-size:16px}.btn:last-child{margin-bottom:0}.primary{background:linear-gradient(90deg,#8d43ec,#b84ce4,#ed3d9f,#9d47ed);background-size:230% 100%;animation:gradientMove 4s linear infinite}.secondary{border:1px solid #2c2944;background:#11101d;color:#8f89a4}
.shimmer::after{content:"";position:absolute;top:-50%;left:-40%;width:28%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(20deg);animation:shine 2.6s infinite}.pulse{animation:pulse 2.2s ease-in-out infinite}
@keyframes shine{0%{left:-40%}55%,100%{left:130%}}@keyframes gradientMove{0%{background-position:0 0}100%{background-position:230% 0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(142,70,238,0)}50%{box-shadow:0 0 20px rgba(142,70,238,.38)}}
.intro{padding:18px;background:#0f0e1c;border-bottom:1px solid #242039}.intro h2{margin:0 0 10px;color:#ad83ff;font-size:15px}.intro p{margin:0;color:#918ba5;line-height:1.55;font-size:12px}.year{text-align:right;color:#433e55;font-size:9px;margin-top:8px}
.features{display:grid;grid-template-columns:1fr 1fr;background:#11101f;border-bottom:1px solid #242039}.features div{padding:14px;border-right:1px solid #242039;border-bottom:1px solid #242039}.features div:nth-child(2n){border-right:0}.features div:nth-last-child(-n+2){border-bottom:0}.features span{float:left;width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#2c1768;margin-right:10px}.features b{display:block;font-size:15px}.features small{display:block;color:#77718a;font-size:9px;margin-top:2px}
.details{padding:18px;background:#0f0e1c}.details h2{margin:0 0 10px;color:#746d88;font-size:9px;letter-spacing:2px}.row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #28243b;color:#817b92;font-size:11px}.row b{color:#f0edf7;text-align:right}
footer{padding:16px 18px 24px;background:#0a0914;color:#4d485c;text-align:center;font-size:9px;line-height:1.45}
@media(max-width:420px){h1{font-size:34px}.offer-grid{grid-template-columns:1fr}.cards{transform:scale(.9);transform-origin:50% 0}.jackpot strong{font-size:31px}}