:root{--red-deep: #400000;--red-mid: #500000;--red-dark: #250000;--bg: #080101;--panel: #1a0505;--card: #2b0a0a;--gold: #d4a84b;--gold-light: #ffc94a;--gold-soft: #ffd36a;--text: #ffffff;--muted: rgba(255, 255, 255, .62);--glass: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .12);--glow: rgba(212, 168, 75, .4);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1200px,92vw);margin-inline:auto}#particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/bg-casino-Dmx8DVsy.png) center/cover no-repeat;opacity:.18;filter:blur(2px) saturate(1.2)}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(80,0,0,.5),transparent 65%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(212,168,75,.06),transparent 55%),linear-gradient(180deg,var(--red-deep) 0%,var(--bg) 40%,#030000 100%)}.header{position:fixed;top:0;inset-inline:0;z-index:200;padding:.85rem 0;transition:background .4s var(--ease),box-shadow .4s,border-color .4s}.header.scrolled{background:#080101e0;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--glass-border);box-shadow:0 8px 40px #00000080}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-img{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 24px var(--glow);transition:transform .4s var(--ease)}.logo:hover .logo-img{transform:scale(1.06) rotate(-2deg)}.logo-text{display:flex;flex-direction:column;gap:0}.logo-name{font-size:1.05rem;font-weight:800;line-height:1.3}.logo-tag{font-size:.7rem;color:var(--gold-soft);font-weight:600;letter-spacing:.04em}.logo-sm .logo-name{font-size:.95rem}.nav{display:flex;align-items:center;gap:2rem}.nav a{font-size:.92rem;font-weight:600;color:var(--muted);transition:color .3s;position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;bottom:-4px;inset-inline:0;height:2px;background:var(--gold-light);transform:scaleX(0);transition:transform .3s var(--ease)}.nav a:not(.nav-cta):hover{color:var(--text)}.nav a:not(.nav-cta):hover:after{transform:scaleX(1)}.nav-cta{padding:.55rem 1.5rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--panel)!important;border-radius:999px;font-weight:700;box-shadow:0 4px 24px var(--glow);transition:transform .3s,box-shadow .3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--glow)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;z-index:1;min-height:auto;display:flex;flex-direction:column;justify-content:center;padding:6rem 0 3rem}.hero-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem .35rem .75rem;background:#d4a84b1a;border:1px solid rgba(212,168,75,.28);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--gold-soft);margin-bottom:1.25rem}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-light);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 8px var(--gold-light)}50%{opacity:.4;box-shadow:none}}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.3;margin-bottom:1.25rem}.gold-text{background:linear-gradient(135deg,var(--gold-soft),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{background-size:200% auto;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.hero-lead{font-size:1.05rem;color:var(--muted);max-width:500px;margin-bottom:2rem}.hero-lead strong{color:var(--gold-soft);font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:999px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:transform .35s var(--ease),box-shadow .35s}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--panel);box-shadow:0 6px 30px var(--glow);position:relative;overflow:hidden}.btn-gold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-100%);animation:btnShine 4s ease-in-out infinite}@keyframes btnShine{0%,70%,to{transform:translate(-100%)}85%{transform:translate(100%)}}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--glow)}.btn-glass{background:var(--glass);border:1px solid var(--glass-border);color:var(--text)}.btn-glass:hover{background:#ffffff1f;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.stat{text-align:center}.stat strong{font-size:1.75rem;font-weight:900;color:var(--gold-light);font-variant-numeric:tabular-nums}.stat span{color:var(--gold-light);font-weight:900}.stat small{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem}.stat-divider{width:1px;height:36px;background:var(--glass-border)}.hero-showcase{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px}.showcase-glow{position:absolute;width:80%;height:60%;background:radial-gradient(ellipse,rgba(212,168,75,.2),transparent 70%);filter:blur(40px);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.showcase-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,168,75,.12);pointer-events:none}.ring-1{width:110%;height:110%;animation:ringSpin 20s linear infinite}.ring-2{width:125%;height:125%;border-style:dashed;opacity:.4;animation:ringSpin 30s linear infinite reverse}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.device{position:relative;z-index:2;width:100%;max-width:520px;animation:deviceFloat 7s ease-in-out infinite}@keyframes deviceFloat{0%,to{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-14px) rotateX(-1deg)}}.device-bezel{background:linear-gradient(145deg,#2a2a2a,#111);border-radius:22px;padding:10px;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.device-notch{width:8px;height:8px;border-radius:50%;background:#333;margin:0 auto 6px;box-shadow:inset 0 0 4px #000c}.device-screen{position:relative;aspect-ratio:844 / 390;border-radius:14px;overflow:hidden;background:var(--panel)}.screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e060659}.screen-ui{position:absolute;top:0;right:0;bottom:0;left:0}.ui-panel{position:absolute;left:3%;top:8%;width:14%;height:62%;background:#00000073;border-radius:8px;border:1px solid var(--glass-border);padding:6%;display:flex;flex-direction:column;gap:8%}.ui-avatar{width:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--red-mid))}.ui-lines span{display:block;height:4px;background:#ffffff26;border-radius:2px;margin-bottom:5px}.ui-lines span:last-child{width:70%}.ui-logo{position:absolute;left:50%;top:6%;transform:translate(-50%);width:22%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.ui-actions{position:absolute;right:3%;top:14%;display:flex;flex-direction:column;gap:6px}.ui-btn{width:48px;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light));opacity:.85;animation:uiBtnGlow 2s ease-in-out infinite alternate}.ui-btn-notif{animation-delay:.5s;opacity:.6;background:#fff3}@keyframes uiBtnGlow{0%{box-shadow:0 0 8px #d4a84b4d}to{box-shadow:0 0 16px #d4a84b99}}.ui-characters{position:absolute;right:2%;bottom:18%;width:34%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.ui-nav{position:absolute;bottom:0;inset-inline:0;height:14%;background:#161404eb;display:flex;align-items:center;justify-content:center;gap:8%;padding:0 10%}.ui-nav span{flex:1;height:40%;background:#ffffff14;border-radius:4px}.ui-nav span.active{background:linear-gradient(90deg,var(--gold),var(--gold-light));box-shadow:0 0 12px var(--glow)}.hero-float-characters{position:absolute;bottom:-5%;left:-8%;width:38%;z-index:3;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));animation:charSlide 8s ease-in-out infinite;pointer-events:none}@keyframes charSlide{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(4px)}}.float-chip{position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold));border:3px dashed rgba(255,255,255,.25);display:grid;place-items:center;font-weight:900;font-size:.65rem;color:var(--panel);box-shadow:0 8px 24px #0006;z-index:4}.chip-1{top:8%;right:0;animation:chipFloat 5s ease-in-out infinite}.chip-2{bottom:15%;left:-2%;animation:chipFloat 5s ease-in-out infinite -2.5s}@keyframes chipFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}.float-card{position:absolute;width:44px;height:60px;border-radius:6px;background:linear-gradient(160deg,#fff,#e8dcc8);display:grid;place-items:center;font-size:1rem;font-weight:800;box-shadow:0 8px 20px #00000059;z-index:4}.card-1{top:20%;left:5%;color:#222;transform:rotate(-15deg);animation:cardDrift 6s ease-in-out infinite}.card-2{bottom:25%;right:2%;color:#c0392b;transform:rotate(12deg);animation:cardDrift 6s ease-in-out infinite -3s}@keyframes cardDrift{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-10px)}}.card-2{animation-name:cardDrift2}@keyframes cardDrift2{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(18deg) translateY(-10px)}}.hero-scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--muted);font-size:.78rem}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.5}50%{transform:rotate(45deg) translateY(6px);opacity:1}}.anim-in{opacity:0;transform:translateY(28px);animation:animIn .9s var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes animIn{to{opacity:1;transform:translateY(0)}}section{position:relative;z-index:1;padding:5.5rem 0}.section-head{text-align:center;max-width:620px;margin:0 auto 3.5rem}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.section-head h2{font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:900;margin-bottom:.85rem}.section-head p{color:var(--muted);font-size:1.02rem}.games-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.game-tile{position:relative;border-radius:20px;background:linear-gradient(160deg,var(--card) 0%,var(--panel) 100%);border:1px solid var(--glass-border);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s;transform-style:preserve-3d}.game-tile-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(212,168,75,.12),transparent 60%);opacity:0;transition:opacity .4s}.game-tile:hover .game-tile-glow{opacity:1}.game-tile:hover{transform:translateY(-8px);box-shadow:0 28px 60px #00000073}.game-tile-img{padding:1.5rem 1.5rem 0;display:flex;justify-content:center}.game-tile-img img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));transition:transform .5s var(--ease)}.game-tile:hover .game-tile-img img{transform:scale(1.08) rotate(-3deg)}.game-tile-body{padding:1.25rem 1.5rem 1.75rem}.game-label{display:inline-block;font-size:.7rem;font-weight:700;color:var(--gold-soft);background:#d4a84b1f;padding:.2rem .65rem;border-radius:999px;margin-bottom:.65rem}.game-tile h3{font-size:1.2rem;font-weight:800;margin-bottom:.5rem}.game-tile p{font-size:.88rem;color:var(--muted);margin-bottom:1rem;line-height:1.65}.game-perks{list-style:none;display:flex;flex-direction:column;gap:.35rem}.game-perks li{font-size:.82rem;color:#ffffffbf;padding-inline-start:1.1rem;position:relative}.game-perks li:before{content:"✦";position:absolute;inset-inline-start:0;color:var(--gold);font-size:.65rem}.experience{background:linear-gradient(180deg,transparent,rgba(26,5,5,.5),transparent)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0}.step{flex:1;max-width:280px;text-align:center;padding:2rem 1.5rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;position:relative;transition:transform .4s var(--ease),border-color .4s}.step:hover{transform:translateY(-6px);border-color:#d4a84b4d}.step-num{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:800;color:var(--gold);background:var(--panel);padding:.2rem .75rem;border-radius:999px;border:1px solid rgba(212,168,75,.3)}.step-icon{font-size:2rem;margin-bottom:.75rem}.step h3{font-size:1.05rem;font-weight:800;margin-bottom:.5rem}.step p{font-size:.88rem;color:var(--muted)}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-top:4rem;flex-shrink:0;opacity:.4}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feat{padding:1.5rem;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);transition:transform .4s var(--ease),background .4s,border-color .4s}.feat:hover{transform:translateY(-5px);background:#ffffff17;border-color:#d4a84b40}.feat-icon-wrap{width:44px;height:44px;border-radius:12px;background:#d4a84b1f;border:1px solid rgba(212,168,75,.2);display:grid;place-items:center;font-size:1.3rem;margin-bottom:.85rem}.feat h3{font-size:.95rem;font-weight:800;margin-bottom:.4rem}.feat p{font-size:.82rem;color:var(--muted);line-height:1.6}.download{padding-bottom:6rem}.download-panel{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(212,168,75,.22)}.download-panel-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/bg-casino-Dmx8DVsy.png) center/cover,linear-gradient(135deg,var(--red-mid),var(--panel));opacity:.35}.download-content{position:relative;text-align:center;padding:clamp(2.5rem,5vw,4rem);background:linear-gradient(180deg,#1a0505d9,#080101f2)}.download-icon{margin:0 auto 1.25rem;border-radius:22px;box-shadow:0 12px 40px var(--glow);animation:logoPulse 3s ease-in-out infinite}.download-content h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;margin-bottom:.75rem}.download-content>p{color:var(--muted);max-width:520px;margin:0 auto 2rem;font-size:1.02rem}.download-content strong{color:var(--gold-soft)}.store-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.store-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.5rem;background:#00000073;border:1px solid var(--glass-border);border-radius:14px;min-width:190px;transition:transform .35s var(--ease),border-color .35s,background .35s}.store-btn:hover{transform:translateY(-4px);border-color:#d4a84b66;background:#000000a6}.store-btn svg{width:26px;height:26px;flex-shrink:0}.store-btn small{display:block;font-size:.68rem;color:var(--muted);text-align:start}.store-btn strong{display:block;font-size:.95rem;text-align:start}.download-note{margin-top:1.25rem;font-size:.82rem;color:var(--muted)}.footer{position:relative;z-index:1;border-top:1px solid var(--glass-border);padding:2rem 0;background:#00000059}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-nav a{font-size:.85rem;color:var(--muted);transition:color .3s}.footer-nav a:hover{color:var(--gold-light)}.footer-copy{font-size:.82rem;color:var(--muted)}.reveal{opacity:1;transform:none}@media (max-width: 1024px){.hero-layout{grid-template-columns:1fr;text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-showcase{order:-1;min-height:320px}.hero-float-characters{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.games-showcase{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}@media (max-width: 768px){.nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;background:#080101f7;padding:1.25rem;gap:.85rem;border-bottom:1px solid var(--glass-border)}.nav.open,.menu-toggle{display:flex}.steps{flex-direction:column;align-items:center}.step-connector{width:2px;height:40px;margin:0}.features-grid{grid-template-columns:1fr}.device{max-width:100%}.hero-scroll-hint{display:none}.store-btn{width:100%;justify-content:center}.header-inner{gap:.6rem}.logo-tag{display:none}.logo-name{font-size:.95rem}.hero{padding-top:5.5rem}.hero h1{font-size:clamp(1.7rem,8vw,2.4rem)}.hero-lead{font-size:.95rem}.hero-showcase{min-height:220px}.download{padding-bottom:3rem}.download-content{padding:1.4rem 1rem 1.6rem}.download-content h2{font-size:1.6rem}.footer-inner{flex-direction:column;text-align:center;gap:.8rem}.footer-nav{flex-wrap:wrap;justify-content:center}}@media (max-width: 420px){.container{padding-inline:.9rem}.hero-stats{gap:.6rem}.stat strong{font-size:1.15rem}.games-showcase,.features-grid{gap:.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
