:root{
  --bg:#040712;
  --bg-soft:#09101f;
  --card:rgba(10,18,40,.66);
  --line:rgba(120,180,255,.22);
  --text:#f5f8ff;
  --muted:#aab7d4;
  --blue:#28a5ff;
  --cyan:#61e7ff;
  --violet:#8f4dff;
  --violet-2:#bf5cff;
  --shadow:0 18px 55px rgba(0,0,0,.38);
  --radius:24px;
  --gx:0px;
  --gy:0px;
  --mx:50vw;
  --my:40vh;
  --header-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(900px 520px at 12% -10%,rgba(44,119,255,.20),transparent 60%),
  radial-gradient(900px 520px at 88% 0%,rgba(140,61,255,.18),transparent 60%),
  linear-gradient(180deg,#050915 0%,#040712 62%,#060912 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.skip-link{position:fixed;z-index:200;left:16px;top:-80px;padding:12px 16px;border-radius:12px;background:white;color:#081020;font-weight:800}.skip-link:focus{top:16px}

/* storm */
.storm{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:transparent;mix-blend-mode:screen}
.storm__cloud{position:absolute;width:70vw;height:45vh;border-radius:50%;filter:blur(38px);opacity:.20;will-change:transform;background:radial-gradient(circle,rgba(87,130,220,.48),rgba(31,35,110,.14) 46%,transparent 72%)}
.storm__cloud--one{left:-20vw;top:-10vh;animation:cloudDrift 22s ease-in-out infinite alternate}
.storm__cloud--two{right:-18vw;top:12vh;animation:cloudDrift2 28s ease-in-out infinite alternate}
.storm__rain{position:absolute;inset:-25%;opacity:.075;background-image:repeating-linear-gradient(115deg,transparent 0 19px,rgba(148,220,255,.66) 20px,transparent 22px 43px);background-size:108px 108px;animation:rainMove 1.15s linear infinite;will-change:transform}
.storm__flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 72% 8%,rgba(228,246,255,.96),rgba(77,126,255,.42) 21%,rgba(118,63,255,.18) 38%,transparent 62%);mix-blend-mode:screen}
.storm__flash.is-flashing{animation:flash 1s ease-out}
.storm__bolt{position:absolute;top:-5vh;width:10px;height:58vh;opacity:0;filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px #42baff) drop-shadow(0 0 34px #7b52ff);background:linear-gradient(#fff 0 18%,#7ae8ff 42%,#6475ff 72%,rgba(132,72,255,.15));clip-path:polygon(46% 0,100% 0,62% 35%,98% 35%,22% 100%,42% 54%,4% 54%);transform-origin:top center;will-change:opacity,transform}
.storm__bolt--left{left:16%;transform:rotate(8deg) scaleY(.92)}
.storm__bolt--right{right:18%;transform:rotate(-9deg) scaleY(1.05)}
.storm__bolt.is-striking{animation:boltStrike .72s ease-out}
.pointer-glow{position:fixed;z-index:4;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(18px circle at var(--mx) var(--my),rgba(225,250,255,.48),rgba(77,198,255,.22) 42%,transparent 70%),radial-gradient(250px circle at var(--mx) var(--my),rgba(46,167,255,.16),rgba(111,69,255,.10) 40%,transparent 72%);opacity:.95}
main,.site-footer{position:relative;z-index:3}
@keyframes cloudDrift{to{transform:translate3d(16vw,5vh,0) scale(1.15)}}
@keyframes cloudDrift2{to{transform:translate3d(-17vw,-3vh,0) scale(1.08)}}
@keyframes rainMove{to{transform:translate3d(-90px,110px,0)}}
@keyframes flash{0%,100%{opacity:0}4%{opacity:.84}9%{opacity:.10}15%{opacity:.72}22%{opacity:.06}31%{opacity:.42}48%{opacity:0}}
@keyframes boltStrike{0%,100%{opacity:0}4%{opacity:.98}8%{opacity:.18}12%{opacity:.95}18%{opacity:.12}26%{opacity:.68}42%{opacity:0}}

/* intro */
.intro{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 34%,rgba(40,116,255,.24),transparent 35%),rgba(3,6,16,.93);backdrop-filter:blur(10px);transition:opacity .55s ease,visibility .55s ease}
.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.intro__panel{width:min(760px,100%);text-align:center;padding:40px 24px;border:1px solid rgba(96,179,255,.23);border-radius:30px;background:linear-gradient(180deg,rgba(10,20,48,.72),rgba(5,10,24,.56));box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 70px rgba(48,113,255,.11);position:relative;overflow:hidden}
.intro__panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 0 32%,rgba(105,207,255,.15) 43%,transparent 53%);transform:translateX(-120%);animation:introSweep 4.8s ease-in-out infinite}
@keyframes introSweep{50%,100%{transform:translateX(120%)}}
.intro__logo{width:min(390px,76vw);margin:0 auto 10px;filter:drop-shadow(0 0 24px rgba(38,154,255,.35))}
.intro__eyebrow,.kicker{margin:0 0 10px;color:#79d8ff;font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.intro h1{margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.98;letter-spacing:-.045em;text-shadow:0 0 36px rgba(47,138,255,.24)}
.intro__copy{max-width:580px;margin:18px auto;color:var(--muted)}
.intro__note{font-size:.78rem;color:#7f91b5;margin:16px 0 0}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;border:1px solid rgba(103,181,255,.44);font-weight:900;letter-spacing:.045em;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;background:#101a31;box-shadow:0 0 0 1px rgba(91,186,255,.06),0 10px 30px rgba(0,0,0,.24)}
.btn>*{position:relative;z-index:2}.btn:hover{transform:translateY(-3px);border-color:rgba(133,222,255,.78);filter:brightness(1.12);box-shadow:0 0 10px rgba(79,205,255,.32),0 0 28px rgba(63,126,255,.24),0 14px 38px rgba(0,0,0,.35)}
.btn:active,.btn.is-clicked{transform:translateY(0) scale(.965);filter:brightness(1.25);box-shadow:0 0 12px rgba(186,246,255,.72),0 0 34px rgba(41,155,255,.55),0 0 54px rgba(133,68,255,.34)}
.btn--primary,.btn--register{background:linear-gradient(120deg,#168dff,#595eff 55%,#9e4cff);border-color:rgba(139,203,255,.72);box-shadow:0 10px 32px rgba(33,116,255,.34),0 0 24px rgba(119,72,255,.16),inset 0 1px rgba(255,255,255,.24)}
.btn--login{background:linear-gradient(120deg,#0f7de8,#23b9ff);box-shadow:0 10px 32px rgba(25,148,255,.30),0 0 20px rgba(43,197,255,.14)}
.btn--ghost{background:rgba(12,24,48,.68)}
.btn--small{min-height:40px;padding-inline:16px;font-size:.82rem}
.btn--enter{min-width:min(320px,100%);margin-top:8px}
.ripple{position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.92) 0,rgba(78,213,255,.68) 24%,rgba(113,78,255,.38) 48%,transparent 72%);transform:scale(0);animation:ripple .7s ease-out;pointer-events:none;z-index:1;mix-blend-mode:screen}
.click-burst{position:fixed;width:16px;height:16px;border:2px solid rgba(126,230,255,.92);border-radius:50%;pointer-events:none;z-index:150;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 14px #5bdfff,0 0 26px rgba(112,80,255,.9);animation:clickBurst .5s ease-out forwards}
@keyframes ripple{to{transform:scale(4.3);opacity:0}}
@keyframes clickBurst{55%{opacity:1}100%{transform:translate(-50%,-50%) scale(4.4);opacity:0}}

/* header */
.site-header{position:sticky;top:0;z-index:80;height:var(--header-h);background:rgba(4,8,20,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(109,169,255,.12)}
.header-inner{height:100%;display:flex;align-items:center;gap:22px}
.brand{display:block;margin-right:auto}.brand img{width:152px;height:auto}
.desktop-nav{display:flex;gap:4px}.desktop-nav a{padding:10px 13px;color:#c7d3ec;font-size:.88rem;font-weight:700;border-radius:10px}.desktop-nav a:hover{background:rgba(63,134,255,.08);color:white}
.header-actions{display:flex;gap:8px}

/* hero */
.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(94,151,255,.08)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,17,.86) 0%,rgba(3,7,17,.58) 48%,rgba(3,7,17,.22) 100%),radial-gradient(circle at 77% 35%,rgba(72,104,255,.18),transparent 34%)}
.hero__aurora{position:absolute;inset:8% -15% auto auto;width:72vw;height:48vw;max-height:620px;border-radius:50%;filter:blur(58px);background:conic-gradient(from 220deg,rgba(32,182,255,.15),rgba(138,64,255,.22),rgba(41,113,255,.04),rgba(32,182,255,.15));opacity:.9}
.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:40px;padding-block:72px 60px}
.hero__copy{max-width:680px}.hero h2{font-size:clamp(2.3rem,5.4vw,5rem);line-height:.96;letter-spacing:-.055em;margin:0 0 20px}.hero__copy>p:not(.kicker){max-width:650px;color:#bdc9e0;font-size:1.04rem}
.hero__cta{display:flex;gap:12px;margin-top:28px}.hero__cta .btn{min-width:150px}
.hero__support{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.support-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(91,171,255,.23);background:rgba(10,20,42,.56);color:#c7d6ef;font-size:.78rem;font-weight:850;letter-spacing:.05em}.support-chip:hover{border-color:rgba(117,205,255,.5);color:white}
.hero__emblem{justify-self:center;width:min(430px,38vw);filter:drop-shadow(0 0 54px rgba(72,132,255,.28));opacity:.86}.hero__emblem img{border-radius:32%;mask-image:radial-gradient(circle,#000 54%,transparent 76%)}
.gyro-layer{transform:translate3d(calc(var(--gx) * var(--depth,1)),calc(var(--gy) * var(--depth,1)),0);will-change:transform;transition:transform .15s linear}.gyro-layer[data-depth="0.15"]{--depth:.15}.gyro-layer[data-depth="0.28"]{--depth:.28}.gyro-layer[data-depth="0.35"]{--depth:.35}.gyro-layer[data-depth="0.48"]{--depth:.48}

/* slider */
.slider-section{padding:26px 0 12px}.slider{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(100,181,255,.18);background:#070b16;box-shadow:var(--shadow);outline:none}.slider:focus-visible{box-shadow:0 0 0 3px rgba(70,178,255,.5),var(--shadow)}
.slider__track{display:flex;transition:transform .72s cubic-bezier(.2,.75,.2,1);will-change:transform}.slide{min-width:100%;position:relative;background:#060914}.slide img{width:100%;aspect-ratio:8/3;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -70px 70px rgba(0,0,0,.22);pointer-events:none}
.slider__arrow{position:absolute;top:50%;translate:0 -50%;width:42px;height:54px;border:1px solid rgba(123,195,255,.27);background:rgba(4,8,18,.58);backdrop-filter:blur(8px);border-radius:14px;font-size:2rem;line-height:1;cursor:pointer;z-index:3;transition:.2s ease}.slider__arrow:hover{background:rgba(32,82,170,.55)}.slider__arrow--prev{left:12px}.slider__arrow--next{right:12px}
.slider__dots{position:absolute;bottom:12px;left:50%;translate:-50% 0;display:flex;gap:7px;z-index:3}.slider__dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:.2s ease}.slider__dots button.is-active{width:28px;background:#6ccfff}

/* sections */
.section{padding:88px 0}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.about h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 14px}.section-heading p:not(.kicker){color:var(--muted);margin:0}
.games{position:relative}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{position:relative;overflow:hidden;min-height:146px;padding:22px;border:1px solid rgba(100,178,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(18,32,66,.70),rgba(7,13,30,.78));box-shadow:inset 0 1px rgba(255,255,255,.03);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--cx,50%) var(--cy,50%),rgba(71,166,255,.19),transparent 64%);opacity:0;transition:.22s ease}.game-card:hover:before{opacity:1}.game-card:hover{border-color:rgba(111,199,255,.42);box-shadow:0 18px 45px rgba(0,0,0,.26),0 0 28px rgba(61,104,255,.08)}
.game-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(36,159,255,.16),rgba(143,77,255,.18));border:1px solid rgba(105,193,255,.24);margin-bottom:18px;box-shadow:0 0 22px rgba(72,167,255,.12),inset 0 0 12px rgba(255,255,255,.05);overflow:hidden}.game-card__icon img{width:26px;height:26px;display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(108,215,255,.55))}.game-card strong{display:block;font-size:1.02rem;letter-spacing:.03em}.game-card small{display:block;margin-top:3px;color:#8394b6}
.about{background:linear-gradient(180deg,transparent,rgba(8,16,38,.54),transparent)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}.about-copy p{color:#b6c3db;margin:0 0 18px}.about-copy strong{color:#f8fbff}.feature-stack{display:grid;gap:14px;position:sticky;top:96px}.feature-card{padding:24px;border:1px solid rgba(102,181,255,.17);border-radius:22px;background:linear-gradient(145deg,rgba(14,27,58,.75),rgba(6,12,27,.82));box-shadow:var(--shadow);transition:transform .2s ease}.feature-card>span{display:inline-block;color:#6ed6ff;font-weight:900;font-size:.72rem;letter-spacing:.1em}.feature-card h3{margin:8px 0 8px;font-size:1.18rem}.feature-card p{margin:0;color:#9faecc;font-size:.9rem}
.faq-wrap{max-width:900px}.faq details{border:1px solid rgba(100,178,255,.14);border-radius:17px;background:rgba(10,18,38,.54);padding:0 18px;margin:10px 0}.faq summary{cursor:pointer;padding:18px 4px;font-weight:850;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#67d5ff}.faq details[open] summary:after{content:"−"}.faq details p{color:#aebbd2;margin:0;padding:0 4px 18px}

/* footer */
.site-footer{border-top:1px solid rgba(100,178,255,.10);background:rgba(3,7,17,.72);padding:48px 0 100px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-logo{width:180px;margin-bottom:8px}.footer-grid p{max-width:560px;color:#8495b4;font-size:.9rem}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px}.footer-links a{padding:9px 12px;border-radius:10px;background:rgba(22,41,80,.4);color:#b9c8e2;font-size:.84rem;font-weight:700}.footer-bottom{margin-top:28px;padding-top:22px;border-top:1px solid rgba(104,177,255,.09);display:flex;justify-content:space-between;gap:20px;color:#7384a4;font-size:.76rem}.footer-bottom p{margin:0}

/* music player */
.music-player{position:fixed;right:18px;bottom:18px;z-index:95}.music-player__toggle{display:none;width:52px;height:52px;border:1px solid rgba(120,198,255,.32);border-radius:18px;background:linear-gradient(145deg,#10224c,#512f9d);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 25px rgba(48,122,255,.20);font-size:1.4rem;cursor:pointer}.music-player.is-collapsed .music-player__toggle{display:block}.music-player.is-collapsed .music-player__panel{display:none}
.music-player__panel{width:min(370px,calc(100vw - 32px));padding:16px;border:1px solid rgba(113,194,255,.22);border-radius:22px;background:rgba(5,10,24,.92);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.48)}.music-player__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.music-player__header small{display:block;color:#6983b0;font-size:.64rem;font-weight:900;letter-spacing:.11em}.music-player__header strong{display:block;margin-top:3px;font-size:.92rem}.icon-btn,.play-btn{border:1px solid rgba(102,181,255,.20);background:#0b1730;border-radius:11px;cursor:pointer}.icon-btn{width:36px;height:36px}.play-btn{width:46px;height:46px;background:linear-gradient(145deg,#147fff,#8546ff);font-size:1rem}.music-player__progress{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center;margin:14px 0 10px;color:#7d8eac;font-size:.68rem}.music-player input[type="range"]{width:100%;accent-color:#4ec5ff}.music-player__controls{display:flex;align-items:center;justify-content:center;gap:9px}.music-player__volume{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:12px 0;color:#8090ae;font-size:.7rem}.track-list{display:grid;gap:6px}.track{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:left;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:#96a7c5;font-size:.72rem}.track span{color:#5f769d}.track b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track:hover,.track.is-active{border-color:rgba(91,184,255,.18);background:rgba(32,92,178,.14);color:#eef7ff}.track.is-active span{color:#6bd9ff}

.mobile-dock{display:none}

.tilt-card{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0)}

@media (max-width:900px){
  :root{--header-h:64px}
  .desktop-nav{display:none}.brand img{width:132px}.header-actions .btn--ghost{display:none}
  .hero{min-height:auto}.hero__content{grid-template-columns:1fr;padding-block:54px 44px}.hero__emblem{position:absolute;right:-9vw;top:4vh;width:54vw;opacity:.18}.hero h2{max-width:720px}
  .game-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr}.feature-stack{position:static}
  .footer-grid{grid-template-columns:1fr}.footer-links{justify-content:start}.footer-bottom{flex-direction:column}
  .music-player{bottom:84px;right:12px}
  .mobile-dock{position:fixed;z-index:90;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid rgba(102,181,255,.20);border-radius:18px;background:rgba(4,9,22,.90);backdrop-filter:blur(18px);box-shadow:0 16px 55px rgba(0,0,0,.45)}
  .mobile-dock a,.mobile-dock button{display:grid;place-items:center;gap:1px;min-height:48px;border:0;border-radius:12px;background:transparent;color:#93a4c2;font-size:.64rem;font-weight:800;cursor:pointer}.mobile-dock span{font-size:1rem;color:#70d6ff}.mobile-dock__login{background:linear-gradient(145deg,rgba(31,124,255,.26),rgba(120,70,255,.27))!important;color:white!important}
  .site-footer{padding-bottom:118px}
}
@media (max-width:620px){
  .container{width:min(100% - 20px,1180px)}
  .site-header{background:rgba(4,8,20,.82)}.header-actions .btn{min-height:36px;padding-inline:12px;font-size:.75rem}
  .hero__content{padding-top:46px}.hero h2{font-size:clamp(2.05rem,12vw,3.4rem)}.hero__copy>p:not(.kicker){font-size:.95rem}.hero__cta{display:grid;grid-template-columns:1fr 1fr}.hero__cta .btn{min-width:0}.hero__support{display:grid;grid-template-columns:1fr 1fr}
  .slider-section{padding-top:14px}.slider{border-radius:18px}.slide img{aspect-ratio:8/3}.slider__arrow{width:34px;height:44px;border-radius:11px;font-size:1.5rem}.slider__dots{bottom:7px}.slider__dots button{width:5px;height:5px}.slider__dots button.is-active{width:18px}
  .section{padding:68px 0}.game-grid{gap:9px}.game-card{min-height:126px;padding:16px}.game-card__icon{width:42px;height:42px;margin-bottom:13px}.game-card__icon img{width:22px;height:22px}.game-card strong{font-size:.86rem}.game-card small{font-size:.7rem}
  .intro__panel{padding:30px 17px;border-radius:24px}.intro h1{font-size:clamp(2rem,13vw,3.25rem)}
}
@media (hover:none){.pointer-glow{display:none}.tilt-card{transform:none!important}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.storm__cloud,.storm__rain,.intro__panel:before{animation:none!important}.gyro-layer,.slider__track,.btn,.game-card,.feature-card{transition:none!important;transform:none!important}.pointer-glow{display:none}
}
:focus-visible{outline:2px solid #74d8ff;outline-offset:3px}

/* =========================================================
   NEOCORE STORM — POLISH PASS V2
   Balanced neon, consistent spacing, mobile-friendly effects
========================================================= */

/* Global section rhythm */
main>section{position:relative}
main>section+section:before{content:"";position:absolute;top:0;left:50%;width:min(1080px,86vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(74,192,255,.22),rgba(143,77,255,.28),transparent);pointer-events:none}
.section-heading{position:relative;padding-left:18px}
.section-heading:before{content:"";position:absolute;left:0;top:3px;width:3px;height:58px;border-radius:99px;background:linear-gradient(180deg,#6fe7ff,#795cff 58%,transparent);box-shadow:0 0 18px rgba(78,203,255,.55)}
.section-heading .kicker,.about .kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(105,210,255,.18);border-radius:999px;background:rgba(15,43,80,.25);box-shadow:inset 0 0 14px rgba(71,168,255,.06)}
.section-heading h2,.about h2{text-shadow:0 0 24px rgba(75,131,255,.12)}

/* Header refinement */
.site-header{box-shadow:0 10px 35px rgba(0,0,0,.16),inset 0 -1px rgba(86,179,255,.06)}
.brand img{filter:drop-shadow(0 0 12px rgba(32,145,255,.18))}
.desktop-nav a{position:relative;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
.desktop-nav a:hover{box-shadow:inset 0 0 20px rgba(76,149,255,.08)}

/* Stronger but efficient neon buttons */
.btn{box-shadow:inset 0 1px rgba(255,255,255,.10);text-shadow:0 0 12px rgba(255,255,255,.15)}
.btn:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.20) 46%,transparent 68%);transform:translateX(-135%);transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.btn:hover:before{transform:translateX(135%)}
.btn--primary,.btn--register{box-shadow:0 0 0 1px rgba(102,207,255,.12),0 0 24px rgba(48,121,255,.28),0 12px 34px rgba(43,80,255,.24),inset 0 1px rgba(255,255,255,.26)}
.btn--login{border-color:rgba(98,220,255,.58);box-shadow:0 0 0 1px rgba(80,211,255,.08),0 0 22px rgba(26,183,255,.24),0 12px 32px rgba(11,113,225,.22),inset 0 1px rgba(255,255,255,.20)}
.btn--ghost{border-color:rgba(103,181,255,.28);box-shadow:inset 0 0 20px rgba(29,90,190,.08)}
.btn:hover{border-color:rgba(139,225,255,.72);box-shadow:0 0 0 1px rgba(116,221,255,.12),0 0 34px rgba(45,163,255,.34),0 14px 38px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.24)}
.btn--register:hover{box-shadow:0 0 0 1px rgba(190,137,255,.20),0 0 38px rgba(130,74,255,.42),0 14px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.28)}
.support-chip{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.support-chip:hover{transform:translateY(-1px);background:rgba(18,46,92,.72);box-shadow:0 0 20px rgba(65,181,255,.16)}

/* Hero polish */
.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(4,7,18,.56));pointer-events:none}
.hero__copy{position:relative;padding:30px 30px 32px;border:1px solid rgba(109,188,255,.10);border-radius:28px;background:linear-gradient(145deg,rgba(4,10,27,.34),rgba(11,20,48,.16));box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 70px rgba(0,0,0,.12);backdrop-filter:blur(3px)}
.hero__copy:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:3px;border-radius:28px 0 0 28px;background:linear-gradient(180deg,transparent,#63ddff 28%,#8158ff 72%,transparent);box-shadow:0 0 18px rgba(75,187,255,.38)}
.hero__emblem{animation:emblemFloat 6s ease-in-out infinite}
@keyframes emblemFloat{50%{filter:drop-shadow(0 0 64px rgba(82,132,255,.36));translate:0 -7px}}

/* Slider polish */
.slider{border-color:rgba(105,195,255,.28);box-shadow:0 20px 70px rgba(0,0,0,.34),0 0 36px rgba(52,119,255,.10),inset 0 0 0 1px rgba(255,255,255,.025)}
.slider:before{content:"";position:absolute;z-index:4;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 0 0 42px rgba(33,101,255,.08)}
.slider__arrow{border-color:rgba(118,211,255,.38);box-shadow:0 0 22px rgba(42,137,255,.11);color:#dff8ff;text-shadow:0 0 12px #5bd7ff}
.slider__arrow:hover{background:rgba(36,94,190,.66);box-shadow:0 0 26px rgba(69,179,255,.24)}
.slider__dots button{box-shadow:0 0 8px rgba(255,255,255,.08)}
.slider__dots button.is-active{box-shadow:0 0 14px rgba(105,220,255,.62)}

/* Game categories — aligned neon dashboard */
.games{background:radial-gradient(700px 320px at 50% 42%,rgba(35,84,195,.08),transparent 72%)}
.game-grid{gap:16px}
.game-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;min-height:122px;padding:22px 24px;border-color:rgba(91,184,255,.18);background:linear-gradient(140deg,rgba(13,28,60,.80),rgba(7,13,29,.82));box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.14)}
.game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(93,221,255,.07),transparent 32%,transparent 70%,rgba(139,75,255,.08));opacity:.55}
.game-card:hover{border-color:rgba(103,215,255,.48);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 32px rgba(52,132,255,.15),inset 0 0 24px rgba(52,122,255,.06)}
.game-card__icon{grid-column:1;grid-row:1/3;align-self:center;width:54px;height:54px;margin:0;border-radius:16px;border-color:rgba(110,221,255,.34);background:radial-gradient(circle at 35% 25%,rgba(67,188,255,.25),rgba(56,78,177,.18) 48%,rgba(64,29,126,.16));box-shadow:0 0 0 1px rgba(95,213,255,.05),0 0 24px rgba(71,168,255,.20),inset 0 0 18px rgba(77,178,255,.10)}
.game-card__icon:before{content:"";position:absolute;width:28px;height:1px;background:#72e8ff;opacity:.24;transform:rotate(-35deg);box-shadow:0 0 10px #72e8ff}
.game-card__icon img{position:relative;z-index:1;width:31px;height:31px;filter:drop-shadow(0 0 5px rgba(105,231,255,.8)) drop-shadow(0 0 12px rgba(77,123,255,.55))}
.game-card strong{grid-column:2;grid-row:1;align-self:end;font-size:1.02rem;line-height:1.15;color:#f7fbff;text-shadow:0 0 12px rgba(104,210,255,.14)}
.game-card small{grid-column:2;grid-row:2;align-self:start;margin-top:7px;color:#91a5c8;line-height:1.25}

/* About & feature cards */
.about{background:radial-gradient(760px 480px at 18% 45%,rgba(42,93,206,.08),transparent 70%),linear-gradient(180deg,transparent,rgba(8,16,38,.50),transparent)}
.about-copy{padding:6px 0}
.about-copy p{line-height:1.78}
.feature-card{position:relative;overflow:hidden;border-color:rgba(98,188,255,.20);background:linear-gradient(145deg,rgba(15,31,66,.78),rgba(7,13,29,.88));box-shadow:0 18px 50px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)}
.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at 0 0,rgba(64,185,255,.12),transparent 62%);pointer-events:none}
.feature-card>span{position:relative;padding:5px 9px;border:1px solid rgba(105,220,255,.22);border-radius:9px;background:rgba(41,114,210,.14);box-shadow:0 0 14px rgba(61,178,255,.10)}
.feature-card:hover{border-color:rgba(108,214,255,.42);box-shadow:0 20px 56px rgba(0,0,0,.25),0 0 26px rgba(65,146,255,.10)}

/* FAQ polish */
.faq{background:radial-gradient(720px 360px at 80% 40%,rgba(116,61,212,.07),transparent 70%)}
.faq details{overflow:hidden;border-color:rgba(98,183,255,.16);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.faq details:hover,.faq details[open]{border-color:rgba(105,210,255,.30);background:rgba(11,24,51,.72);box-shadow:0 0 28px rgba(55,130,255,.07)}
.faq summary{position:relative}
.faq summary:after{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(100,204,255,.20);border-radius:8px;background:rgba(44,110,198,.11);box-shadow:0 0 12px rgba(72,174,255,.08)}
.faq details p{line-height:1.7}

/* Footer & music */
.site-footer{background:linear-gradient(180deg,rgba(3,7,17,.70),rgba(3,7,17,.93));box-shadow:inset 0 1px rgba(85,172,255,.05)}
.footer-links a{border:1px solid rgba(98,181,255,.10);transition:.18s ease}
.footer-links a:hover{color:white;border-color:rgba(103,211,255,.28);background:rgba(29,82,167,.28);box-shadow:0 0 18px rgba(56,149,255,.10)}
.music-player__panel{border-color:rgba(107,202,255,.28);box-shadow:0 22px 75px rgba(0,0,0,.52),0 0 28px rgba(47,123,255,.10)}
.music-player__toggle,.play-btn{box-shadow:0 0 24px rgba(56,139,255,.22),0 14px 40px rgba(0,0,0,.30)}
.track.is-active{box-shadow:inset 3px 0 #65ddff,0 0 16px rgba(52,131,255,.06)}

@media (max-width:900px){
  .hero__copy{padding:24px 22px 26px}
  .game-card{grid-template-columns:52px minmax(0,1fr);column-gap:13px;padding:19px;min-height:112px}
  .game-card__icon{width:48px;height:48px;border-radius:14px}.game-card__icon img{width:27px;height:27px}
}
@media (max-width:620px){
  .section-heading{padding-left:14px}.section-heading:before{height:48px}
  .hero__copy{padding:20px 17px 22px;border-radius:22px}
  .game-grid{gap:10px}
  .game-card{grid-template-columns:44px minmax(0,1fr);column-gap:10px;min-height:100px;padding:14px;border-radius:17px}
  .game-card__icon{width:42px;height:42px;border-radius:12px;margin:0}.game-card__icon img{width:23px;height:23px}
  .game-card strong{font-size:.82rem}.game-card small{font-size:.66rem;margin-top:4px}
  .feature-card{padding:20px}
}
@media (max-width:390px){
  .game-grid{grid-template-columns:1fr}.game-card{min-height:92px}
}
@media (prefers-reduced-motion:reduce){.hero__emblem{animation:none!important}.btn:before{display:none}}

/* Stronger interactive feedback */
.support-chip,.game-card{isolation:isolate}
.support-chip>* ,.game-card>*{position:relative;z-index:2}
.support-chip:active,.support-chip.is-clicked{transform:scale(.97);box-shadow:0 0 10px rgba(108,226,255,.5),0 0 28px rgba(78,117,255,.28)}
.game-card:active,.game-card.is-clicked{border-color:rgba(113,220,255,.75);box-shadow:0 0 12px rgba(78,213,255,.35),0 0 34px rgba(85,90,255,.20),inset 0 0 24px rgba(61,157,255,.08)}
@media (max-width:760px){.storm__bolt{height:42vh;width:7px}.storm__rain{opacity:.045}.pointer-glow{display:none}}

/* ===== V3: DASHBOARD-LOCAL STORM ===== */
/* The storm now lives inside the hero/dashboard instead of hiding behind the page. */
.storm{display:none!important}
.hero{isolation:isolate;background:#050914}
.hero:before{z-index:1}
.hero__aurora{z-index:1}
.hero-storm{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.hero-storm__cloud{position:absolute;border-radius:50%;filter:blur(42px);will-change:transform;opacity:.42}
.hero-storm__cloud--one{width:58%;height:68%;left:-13%;top:-22%;background:radial-gradient(circle,rgba(61,132,255,.52) 0,rgba(40,62,149,.30) 38%,rgba(14,18,55,.08) 64%,transparent 73%);animation:heroCloudA 14s ease-in-out infinite alternate}
.hero-storm__cloud--two{width:64%;height:72%;right:-17%;top:-16%;background:radial-gradient(circle,rgba(118,73,255,.48) 0,rgba(55,60,151,.28) 40%,rgba(18,18,52,.09) 65%,transparent 76%);animation:heroCloudB 18s ease-in-out infinite alternate}
.hero-storm__cloud--three{width:52%;height:46%;left:30%;bottom:-24%;background:radial-gradient(circle,rgba(39,166,255,.25),rgba(43,70,146,.10) 48%,transparent 73%);animation:heroCloudC 11s ease-in-out infinite alternate}
.hero-storm__rain{position:absolute;inset:-35% -12%;opacity:.18;background-image:repeating-linear-gradient(116deg,transparent 0 23px,rgba(165,225,255,.60) 24px,transparent 25px 54px);background-size:118px 118px;animation:heroRain .78s linear infinite;transform:skewX(-3deg)}
.hero-storm__flash{position:absolute;inset:-8%;opacity:0;background:radial-gradient(circle at 68% 8%,rgba(240,250,255,.98),rgba(100,166,255,.48) 15%,rgba(111,74,255,.20) 34%,transparent 58%),linear-gradient(180deg,rgba(132,184,255,.20),transparent 42%);mix-blend-mode:screen}
.hero-storm__flash.is-flashing{animation:heroFlash 1.05s ease-out}
.hero-storm__haze{position:absolute;left:-10%;right:-10%;bottom:-12%;height:45%;opacity:.62;background:radial-gradient(ellipse at 50% 100%,rgba(60,129,255,.32),rgba(45,77,155,.14) 40%,transparent 72%);filter:blur(26px)}
.hero-storm__bolt{position:absolute;top:-5%;height:108%;width:21%;opacity:0;overflow:visible;will-change:opacity,transform;filter:drop-shadow(0 0 5px rgba(255,255,255,.98)) drop-shadow(0 0 13px rgba(66,194,255,.98)) drop-shadow(0 0 30px rgba(89,81,255,.85))}
.hero-storm__bolt--left{left:0%;transform:rotate(-5deg) scale(.96)}
.hero-storm__bolt--center{left:49%;width:18%;transform:rotate(3deg) scale(.92)}
.hero-storm__bolt--right{right:-1%;transform:rotate(-5deg) scale(1.02)}
.hero-storm__bolt .bolt-core{fill:none;stroke:#f7fdff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hero-storm__bolt .bolt-branch{fill:none;stroke:#72dcff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.95;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(83,177,255,.95))}
.hero-storm__bolt.is-striking{animation:heroBoltStrike .92s ease-out}
.hero__content{z-index:4}
.hero__copy{z-index:5}
.hero__emblem{position:relative;z-index:5}
@keyframes heroCloudA{to{transform:translate3d(13%,8%,0) scale(1.12)}}
@keyframes heroCloudB{to{transform:translate3d(-12%,4%,0) scale(1.10)}}
@keyframes heroCloudC{to{transform:translate3d(6%,-8%,0) scale(1.14)}}
@keyframes heroRain{to{transform:translate3d(-72px,122px,0) skewX(-3deg)}}
@keyframes heroFlash{0%,100%{opacity:0}3%{opacity:.92}7%{opacity:.18}11%{opacity:.82}17%{opacity:.08}25%{opacity:.55}40%{opacity:0}}
@keyframes heroBoltStrike{0%,100%{opacity:0}2%{opacity:1}6%{opacity:.16}10%{opacity:1}15%{opacity:.10}21%{opacity:.90}30%{opacity:.22}43%{opacity:0}}

@media (min-width:761px){
  .hero-storm__rain{opacity:.15}
  .hero-storm__cloud{opacity:.46}
  .hero-storm__flash{z-index:3}
  .hero-storm__bolt{z-index:4;height:112%;filter:drop-shadow(0 0 7px rgba(255,255,255,1)) drop-shadow(0 0 18px rgba(66,194,255,1)) drop-shadow(0 0 42px rgba(89,81,255,.95))}
  .hero-storm__bolt .bolt-core{stroke-width:7.5}
  .hero-storm__bolt .bolt-branch{stroke-width:2.8}
}

@media (max-width:760px){
  .hero-storm__rain{opacity:.10}
  .hero-storm__bolt{height:88%;top:0;width:30%}
  .hero-storm__bolt--left{left:-8%}
  .hero-storm__bolt--center{left:46%;width:27%;opacity:0}
  .hero-storm__bolt--right{right:-8%}
  .hero-storm__cloud{opacity:.32}
}
@media (prefers-reduced-motion:reduce){
  /* Keep dashboard storm visible, but reduce continuous motion. */
  .hero-storm__cloud,.hero-storm__rain{animation:none!important}
  .hero-storm__rain{opacity:.055}
  .hero-storm__cloud{opacity:.24}
}