@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--bg:#100f20;--panel:#1e1b35;--panel2:#25213e;--line:#37314f;--text:#f9f6ff;--muted:#b9b4c9;--pink:#ff418f;--purple:#7d5bee;--yellow:#ffcf62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:#ffa5ca}a:hover{color:white}.topbar{height:72px;position:sticky;top:0;z-index:10;background:#161327f5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3%;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 23px Outfit,Arial}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#ff5299,#8538ef);width:41px;height:41px;border-radius:13px;box-shadow:0 8px 30px #f1418c55;font-weight:900}.header-actions{display:flex;align-items:center;gap:12px}.tag{font-size:12px;border:1px solid #4a3d5b;border-radius:99px;padding:6px 12px;color:#eee3ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;border-radius:11px;padding:10px 20px;text-decoration:none;color:white;font-weight:800;font-size:14px;transition:transform .2s,filter .2s;white-space:nowrap}.btn:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.08)}.btn-pink{background:linear-gradient(110deg,#ff448b,#d42c7c)}.btn-ghost{background:#302b46}.menu-btn{display:none;cursor:pointer;background:#2c2546;border:0;color:#fff;border-radius:10px;padding:11px 14px;font-size:19px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1600px;margin:auto;min-height:90vh}.sidebar{background:#17142a;border-right:1px solid var(--line);padding:26px 16px;position:sticky;top:72px;height:calc(100vh - 72px);align-self:start;overflow:auto}.side-label{font-size:11px;color:#8c82af;letter-spacing:2px;margin:8px 13px 15px;text-transform:uppercase}.nav-link{display:block;color:#c8c0d8;text-decoration:none;padding:12px 15px;border-radius:10px;margin:4px 0;font-size:14px;font-weight:700}.nav-link:hover,.nav-link.active{background:#37294c;color:white}.nav-link.active{box-shadow:inset 3px 0 #ff438c}.side-small{margin-top:35px;padding:17px;background:#211a37;border-radius:15px;color:#cfc4df;font-size:12px;line-height:1.7}.content{width:min(1080px,100%);padding:32px 42px 72px;margin:auto}.hero{border:1px solid #4d3760;background:radial-gradient(ellipse at 75% 30%,#8f2d79 0%,#392051 45%,#201831 83%);border-radius:24px;min-height:345px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;position:relative;padding:39px 41px;margin-bottom:32px}.hero h1{font:800 clamp(29px,3.5vw,53px)/1.09 Outfit,Arial;letter-spacing:-.03em;margin:13px 0 16px;max-width:740px}.hero .lede{font-size:16px;color:#e4d6e9;max-width:670px;line-height:1.75}.hero-image{width:100%;max-height:315px;object-fit:cover;border-radius:18px;box-shadow:0 24px 80px #05000a75}.hero figure{margin:0;transform:rotate(3deg)}.hero-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.eyebrow{font-size:11px;color:#ffadcd;letter-spacing:2px;font-weight:800}.content-section{background:#1a172c;border:1px solid #302941;border-radius:20px;padding:29px 32px;margin:22px 0}.content-section h2{margin:0 0 16px;font:800 clamp(23px,2.3vw,31px)/1.25 Outfit,Arial;letter-spacing:-.02em}.content-section h3,.cta-card h3{font:700 20px Outfit,Arial}.content-section p{margin:0 0 15px;color:#cec8da}.content-section p:last-child{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.feature-card,.slot{background:linear-gradient(145deg,#28213f,#1c192e);border:1px solid #3a3256;border-radius:18px;padding:22px}.feature-card h3{margin:9px 0 8px}.feature-card p{font-size:14px;color:#c0bad0;margin:0}.feature-dot{color:var(--yellow);font-size:24px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#532758,#382447 57%,#27213f);border:1px solid #a14a86;border-radius:19px;margin:26px 0;padding:24px 29px}.cta-card h3{margin:0 0 4px}.cta-card p{color:#f1dbea;margin:0 0 5px;font-size:14px}.cta-card small{font-size:11px;color:#ffcae3}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 2px}.slot{display:flex;flex-direction:column;gap:5px;text-align:center;padding:17px 6px}.slot span{font-size:37px}.slot b{font-size:14px}.slot small{color:#b3a8cb}.table-wrap{overflow:auto;border-radius:11px;border:1px solid var(--line);margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid #37304b;padding:13px 16px;text-align:left;vertical-align:top}th{width:36%;background:#252039;color:#fff}td{color:#cfc8dc}tr:last-child th,tr:last-child td{border:0}.check-list{padding-left:23px;color:#d8d1e5}.check-list li{margin:8px 0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:19px}.offer{border-radius:17px;background:linear-gradient(145deg,#41235f,#271f42);padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.offer small{color:#ffbed7;letter-spacing:2px}.offer strong{font:800 43px Outfit}.offer span{color:#e3d7ee;min-height:52px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:700;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:'+';color:#ff72a9}.faq details[open] summary:after{content:'−'}.faq p{padding-top:10px!important}.site-footer{background:#161328;border-top:1px solid var(--line);padding:45px max(32px,5%);color:#b8b1c8}.footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:38px}.footer-links{display:flex;gap:10px 22px;flex-wrap:wrap}.footer-links a{color:#d6cce5;font-size:13px;text-decoration:none}.footer-icons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.footer-pill{border:1px solid #52475e;border-radius:8px;padding:7px 12px;font-size:13px;color:white}.legal{font-size:12px;color:#aaa3bb;margin-top:25px;max-width:1100px}.shade{display:none}body.sidebar-collapsed .layout{grid-template-columns:0 minmax(0,1fr)}body.sidebar-collapsed .sidebar{width:0;overflow:hidden;padding:0;border:0}.collapse{background:transparent;border:1px solid #4e4162;color:white;padding:7px 13px;border-radius:9px;cursor:pointer;margin:15px}.foot-visual{width:95px;max-height:70px;object-fit:contain;border-radius:8px}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:72px;bottom:0;left:0;z-index:20;width:260px;transform:translateX(-105%);transition:transform .2s;height:calc(100vh - 72px);box-shadow:20px 0 50px #0008}body.menu-open .sidebar{transform:translateX(0)}body.menu-open .shade{display:block;position:fixed;inset:72px 0 0;z-index:19;background:#0009}.menu-btn{display:block}.content{padding:24px 20px 55px}.hero{padding:30px}.hero figure{display:none}.hero{grid-template-columns:1fr;min-height:auto}.sidebar .collapse{display:none}}@media(max-width:600px){.topbar{padding:0 13px}.brand{font-size:19px}.tag,.header-actions>.btn{display:none}.hero{padding:25px 21px;border-radius:17px}.hero h1{font-size:32px}.hero .lede{font-size:14px}.content{padding:17px 12px 45px}.content-section{padding:23px 19px;border-radius:16px}.feature-grid,.offer-grid{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,1fr)}.cta-card{flex-direction:column;align-items:flex-start;padding:21px}.cta-card .btn{width:100%}.footer-inner{grid-template-columns:1fr;gap:13px}.site-footer{padding:33px 21px}.offer strong{font-size:38px}table{font-size:12px}th,td{padding:10px}.btn{white-space:normal;text-align:center}}.logo-img{width:74px;height:48px;object-fit:cover;border-radius:9px}.site-footer .logo-img{width:90px;height:58px} 
/* Sidebar controls and accessible navigation */
.sidebar-desktop-toggle{display:inline-flex;align-items:center;gap:9px;order:-1;background:#2b2343;color:#fff;border:1px solid #51416a;border-radius:10px;padding:9px 13px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s}
.sidebar-desktop-toggle:hover{background:#47315d}
.nav-link{display:flex;align-items:center;gap:11px;min-height:47px;white-space:normal;line-height:1.35}
.nav-icon{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 27px;font:700 21px Arial,sans-serif;color:#ff77b8;background:#322344;border-radius:8px}
.nav-link.active{background:linear-gradient(95deg,#7729a2,#4e245b);box-shadow:inset 3px 0 #ff82c5}
.nav-link.active .nav-icon{background:#ffffff20;color:white}
.sidebar{scrollbar-width:thin;scrollbar-color:#554565 transparent}
.sidebar .collapse{width:calc(100% - 30px);margin:16px 15px 5px;min-height:40px}
body.sidebar-collapsed .sidebar{visibility:hidden}
.footer-icons .footer-pill{display:inline-flex;align-items:center}
@media(max-width:960px){.sidebar-desktop-toggle{display:none}body.sidebar-collapsed .sidebar{visibility:visible;width:260px;padding:26px 16px;border-right:1px solid var(--line);overflow:auto}body.sidebar-collapsed .layout{grid-template-columns:1fr}.sidebar{transition:transform .24s ease}.menu-btn{min-width:45px}}
@media(max-width:600px){.logo-img{width:68px;height:45px}}

/* 2026-10-14: Full-width page shell. Never center the entire sidebar + page
   in a fixed-width wrapper; that produced an empty strip on wide monitors. */
@media (min-width:961px) {
  .layout {
    width:100%;
    max-width:none;
    margin:0;
    grid-template-columns:245px minmax(0,1fr);
    justify-content:stretch;
    align-items:start;
  }
  .sidebar {
    width:245px;
    min-width:0;
    left:0;
    margin:0;
    z-index:5;
  }
  .content {
    box-sizing:border-box;
    width:100%;
    max-width:1300px;
    min-width:0;
    margin:0;
    padding:32px clamp(22px,3vw,56px) 72px;
  }
  body.sidebar-collapsed .layout {grid-template-columns:0 minmax(0,1fr)}
  body.sidebar-collapsed .sidebar {width:0}
}
@media (max-width:960px) {
  .layout {width:100%;max-width:none;margin:0;display:block}
  .content {margin:0 auto;max-width:100%}
}

/* Center the page content within the workspace to the right of the fixed sidebar. */
@media (min-width:961px) {
 .layout {grid-template-columns:245px minmax(0,1fr)!important;max-width:none!important;width:100%!important}
 .content {width:min(100%,1220px)!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;padding:32px clamp(24px,3vw,52px) 72px!important}
 body.sidebar-collapsed .layout {grid-template-columns:0 minmax(0,1fr)!important}
}
.editorial-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 30px}
.editorial-image-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#211936;border:1px solid #49335e}
.editorial-image-grid img{display:block;width:100%;aspect-ratio:2.7/1;object-fit:cover}
.editorial-image-grid figcaption{font-size:13px;color:#d5c6e8;padding:10px 14px 12px}
@media(max-width:700px){.editorial-image-grid{grid-template-columns:1fr;gap:12px}.editorial-image-grid img{aspect-ratio:2.7/1}}

/* Home hero without the outdated game-strip screenshot */
.hero.hero-no-image{grid-template-columns:minmax(0,1fr)}
.hero.hero-no-image > div{max-width:830px}

/* Centered, balanced footer across wide and narrow screens */
.site-footer{width:100%;text-align:center;padding:48px 24px 30px}
.site-footer .footer-inner{width:min(100%,1000px);max-width:1000px;margin:0 auto;grid-template-columns:1fr 1fr;align-items:start;justify-items:center;gap:36px;text-align:center}
.site-footer .footer-inner>div{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}
.site-footer .brand,.site-footer .footer-icons,.site-footer .footer-links{justify-content:center}
.site-footer .footer-links{align-items:center}
.site-footer .legal{margin:34px auto 0;max-width:1000px;text-align:center}
@media(max-width:700px){.site-footer .footer-inner{grid-template-columns:1fr;gap:18px}.site-footer{padding:34px 18px}.site-footer .legal{margin-top:22px}}