@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--bg:#030812;--panel:#071322;--panel2:#0a192a;--text:#eef7ff;--muted:#91a6bc;--blue:#49baff;--cyan:#7ee7ff;--purple:#6877ff;--line:rgba(130,205,255,.14);--glow:rgba(55,176,255,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(31,160,255,.10),transparent 27%),radial-gradient(circle at 85% 25%,rgba(91,86,255,.10),transparent 30%),linear-gradient(#030812,#050d18 60%,#030812)}body:after{content:"";position:fixed;inset:-100%;pointer-events:none;z-index:-1;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#69d7ff 1px,transparent 1px);background-size:110px 110px,170px 170px;background-position:0 0,35px 55px;animation:snow 28s linear infinite}@keyframes snow{to{transform:translate3d(70px,120px,0)}}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 24px}

/* Header + navigation dropdowns */
header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px clamp(20px,5vw,72px);background:rgba(3,8,18,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(126,207,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:12px;object-fit:cover;object-position:center;filter:drop-shadow(0 0 13px rgba(62,190,255,.38));border:1px solid rgba(126,220,255,.22)}.logo{font-size:20px;font-weight:900;letter-spacing:.3px}.logo b{color:var(--blue)}nav{display:flex;align-items:center;justify-content:center;gap:6px;color:#b7c7d9;font-size:14px;font-weight:700}.nav-link,nav summary{padding:10px 12px;border-radius:11px;cursor:pointer;list-style:none;white-space:nowrap}.nav-link:hover,nav summary:hover,.nav-link.active,nav details[open] summary{color:#fff;background:rgba(255,255,255,.055);box-shadow:inset 0 0 20px rgba(75,180,255,.05)}nav details{position:relative}nav summary::-webkit-details-marker{display:none}.nav-drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:245px;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(6,17,30,.96);backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 40px rgba(30,150,255,.08);animation:drop .18s ease}.nav-drop a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:11px;color:#b9cadb}.nav-drop a:hover{background:rgba(65,181,255,.09);color:#fff;transform:translateX(2px)}.nav-drop small{display:block;padding:7px 12px 5px;color:#6ebfe9;letter-spacing:1.5px;font-weight:800;font-size:10px}@keyframes drop{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}.navbtn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(120,200,255,.26);border-radius:12px;padding:11px 17px;font-weight:800;font-size:14px;background:rgba(255,255,255,.035);transition:.22s ease}.navbtn:hover,.btn:hover{transform:translateY(-2px);border-color:rgba(120,210,255,.55);box-shadow:0 12px 35px rgba(0,140,255,.12)}.btn.main{background:linear-gradient(135deg,#13a9ff,#5967f4);border-color:transparent;box-shadow:0 12px 35px rgba(35,150,255,.23)}


/* Game Panel CTA */
.header-actions{display:flex;align-items:center;gap:10px;min-width:max-content}.panelbtn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:13px;color:#eaf8ff;font-weight:900;font-size:13px;background:linear-gradient(135deg,rgba(16,151,255,.20),rgba(105,89,255,.16));border:1px solid rgba(92,201,255,.34);box-shadow:inset 0 0 22px rgba(66,181,255,.06),0 0 0 rgba(54,176,255,0);overflow:hidden;transition:.25s ease}.panelbtn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 45%,transparent 70%);transform:translateX(-120%);animation:panelShine 4s ease-in-out infinite}.panelbtn:hover{transform:translateY(-2px);border-color:rgba(117,221,255,.72);box-shadow:0 10px 35px rgba(21,154,255,.20),inset 0 0 24px rgba(88,108,255,.10)}.panelbtn span,.panelbtn i{position:relative;z-index:1}.panel-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(86,199,255,.12);box-shadow:0 0 18px rgba(65,191,255,.16)}.panelbtn i{font-style:normal;color:#7cddff;font-size:15px;transition:.2s}.panelbtn:hover i{transform:translate(2px,-2px)}@keyframes panelShine{0%,65%,100%{transform:translateX(-120%)}78%{transform:translateX(120%)}}.panel-hero{background:linear-gradient(135deg,#18b7ff,#5668ff,#7a5cff);border-color:transparent;box-shadow:0 14px 42px rgba(49,137,255,.30)}.panel-hero i{font-style:normal;transition:.2s}.panel-hero:hover i{transform:translate(3px,-3px)}

/* Hero */
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:#06111d}.hero .back{position:absolute;inset:0;background:url('assets/hero.webp') center/cover no-repeat;opacity:.72;transform:scale(1.03);animation:heroZoom 16s ease-in-out infinite alternate}.hero .shade{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(0,183,255,.13),transparent 34%),linear-gradient(90deg,#030812 3%,rgba(3,8,18,.91) 35%,rgba(3,8,18,.42) 67%,rgba(3,8,18,.72) 100%)}@keyframes heroZoom{to{transform:scale(1.08)}}.heroText{position:relative;z-index:1;max-width:820px;padding:105px 5%}.hero-logo{width:130px;height:130px;object-fit:cover;border-radius:34px;border:1px solid rgba(126,220,255,.25);box-shadow:0 0 55px rgba(25,174,255,.22);margin-bottom:20px}.heroText small,.pagehero small,.section>small,.center small{color:#72ccff;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(55px,9vw,110px);line-height:.9;margin:15px 0 22px;letter-spacing:-5px}.hero h1 span,h2 span,.pagehero h1 span{background:linear-gradient(90deg,#5bd1ff,#6e82ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#b7c7d9;max-width:670px;font-size:18px}.heroText .btn{margin:18px 10px 0 0}.hero aside{display:flex;gap:35px;margin-top:45px;flex-wrap:wrap}.hero aside b{font-size:18px}.hero aside em{display:block;font-size:11px;color:#91a5ba;font-style:normal;font-weight:500}.floating-badge{position:absolute;right:7%;bottom:14%;z-index:2;padding:15px 18px;border:1px solid rgba(113,207,255,.2);border-radius:15px;background:rgba(4,14,25,.62);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.28);color:#a9dbf8;font-weight:800;animation:float 4s ease-in-out infinite}.floating-badge strong{color:#fff}.floating-badge span{color:#5fc8ff}@keyframes float{50%{transform:translateY(-9px)}}

/* Sections */
.section{padding:95px 0}.section.dark{background:linear-gradient(180deg,rgba(7,17,30,.72),rgba(3,8,18,.55));border-block:1px solid rgba(126,207,255,.06)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:8px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.grid.four{grid-template-columns:repeat(4,1fr)}article,.panel,.plan{background:linear-gradient(145deg,rgba(12,30,48,.82),rgba(5,14,25,.94));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.16);position:relative;overflow:hidden;transition:.25s ease}article:before,.panel:before,.price-card:before{content:"";position:absolute;inset:-100px auto auto -80px;width:220px;height:220px;background:rgba(40,176,255,.09);filter:blur(40px);border-radius:50%;pointer-events:none}article:hover{transform:translateY(-7px);border-color:rgba(83,198,255,.42);box-shadow:0 25px 70px rgba(0,100,220,.14)}article .emoji{font-size:35px}article h3,.plan h3{font-size:22px;margin:10px 0}article p,.plan p,.panel p{color:#9fb1c5}.center{text-align:center}h2{font-size:clamp(34px,5vw,55px);line-height:1.05;margin:12px 0;letter-spacing:-1.8px}.badge,.coming{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid rgba(90,190,255,.22);border-radius:999px;background:rgba(40,150,255,.08);color:#8fd8ff;font-size:12px;font-weight:900;letter-spacing:.4px}.coming{margin-bottom:18px}.cta{max-width:1132px;margin:30px auto 90px;padding:45px;border-radius:25px;background:linear-gradient(135deg,rgba(30,145,255,.15),rgba(88,101,242,.10));border:1px solid rgba(100,190,255,.18);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 25px 80px rgba(0,100,220,.08)}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:20px;color:#8194aa;border-top:1px solid rgba(255,255,255,.08)}footer b{color:#fff}.pagehero{position:relative;padding:105px 0 80px;background:radial-gradient(circle at 72% 20%,rgba(40,150,255,.16),transparent 35%),radial-gradient(circle at 25% 0,rgba(91,86,255,.08),transparent 30%),#07111e;border-bottom:1px solid rgba(130,190,255,.1);overflow:hidden}.pagehero:after{content:"❄";position:absolute;right:7%;top:25%;font-size:170px;color:rgba(95,198,255,.035);transform:rotate(-12deg)}.pagehero h1{font-size:clamp(45px,6vw,76px);line-height:.96;margin:14px 0;letter-spacing:-3px}.pagehero p{max-width:760px;color:#aebfd2;font-size:17px}

/* Pricing / dropdowns */
.price-table{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.price-card{position:relative;overflow:hidden;padding:27px;border-radius:18px;border:1px solid rgba(130,190,255,.13);background:linear-gradient(145deg,rgba(12,31,49,.95),rgba(6,16,28,.98));transition:.25s ease}.price-card:hover{transform:translateY(-7px);border-color:rgba(87,195,255,.42);box-shadow:0 22px 65px rgba(0,120,220,.16)}.price-card h3{letter-spacing:.5px;margin:7px 0}.plan-icon{font-size:31px}.price{font-size:29px;font-weight:900;color:#6bc7ff}.price small{font-size:12px;color:#8da4b9;font-weight:700}.specs{list-style:none;padding:0;margin:18px 0 0}.specs li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#b6c7d8}.specs li:last-child{border-bottom:0}.featured{border-color:#42b6ff;box-shadow:0 0 45px rgba(50,170,255,.1)}.wide{width:100%;text-align:center;margin-top:20px}.note{margin-top:28px;color:#8fa5ba}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mini-grid span{padding:12px 14px;border:1px solid rgba(130,190,255,.10);border-radius:12px;background:rgba(255,255,255,.025);color:#b7c9db}.feature-panel{margin-top:24px;background:linear-gradient(135deg,rgba(20,117,190,.12),rgba(88,101,242,.07))}.plan-dropdown{margin-top:20px;border:1px solid rgba(100,190,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(12,31,49,.72),rgba(6,16,28,.92));overflow:hidden;box-shadow:0 15px 55px rgba(0,0,0,.18)}.plan-dropdown summary{list-style:none;cursor:pointer;padding:23px 26px;display:flex;align-items:center;gap:15px;font-size:18px;font-weight:900;color:#edf7ff;background:rgba(255,255,255,.025)}.plan-dropdown summary::-webkit-details-marker{display:none}.plan-dropdown summary:after{content:'＋';margin-left:auto;color:#69c7ff;font-size:23px}.plan-dropdown[open] summary:after{content:'−'}.plan-dropdown summary b{margin-left:auto;font-size:11px;color:#84d2ff;text-transform:uppercase;letter-spacing:.9px}.dropdown-content{padding:22px 24px 27px}.category-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.category-title h3{margin:3px 0 0;font-size:28px}.category-title span{color:#77d4ff;font-weight:800}.coming-box{text-align:center;padding:42px}.coming-large{font-size:31px;font-weight:900;color:#73d1ff;letter-spacing:1px;text-shadow:0 0 25px rgba(70,190,255,.25)}.coming-box .mini-grid{text-align:left}.faq{max-width:920px;margin:auto;padding:80px 24px}.faq details{border:1px solid rgba(130,190,255,.11);border-radius:16px;margin:12px 0;padding:0;background:rgba(255,255,255,.025);overflow:hidden}.faq summary{cursor:pointer;font-weight:800;padding:20px 22px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';float:right;color:#68c8ff}.faq details[open] summary:after{content:'−'}.faq p{color:#aabacd;padding:0 22px 20px;margin:0}.bot-plans{grid-template-columns:repeat(4,1fr)}

/* Home feature strip */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-40px;position:relative;z-index:4;padding:0 24px}.stat{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(6,17,30,.88);backdrop-filter:blur(15px);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2)}.stat strong{display:block;font-size:22px}.stat span{font-size:12px;color:#8fa6bb}

@media(max-width:1000px){nav{gap:1px}.nav-link,nav summary{padding:9px 8px}.grid.four,.bot-plans{grid-template-columns:repeat(2,1fr)}.price-table{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:repeat(2,1fr)}.stat-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{flex-wrap:wrap;padding:12px 18px}.header-actions{margin-left:auto}.panelbtn span:not(.panel-icon){display:none}.panelbtn{padding:10px 12px}header nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}.nav-drop{position:fixed;top:112px;left:18px;transform:none;width:min(300px,calc(100vw - 36px))}.navbtn{margin-left:auto}.hero{min-height:720px}.heroText{padding:95px 6% 120px}.hero h1{font-size:clamp(48px,15vw,78px);letter-spacing:-3px}.floating-badge{display:none}.grid,.grid.four,.price-table,.bot-plans,.two-panels{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr;padding:0 14px}.section{padding:72px 0}.section-head{align-items:flex-start;flex-direction:column}.mini-grid{grid-template-columns:1fr}.cta,footer{flex-direction:column;align-items:flex-start}.pagehero{padding:75px 0 58px}.pagehero h1{font-size:clamp(42px,13vw,62px)}.category-title{align-items:flex-start;flex-direction:column}.plan-dropdown summary{padding:20px}.plan-dropdown summary b{display:none}}
@media(max-width:450px){.header-actions{gap:6px}.panelbtn{padding:9px 10px}.navbtn{padding:9px 11px}.logo{font-size:17px}.brand-mark{width:36px;height:36px}.hero-logo{width:105px;height:105px}.stat-strip{grid-template-columns:1fr}.hero aside{gap:18px}.hero aside b{font-size:16px}}

/* Currency selector */
.currency-wrap{position:relative;display:flex;align-items:center;gap:6px;padding:4px 7px 4px 9px;border:1px solid rgba(105,205,255,.20);border-radius:12px;background:rgba(7,20,34,.72);box-shadow:0 0 24px rgba(0,160,255,.06);backdrop-filter:blur(14px)}
.currency-label{font-size:14px;filter:drop-shadow(0 0 7px rgba(95,210,255,.45))}
.currency-wrap select{appearance:none;border:0;outline:0;background:transparent;color:#dff5ff;font:700 12px Inter,sans-serif;cursor:pointer;padding:7px 22px 7px 3px;min-width:54px}
.currency-wrap:after{content:'⌄';position:absolute;right:9px;color:#69caff;pointer-events:none;font-size:12px}
.currency-wrap select option{background:#071322;color:#eef7ff}
.currency-status{font-size:10px;color:#678197;opacity:.9}
.converted-price{white-space:nowrap}
@media(max-width:760px){.currency-wrap{order:0}.currency-wrap select{max-width:75px}.currency-status{font-size:9px}}