:root{--bg:#040806;--panel:#09130f;--line:rgba(191,237,218,.15);--silver:#dff7ed;--muted:#8ca89b;--green:#2ddb95;--green2:#0f8f61;--wa:#20c879;--tg:#23a9e8}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:#f3fff9;background:
radial-gradient(circle at 84% 20%,rgba(24,127,88,.19),transparent 30rem),
radial-gradient(circle at 10% 86%,rgba(23,80,61,.16),transparent 26rem),
linear-gradient(145deg,#030604,#07110d 52%,#030604);font-family:Inter,Manrope,"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(119,193,163,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(119,193,163,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
a{color:inherit;text-decoration:none}
.ambient{position:fixed;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.2}.ambient-one{width:260px;height:260px;background:#16a36b;top:-120px;right:-90px}.ambient-two{width:190px;height:190px;background:#8edbc0;bottom:-130px;left:12%;opacity:.09}
.site-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}
.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px;filter:drop-shadow(0 0 16px rgba(45,219,149,.18))}.brand-copy{display:grid;gap:2px}.brand-copy strong{letter-spacing:.16em;font-size:15px}.brand-copy small{font-size:9px;color:var(--muted);letter-spacing:.32em}
.live-badge{display:flex;align-items:center;gap:9px;color:#b8cfC5;font-size:10px;font-weight:700;letter-spacing:.16em}.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(45,219,149,.1),0 0 16px var(--green);animation:pulse 1.8s infinite}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:70px;padding:70px 0 56px}
.hero-copy{max-width:610px}.eyebrow{display:flex;align-items:center;gap:11px;color:#9eb8ad;font-size:10px;font-weight:700;letter-spacing:.24em;margin:0 0 24px}.eyebrow span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(45,219,149,.45);color:var(--green);clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%)}
h1{font-size:clamp(48px,5.4vw,76px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:700}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--green);text-shadow:0 0 32px rgba(45,219,149,.18)}
.intro{color:var(--muted);font-size:14px;line-height:1.75;max-width:455px;margin:25px 0 29px}
.contacts{display:grid;gap:11px;margin-bottom:12px}.contact{min-height:74px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;position:relative;isolation:isolate;transition:transform .2s ease,filter .2s ease}.contact:hover{transform:translateY(-2px);filter:brightness(1.07)}.contact-icon{width:48px;height:48px;display:grid;place-items:center}.contact-icon svg{width:23px;height:23px;fill:currentColor}.contact small,.game-button small{display:block;font-size:8px;font-weight:800;letter-spacing:.21em;opacity:.64;margin-bottom:4px}.contact strong{display:block;font-size:16px;letter-spacing:.015em}.contact b{font-size:20px;font-weight:400}
.whatsapp{padding:10px 20px 10px 11px;border-radius:17px 34px 34px 17px;background:linear-gradient(105deg,rgba(17,139,84,.98),rgba(8,53,34,.95));border:1px solid rgba(91,242,166,.28);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.22)}.whatsapp .contact-icon{background:rgba(0,0,0,.22);border-radius:12px;color:#84ffbd}.whatsapp b{color:#8effc2}
.telegram{margin-left:24px;padding:10px 26px 10px 13px;background:linear-gradient(105deg,rgba(12,79,112,.96),rgba(7,34,46,.96));border:1px solid rgba(92,203,255,.3);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,14px 50%);box-shadow:inset 0 1px rgba(255,255,255,.08)}.telegram .contact-icon{margin-left:9px;border-radius:50%;background:rgba(0,0,0,.22);color:#73d4ff}.telegram b{color:#6ed2ff}
.game-button{min-height:78px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:12px 18px;margin-top:16px;border:1px solid rgba(215,244,232,.24);background:rgba(219,246,235,.045);border-radius:8px;position:relative;overflow:hidden;transition:border-color .2s,background .2s}.game-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);box-shadow:0 0 18px var(--green)}.game-button:hover{border-color:rgba(45,219,149,.55);background:rgba(45,219,149,.08)}.play-dot{width:48px;height:48px;border:1px solid rgba(45,219,149,.55);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:13px;padding-left:2px}.game-button strong{font-size:14px;letter-spacing:.13em}.game-number{font-family:Georgia,serif;font-style:italic;color:rgba(223,247,237,.22);font-size:29px}
.vault-stage{min-height:515px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.vault-stage:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(39,170,121,.2),rgba(8,24,18,.13) 50%,transparent 68%);filter:blur(10px)}
.vault-wheel{width:310px;height:310px;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,rgba(223,247,237,.45) 0 1deg,transparent 1deg 12deg);animation:vaultFloat 4s ease-in-out infinite;filter:drop-shadow(0 28px 30px rgba(0,0,0,.4))}.vault-wheel:before{content:"";position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle at 35% 26%,#1b4b38,#07110d 48%,#020503 72%);border:2px solid rgba(180,229,210,.35);box-shadow:inset 0 0 0 10px #08130f,inset 0 0 0 12px rgba(45,219,149,.22),inset 0 0 45px #000,0 0 35px rgba(45,219,149,.12)}.wheel-ticks{position:absolute;inset:33px;border-radius:50%;border:1px dashed rgba(169,234,208,.35);animation:spin 18s linear infinite reverse}.wheel-core{position:relative;z-index:3;width:126px;height:126px;display:grid;place-content:center;text-align:center;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);background:linear-gradient(145deg,#dff7ed,#527d6b 45%,#effff8 54%,#4b7564);color:#06100c;box-shadow:0 0 35px rgba(195,255,230,.18)}.wheel-core span{font-size:47px;font-weight:800;letter-spacing:-.09em}.wheel-core small{font-size:8px;font-weight:800;letter-spacing:.36em;margin-left:.35em}.spoke{position:absolute;z-index:2;width:82px;height:3px;background:linear-gradient(90deg,transparent,rgba(215,247,234,.5));transform-origin:100% 50%;right:50%;top:calc(50% - 1px)}.spoke-a{transform:rotate(0)}.spoke-b{transform:rotate(90deg)}.spoke-c{transform:rotate(180deg)}.spoke-d{transform:rotate(270deg)}
.vault-orbit{position:absolute;border:1px solid rgba(45,219,149,.18);border-radius:50%;animation:spin 14s linear infinite}.orbit-one{width:390px;height:390px;border-style:dashed}.orbit-two{width:450px;height:450px;border-color:rgba(223,247,237,.08);animation-direction:reverse;animation-duration:22s}.orbit-one:after,.orbit-two:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);top:18%;left:8%}.orbit-two:after{top:auto;left:auto;right:8%;bottom:20%;width:5px;height:5px}
.reels{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,58px);gap:7px;margin-top:-31px;padding:8px;background:#050a07;border:1px solid rgba(205,244,228,.22);box-shadow:0 12px 28px #000;border-radius:5px}.reels span{height:47px;display:grid;place-items:center;background:linear-gradient(#101d17,#07100c);border:1px solid rgba(223,247,237,.1);font:700 24px Georgia;color:#91aa9f}.reels .active{color:var(--green);text-shadow:0 0 16px rgba(45,219,149,.7)}.vault-stage>p{font-size:8px;letter-spacing:.32em;color:#6f8d80;margin-top:20px}
footer{border-top:1px solid var(--line)}.ticker{overflow:hidden;height:42px;display:flex;align-items:center;color:#789486;font-size:8px;font-weight:700;letter-spacing:.28em;white-space:nowrap}.ticker div{min-width:max-content;animation:ticker 24s linear infinite}footer>p{margin:0;padding:18px 0 26px;text-align:center;color:#486056;font-size:8px;letter-spacing:.22em}footer>p span{color:var(--green);margin:0 9px}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.6}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes vaultFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:860px){.site-shell{width:min(100% - 30px,620px)}.topbar{height:82px}.brand img{width:46px;height:46px}.live-badge{font-size:8px}.hero{display:flex;flex-direction:column;gap:35px;padding:42px 0}.hero-copy{width:100%;max-width:none}.vault-stage{min-height:390px;width:100%;order:2}.vault-wheel{width:250px;height:250px}.vault-orbit.orbit-one{width:310px;height:310px}.vault-orbit.orbit-two{width:355px;height:355px}.wheel-core{width:104px;height:104px}.wheel-core span{font-size:39px}.spoke{width:66px}.intro{margin-bottom:22px}}
@media(max-width:520px){.site-shell{width:calc(100% - 24px)}.topbar{height:74px}.brand{gap:10px}.brand img{width:42px;height:42px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.live-badge{font-size:7px;letter-spacing:.08em}.live-badge i{width:6px;height:6px} .hero{padding:30px 0 34px;gap:28px}.eyebrow{margin-bottom:18px}h1{font-size:43px}.intro{font-size:12px;line-height:1.65;margin:18px 0}.contact{min-height:66px;grid-template-columns:42px 1fr auto;gap:11px}.contact-icon{width:42px;height:42px}.contact strong{font-size:13px}.contact small{font-size:7px}.contact b{font-size:16px}.whatsapp{padding-right:15px}.telegram{margin-left:10px;padding-right:21px;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,0 100%,10px 50%)}.telegram .contact-icon{margin-left:5px}.game-button{min-height:69px;grid-template-columns:42px 1fr auto;gap:11px;padding:10px 13px}.play-dot{width:42px;height:42px}.game-button strong{font-size:11px}.game-number{font-size:23px}.vault-stage{min-height:325px;overflow:hidden}.vault-wheel{width:215px;height:215px}.vault-wheel:before{inset:12px}.vault-orbit.orbit-one{width:270px;height:270px}.vault-orbit.orbit-two{width:315px;height:315px}.wheel-core{width:88px;height:88px}.wheel-core span{font-size:33px}.wheel-core small{font-size:6px}.spoke{width:56px}.reels{grid-template-columns:repeat(3,48px);margin-top:-25px}.reels span{height:40px;font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}