:root{--bg:#07040d;--panel:#0d0818;--line:rgba(217,202,255,.15);--violet:#9168ff;--violet2:#5b2fda;--silver:#eee8ff;--muted:#9b91ae;--cyan:#33e8d0;--wa:#21c979;--tg:#26a9e8}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:#f8f5ff;background:
radial-gradient(circle at 50% 21%,rgba(117,63,225,.22),transparent 32rem),
radial-gradient(circle at 9% 60%,rgba(51,232,208,.06),transparent 22rem),
linear-gradient(155deg,#050208,#0b0612 54%,#050208);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(197,175,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(197,175,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,black,transparent 78%)}
a{color:inherit;text-decoration:none}
.light{position:fixed;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.16}.light-a{width:260px;height:260px;background:#9868ff;top:-145px;right:-75px}.light-b{width:210px;height:210px;background:#30e8d0;left:-145px;bottom:5%}
.page-shell{width:min(920px,calc(100% - 38px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:1}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;filter:drop-shadow(0 0 18px rgba(145,104,255,.3))}.brand>span{display:grid;gap:3px}.brand strong{font-size:14px;letter-spacing:.19em}.brand small{color:#8c82a1;font-size:7px;font-weight:700;letter-spacing:.28em}
.online{display:flex;align-items:center;gap:9px;color:#aaa0bc;font-size:8px;font-weight:800;letter-spacing:.16em}.online i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(51,232,208,.08),0 0 15px rgba(51,232,208,.8);animation:pulse 1.8s infinite}
.hero{width:min(100%,720px);margin:auto;padding:44px 0 52px;display:flex;flex-direction:column;align-items:center;position:relative}
.slot-crown{width:min(92%,500px);height:156px;padding:15px 20px 37px;border:1px solid rgba(191,163,255,.25);border-bottom:0;border-radius:32px 32px 0 0;background:linear-gradient(180deg,rgba(25,14,47,.96),rgba(9,5,16,.94));box-shadow:0 -12px 60px rgba(111,56,223,.13),inset 0 1px rgba(255,255,255,.06);position:relative;overflow:hidden}
.slot-crown:before,.slot-crown:after{content:"";position:absolute;top:-36px;width:115px;height:115px;border:1px solid rgba(155,114,255,.19);border-radius:50%}.slot-crown:before{left:-35px}.slot-crown:after{right:-35px}.jackpot-label{display:block;text-align:center;color:#9d8abf;font-size:7px;font-weight:800;letter-spacing:.32em;margin-bottom:8px}
.slot-window{height:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:7px;border:1px solid rgba(229,217,255,.14);border-radius:12px;background:#040207;box-shadow:inset 0 10px 28px #000;overflow:hidden}.reel{height:56px;background:linear-gradient(180deg,#160d27,#090510 49%,#160d27);border:1px solid rgba(226,213,255,.11);border-radius:7px;overflow:hidden;color:#c9b6ff;text-shadow:0 0 14px rgba(145,104,255,.7)}.track{display:flex;flex-direction:column;align-items:center}.reel b{height:56px;min-height:56px;width:100%;display:grid;place-items:center;font:800 28px Georgia,serif}.reel-one .track{animation:reelShift 6s cubic-bezier(.6,0,.4,1) infinite}.reel-two .track{animation:reelShiftTwo 6s cubic-bezier(.6,0,.4,1) infinite}.reel-three .track{animation:reelShift 6s cubic-bezier(.6,0,.4,1) infinite reverse}.jackpot-line{height:29px;display:flex;align-items:center;justify-content:center;gap:14px;color:#6f6682;font-size:7px;font-weight:800;letter-spacing:.2em}.jackpot-line strong{color:var(--cyan);font:800 13px Georgia,serif;letter-spacing:.28em;text-shadow:0 0 14px rgba(51,232,208,.55)}
.number-card{width:100%;min-height:280px;margin-top:-25px;padding:31px 48px 33px;border:1px solid rgba(201,178,255,.34);border-radius:27px;background:
linear-gradient(115deg,rgba(255,255,255,.04),transparent 27%),
linear-gradient(145deg,rgba(25,14,46,.98),rgba(10,6,17,.99));box-shadow:0 34px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.1);position:relative;text-align:center;overflow:hidden;z-index:3}
.number-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(210,190,255,.08);border-radius:20px;pointer-events:none}.number-card:after{content:"";position:absolute;width:65%;height:2px;top:0;left:17.5%;background:linear-gradient(90deg,transparent,var(--violet),var(--cyan),transparent);box-shadow:0 0 25px var(--violet)}.card-glow{position:absolute;width:260px;height:150px;background:rgba(126,77,238,.19);filter:blur(50px);left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none}
.priority{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;max-width:500px;margin:0 auto 23px;text-align:left;position:relative}.priority span{height:31px;display:grid;place-items:center;border:1px solid rgba(145,104,255,.58);border-radius:8px;color:#b89dff;font-size:8px;font-weight:800}.priority b{font-size:8px;color:#9d91b3;letter-spacing:.24em}.priority i{font-style:normal;font-size:7px;font-weight:900;letter-spacing:.14em;color:#2ff0d7;border:1px solid rgba(51,232,208,.35);border-radius:999px;padding:6px 9px;background:rgba(51,232,208,.055)}
h1{position:relative;margin:0;color:#f8f5ff;font-size:clamp(26px,4vw,40px);line-height:1.12;letter-spacing:-.04em;font-weight:700}
.main-number{position:relative;display:flex;justify-content:center;align-items:baseline;gap:3px;margin:18px auto 14px;font-size:clamp(33px,6.7vw,62px);font-weight:800;letter-spacing:-.045em;line-height:1;color:transparent;background:linear-gradient(95deg,#fff 8%,#bca5ff 42%,#fff 67%,#8bffef);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 20px rgba(145,104,255,.28));white-space:nowrap}.main-number small{font-size:.55em;font-weight:500}
.remember{position:relative;display:inline-flex;align-items:center;gap:8px;color:#9d93ac;font-size:9px;font-weight:700;letter-spacing:.08em}.remember i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(51,232,208,.1);border:1px solid rgba(51,232,208,.27);color:var(--cyan);font-style:normal}
.contact-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.contact{min-height:75px;display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:13px;padding:11px 17px;position:relative;overflow:hidden;transition:transform .2s ease,filter .2s ease}.contact:hover{transform:translateY(-3px);filter:brightness(1.08)}.contact .icon{width:47px;height:47px;display:grid;place-items:center}.contact .icon svg{width:23px;height:23px;fill:currentColor}.contact small{display:block;font-size:7px;font-weight:800;letter-spacing:.18em;opacity:.65;margin-bottom:4px}.contact strong{display:block;font-size:13px;letter-spacing:.01em;white-space:nowrap}.arrow{font-size:17px;font-weight:400}
.whatsapp{border-radius:18px 8px 18px 8px;background:linear-gradient(112deg,#178f58,#0b3c28);border:1px solid rgba(82,247,165,.25);box-shadow:inset 0 1px rgba(255,255,255,.08),0 15px 30px rgba(0,0,0,.2)}.whatsapp:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(97,255,174,.12);left:-20px;bottom:-25px}.whatsapp .icon{border-radius:14px 5px 14px 5px;background:rgba(0,0,0,.2);color:#8fffc3}.whatsapp .arrow{color:#89ffc0}
.telegram{border-radius:8px 18px 8px 18px;background:linear-gradient(112deg,#116c9d,#082c43);border:1px solid rgba(89,206,255,.27);box-shadow:inset 0 1px rgba(255,255,255,.08),0 15px 30px rgba(0,0,0,.2)}.telegram:after{content:"";position:absolute;right:-20px;top:-30px;width:70px;height:70px;border:1px solid rgba(116,218,255,.16);transform:rotate(45deg)}.telegram .icon{border-radius:5px 14px 5px 14px;background:rgba(0,0,0,.2);color:#80d9ff}.telegram .arrow{color:#83dcff}
.game-button{width:100%;min-height:76px;margin-top:13px;padding:11px 20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;border:1px solid rgba(196,173,255,.22);border-radius:14px;background:linear-gradient(105deg,rgba(41,22,74,.75),rgba(12,7,20,.92));box-shadow:inset 0 1px rgba(255,255,255,.05);transition:border-color .2s,background .2s}.game-button:hover{border-color:rgba(145,104,255,.6);background:linear-gradient(105deg,rgba(65,35,116,.8),rgba(15,8,25,.95))}.play{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(51,232,208,.36);color:var(--cyan);font-size:12px;padding-left:2px;box-shadow:inset 0 0 18px rgba(51,232,208,.08)}.game-button small{display:block;color:#8e82a1;font-size:7px;font-weight:800;letter-spacing:.19em;margin-bottom:4px}.game-button strong{font-size:13px;letter-spacing:.14em}.game-button>i{font-style:normal;font-size:30px;font-weight:900;letter-spacing:-.1em;color:rgba(223,210,255,.22);padding-right:5px}
footer{margin-top:auto;border-top:1px solid var(--line)}.ticker{height:40px;display:flex;align-items:center;overflow:hidden;color:#746a86;font-size:7px;font-weight:800;letter-spacing:.26em;white-space:nowrap}.ticker div{min-width:max-content;animation:ticker 24s linear infinite}footer>p{margin:0;padding:17px 0 23px;text-align:center;color:#51485e;font-size:7px;letter-spacing:.22em}footer>p span{margin:0 8px;color:var(--violet)}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes reelShift{0%,55%,100%{transform:translateY(0)}64%,91%{transform:translateY(-56px)}}
@keyframes reelShiftTwo{0%,58%,100%{transform:translateY(0)}68%,90%{transform:translateY(-112px)}}
@keyframes reelShiftMobile{0%,55%,100%{transform:translateY(0)}64%,91%{transform:translateY(-46px)}}
@keyframes reelShiftTwoMobile{0%,58%,100%{transform:translateY(0)}68%,90%{transform:translateY(-92px)}}
@media(max-width:680px){.page-shell{width:calc(100% - 24px)}.topbar{height:76px}.brand img{width:43px;height:43px}.brand strong{font-size:12px}.brand small{font-size:6px}.online span{display:none}.hero{padding:28px 0 38px}.slot-crown{height:132px;padding:12px 14px 34px}.slot-window{height:62px}.reel{height:46px}.reel b{height:46px;min-height:46px;font-size:23px}.reel-one .track{animation-name:reelShiftMobile}.reel-two .track{animation-name:reelShiftTwoMobile}.reel-three .track{animation-name:reelShiftMobile}.jackpot-line{height:26px}.number-card{min-height:0;margin-top:-22px;padding:27px 17px 26px;border-radius:23px}.priority{grid-template-columns:31px 1fr auto;gap:8px;margin-bottom:19px}.priority span{height:29px}.priority b{font-size:6px;letter-spacing:.16em}.priority i{font-size:6px;padding:5px 7px}h1{font-size:27px}.main-number{font-size:clamp(30px,9.7vw,47px);margin:16px auto 13px}.contact-grid{grid-template-columns:1fr;gap:9px;margin-top:12px}.contact{min-height:66px;grid-template-columns:43px 1fr auto;padding:9px 14px}.contact .icon{width:43px;height:43px}.contact strong{font-size:13px}.game-button{min-height:68px;grid-template-columns:43px 1fr auto;padding:9px 14px;margin-top:10px}.play{width:43px;height:43px}.game-button strong{font-size:11px}.game-button>i{font-size:25px}.ticker{height:37px}}
@media(max-width:370px){.page-shell{width:calc(100% - 18px)}.brand>span small{display:none}.slot-crown{width:96%}.number-card{padding-left:11px;padding-right:11px}h1{font-size:24px}.main-number{font-size:29px}.priority b{letter-spacing:.1em}.contact strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
