:root{
--color-primary:#0e7490;--color-primary-dark:#0c5f75;--color-primary-soft:#cffafe;
--color-secondary:#059669;--color-accent:#f59e0b;
--color-bg:#f0fdfa;--color-bg-soft:#ecfdf5;--color-surface:#fff;--color-surface-strong:#f8fafc;
--color-card:#fff;--color-card-alt:#f0f9ff;
--color-border:#e2e8f0;--color-border-strong:#cbd5e1;
--color-text:#1e293b;--color-text-soft:#475569;--color-text-muted:#94a3b8;
--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;
--color-footer-bg:#0c4a6e;--color-footer-text:#e0f2fe;
--gradient-hero:linear-gradient(135deg,#0e7490 0%,#059669 100%);
--gradient-button:linear-gradient(135deg,#059669,#10b981);
--gradient-cta:linear-gradient(135deg,#0e7490,#0891b2);
--gradient-footer:linear-gradient(135deg,#0c4a6e,#0e7490);
--shadow-header:0 2px 12px rgba(14,116,144,.12);
--shadow-card:0 4px 16px rgba(14,116,144,.08);
--shadow-card-hover:0 8px 28px rgba(14,116,144,.16);
--shadow-button:0 3px 10px rgba(5,150,105,.25);
--shadow-cta:0 6px 24px rgba(14,116,144,.2);
--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;
--font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Bengali",sans-serif;
--fs-h1:clamp(1.75rem,4vw,2.75rem);--fs-h2:clamp(1.5rem,3vw,2.25rem);--fs-h3:clamp(1.15rem,2vw,1.5rem);
--fs-body:1.0625rem;--fs-small:.875rem;--fs-nav:clamp(13px,.84vw,15px);
--lh-body:1.85;--lh-heading:1.25;
--container-max:1200px;--container-narrow:820px;--container-wide:1100px;
--section-y:clamp(48px,6vw,80px);--gap-md:clamp(16px,2vw,28px);
--header-h:72px;--mobile-header-h:64px;
--motion-normal:.3s;--ease-out:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);line-height:var(--lh-body);font-size:var(--fs-body);overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-normal) var(--ease-out);}
a:hover{color:var(--color-primary-dark);}
ul{list-style:none;padding:0;}
h1,h2,h3,h4,h5,h6{line-height:var(--lh-heading);color:var(--color-text);font-weight:700;}
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);margin-bottom:1.25rem;text-align:center;position:relative;padding-bottom:14px;}
h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--gradient-hero);border-radius:2px;}
h3{font-size:var(--fs-h3);margin-bottom:.75rem;}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm);}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* CONTAINERS */
.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 20px;}
.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 20px;}
.section-pad{padding:var(--section-y) 0;}
.section-alt{background:var(--color-surface);}
.section-cta{background:var(--gradient-hero);color:#fff;}
.section-cta h2,.section-cta p{color:#fff;}
.section-cta h2::after{background:#fff;}

/* HEADER */
.site-header{position:sticky;top:0;z-index:1000;background:var(--gradient-hero);transition:box-shadow var(--motion-normal);}
.site-header.scrolled{box-shadow:var(--shadow-header);}
.header-inner{width:100%;max-width:none;padding-left:clamp(10px,1.2vw,20px);padding-right:clamp(10px,1.2vw,20px);min-height:var(--header-h);display:flex;align-items:center;gap:clamp(10px,1vw,18px);}
.brand-wrap{flex:0 0 auto;margin-right:clamp(4px,.8vw,14px);}
.site-logo{display:block;width:auto;height:clamp(32px,3vw,42px);max-width:clamp(118px,10vw,168px);object-fit:contain;}
.primary-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,.72vw,14px);white-space:nowrap;overflow:visible;}
.primary-nav a{flex:0 1 auto;min-width:0;padding:9px clamp(6px,.65vw,12px);font-size:var(--fs-nav);line-height:1;white-space:nowrap;color:rgba(255,255,255,.88);font-weight:500;border-radius:var(--radius-sm);transition:all var(--motion-normal);}
.primary-nav a:hover,.primary-nav a.active{color:#fff;background:rgba(255,255,255,.15);}
.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:clamp(6px,.6vw,10px);white-space:nowrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;white-space:nowrap;cursor:pointer;border:none;transition:all var(--motion-normal) var(--ease-out);text-decoration:none;}
.btn-login{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.35);}
.btn-login:hover{background:rgba(255,255,255,.25);color:#fff;}
.btn-register{background:var(--color-accent);color:#1e293b;box-shadow:var(--shadow-button);}
.btn-register:hover{background:#d97706;transform:translateY(-1px);}
.nav-toggle{display:none;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all var(--motion-normal);}
.nav-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.nav-toggle.is-active span:nth-child(2){opacity:0;}
.nav-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;backdrop-filter:blur(4px);}
.mobile-menu.is-open{display:block;}
.mobile-nav{background:var(--color-surface);margin:12px;border-radius:var(--radius-lg);padding:16px;max-height:calc(100vh - 96px);overflow-y:auto;box-shadow:var(--shadow-card-hover);}
.mobile-nav a{display:block;padding:14px 16px;color:var(--color-text);font-weight:500;border-radius:var(--radius-sm);transition:background var(--motion-normal);}
.mobile-nav a:hover{background:var(--color-primary-soft);color:var(--color-primary);}

@media(max-width:1180px){
.primary-nav{display:none;}
.nav-toggle{display:inline-flex;}
.header-inner{padding-left:clamp(8px,2.4vw,14px);padding-right:clamp(8px,2.4vw,14px);justify-content:flex-start;gap:clamp(6px,1.8vw,10px);}
.brand-wrap{flex:0 1 auto;margin-right:0;}
.site-logo{height:clamp(30px,8vw,40px);max-width:clamp(104px,27vw,138px);}
.header-actions{margin-left:auto;justify-content:flex-end;gap:clamp(5px,1.6vw,8px);}
.header-actions .btn{min-height:40px;padding-inline:clamp(10px,2.6vw,14px);font-size:clamp(12px,3.2vw,14px);}
}
@media(max-width:375px){
.header-inner{padding-left:8px;padding-right:8px;gap:6px;}
.site-logo{max-width:104px;}
.header-actions .btn{min-height:38px;padding-inline:9px;font-size:12px;}
.nav-toggle{flex-basis:38px;width:38px;height:38px;}
}

/* HERO */
.home-hero{background:var(--gradient-hero);color:#fff;padding:clamp(48px,8vw,100px) 20px;text-align:center;position:relative;overflow:hidden;}
.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none;}
.hero-inner{max-width:var(--container-narrow);margin:0 auto;position:relative;z-index:1;}
.hero-lead{font-size:clamp(1rem,2vw,1.25rem);margin:1rem 0 2rem;opacity:.92;}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-hero-primary{background:var(--color-accent);color:#1e293b;padding:14px 36px;border-radius:var(--radius-pill);font-size:1.05rem;font-weight:700;box-shadow:0 4px 16px rgba(245,158,11,.4);transition:all var(--motion-normal);}
.btn-hero-primary:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 6px 22px rgba(245,158,11,.5);color:#1e293b;}
.btn-hero-secondary{background:rgba(255,255,255,.15);color:#fff;padding:14px 36px;border-radius:var(--radius-pill);font-size:1.05rem;font-weight:600;border:1px solid rgba(255,255,255,.3);}
.btn-hero-secondary:hover{background:rgba(255,255,255,.25);color:#fff;}

/* CONTENT */
.lead-text{font-size:1.1rem;line-height:1.9;}
.section-lead{text-align:center;max-width:700px;margin:0 auto 2rem;color:var(--color-text-soft);}
.content-img{width:100%;max-width:800px;margin:2rem auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block;}
.mt-text{margin-top:1rem;}

/* FEATURE GRID */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap-md);margin-top:2rem;}
.feature-card{background:var(--color-card);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow-card);transition:all var(--motion-normal) var(--ease-out);border:2px solid transparent;}
.feature-card:hover{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:var(--shadow-card-hover);}
.feature-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:14px;}
.feature-card h3{color:var(--color-primary);font-size:1.15rem;margin-bottom:8px;}
.feature-card p{color:var(--color-text-soft);font-size:.95rem;line-height:1.65;}

/* STEPS */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-md);margin-top:2rem;}
.step-card{background:var(--color-card);border-radius:var(--radius-lg);padding:36px 24px 28px;text-align:center;box-shadow:var(--shadow-card);position:relative;border:2px solid var(--color-border);}
.step-number{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:var(--gradient-button);color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-button);}
.step-card h3{color:var(--color-primary);margin-top:12px;}

/* ALERT CARDS */
.alert-card{border-radius:var(--radius-lg);padding:28px;margin:1rem 0;}
.security-card{background:linear-gradient(135deg,#ecfdf5,#cffafe);border-left:5px solid var(--color-primary);}
.warning-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:5px solid var(--color-accent);}
.alert-card h3{color:var(--color-primary);margin-bottom:1rem;}
.warning-card h3{color:#b45309;}
.alert-card ul{padding-left:0;margin:1rem 0;}
.alert-card li{padding:10px 0 10px 28px;position:relative;}
.alert-card li::before{content:"\2713";position:absolute;left:0;color:var(--color-secondary);font-weight:700;font-size:1.1rem;}

/* CTA */
.cta-box{text-align:center;padding:3rem 2rem;border-radius:var(--radius-xl);}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;}
.btn-cta-primary{background:var(--color-accent);color:#1e293b;padding:14px 32px;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;box-shadow:0 4px 16px rgba(245,158,11,.35);}
.btn-cta-primary:hover{background:#d97706;transform:translateY(-2px);color:#1e293b;}
.btn-cta-secondary{background:rgba(255,255,255,.2);color:#fff;padding:14px 32px;border-radius:var(--radius-pill);font-size:1rem;font-weight:600;border:1px solid rgba(255,255,255,.4);}
.btn-cta-secondary:hover{background:rgba(255,255,255,.3);color:#fff;}

/* BREADCRUMB */
.breadcrumb-nav{max-width:var(--container-wide);margin:0 auto;padding:16px 20px 0;}
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-small);color:var(--color-text-muted);}
.breadcrumb li+li::before{content:"/";margin-right:6px;color:var(--color-text-muted);}
.breadcrumb a{color:var(--color-primary);}

/* GAME PAGE SECTIONS */
.game-intro{background:var(--color-surface);border-radius:var(--radius-xl);padding:clamp(28px,4vw,48px);margin:2rem auto;max-width:var(--container-narrow);box-shadow:var(--shadow-card);}
.game-intro p{font-size:1.05rem;line-height:1.85;margin-bottom:1rem;}
.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md);margin:2rem 0;}
.variant-card{background:var(--color-card);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-card);border:2px solid var(--color-border);transition:all var(--motion-normal);}
.variant-card:hover{border-color:var(--color-primary);transform:translateY(-4px);}
.variant-icon{font-size:2.5rem;margin-bottom:10px;}
.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-md);margin:2rem 0;}
.stat-box{background:var(--color-card);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-card);border-top:4px solid var(--color-primary);}
.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);}
.stat-label{color:var(--color-text-muted);font-size:.9rem;margin-top:6px;}
.info-panel{background:linear-gradient(135deg,#f0f9ff,#ecfdf5);border-radius:var(--radius-lg);padding:28px;margin:2rem 0;border-left:5px solid var(--color-secondary);}
.info-panel h3{color:var(--color-primary);margin-bottom:1rem;}
.tips-list{padding-left:0;}
.tips-list li{padding:10px 0 10px 28px;position:relative;font-size:1.02rem;}
.tips-list li::before{content:"\2713";position:absolute;left:0;color:var(--color-secondary);font-weight:700;}

/* AUTH PAGES */
.auth-layout{max-width:900px;margin:0 auto;padding:2rem 20px;}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.auth-form-card{background:var(--color-card);border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px);box-shadow:var(--shadow-card-hover);}
.auth-form-card h2::after{display:none;}
.auth-form-card h2{text-align:left;margin-bottom:1.5rem;}
.form-group{margin-bottom:1.25rem;}
.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--color-text);}
.form-group input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-base);transition:border-color var(--motion-normal);background:var(--color-surface);}
.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(14,116,144,.12);}
.btn-form-submit{width:100%;padding:14px;background:var(--gradient-button);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-button);transition:all var(--motion-normal);}
.btn-form-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-cta);}
.auth-info-card{background:var(--color-card-alt);border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px);}
.auth-steps{margin:1.5rem 0;}
.auth-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:1.25rem;}
.auth-step-num{flex:0 0 36px;width:36px;height:36px;background:var(--gradient-hero);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;}
.auth-step-text h4{font-size:1rem;margin-bottom:4px;}
.auth-step-text p{font-size:.9rem;color:var(--color-text-soft);}
.trust-badges{display:flex;gap:12px;flex-wrap:wrap;margin:1.5rem 0;}
.trust-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-surface);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-card);}
.trust-badge i{font-size:1.2rem;color:var(--color-primary);}
@media(max-width:768px){.auth-grid{grid-template-columns:1fr;}}

/* POLICY PAGES */
.policy-layout{max-width:var(--container-narrow);margin:0 auto;padding:2rem 20px;}
.policy-toc{background:var(--color-card-alt);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:2rem;}
.policy-toc h3{font-size:1rem;margin-bottom:10px;}
.policy-toc ol{padding-left:1.25rem;counter-reset:toc;}
.policy-toc li{padding:6px 0;font-size:.95rem;}
.policy-toc a{color:var(--color-primary);}
.policy-body h2{text-align:left;font-size:1.35rem;margin-top:2.5rem;}
.policy-body h2::after{display:none;}
.policy-body h3{font-size:1.1rem;margin-top:1.5rem;}
.policy-body p{margin-bottom:1rem;}
.policy-note{background:var(--color-primary-soft);border-left:4px solid var(--color-primary);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;font-size:.95rem;}
.policy-updated{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem;}

/* FAQ */
.faq-layout{max-width:var(--container-narrow);margin:0 auto;padding:2rem 20px;}
.faq-group{margin-bottom:2rem;}
.faq-group-title{font-size:1.2rem;color:var(--color-primary);margin-bottom:1rem;padding-bottom:8px;border-bottom:2px solid var(--color-border);}
.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;transition:border-color var(--motion-normal);}
.faq-item.is-open{border-color:var(--color-primary);}
.faq-question{width:100%;padding:16px 20px;background:var(--color-card);border:none;text-align:left;font-size:1rem;font-weight:600;font-family:var(--font-base);cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text);transition:background var(--motion-normal);}
.faq-question:hover{background:var(--color-card-alt);}
.faq-question::after{content:"+";font-size:1.3rem;color:var(--color-primary);transition:transform var(--motion-normal);}
.faq-item.is-open .faq-question::after{content:"\2212";}
.faq-answer{display:none;padding:0 20px 16px;font-size:.95rem;line-height:1.8;color:var(--color-text-soft);}
.faq-item.is-open .faq-answer{display:block;}

/* ABOUT */
.about-layout{max-width:var(--container-narrow);margin:0 auto;padding:2rem 20px;}
.about-story{background:var(--color-card);border-radius:var(--radius-xl);padding:clamp(24px,4vw,40px);margin-bottom:2rem;box-shadow:var(--shadow-card);}
.about-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md);margin:2rem 0;}
.about-data-card{background:var(--color-card);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-card);border-top:4px solid var(--color-secondary);}
.about-data-card .num{font-size:2rem;font-weight:700;color:var(--color-primary);}
.about-value-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap-md);margin:2rem 0;}
.value-card{background:var(--color-card-alt);border-radius:var(--radius-lg);padding:24px;border-left:4px solid var(--color-primary);}

/* FOOTER */
.site-footer{background:var(--gradient-footer);color:var(--color-footer-text);padding:clamp(36px,5vw,60px) 20px 24px;margin-top:clamp(40px,5vw,60px);}
.footer-inner{max-width:var(--container-wide);margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(20px,3vw,36px);}
.footer-col h3{color:#fff;font-size:1.05rem;margin-bottom:1rem;position:relative;padding-bottom:8px;}
.footer-col h3::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--color-accent);border-radius:1px;}
.footer-col p{font-size:.9rem;line-height:1.7;color:rgba(224,242,254,.8);}
.footer-col ul li{margin-bottom:8px;}
.footer-col a{color:rgba(224,242,254,.8);font-size:.9rem;transition:color var(--motion-normal);}
.footer-col a:hover{color:var(--color-accent);}
.footer-email{margin-top:1rem;font-size:.9rem;}
.footer-email i{margin-right:6px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.5rem;text-align:center;}
.footer-bottom p{font-size:.85rem;color:rgba(224,242,254,.7);}
.footer-disclaimer{margin-top:6px;font-size:.8rem;}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;}.footer-brand-col{grid-column:1/-1;}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;}}

/* SWIPER FALLBACK */
.swiper:not(.swiper-initialized){display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 280px;scroll-snap-align:start;}

/* AOS FALLBACK */
[data-aos]{opacity:1!important;transform:none!important;}

/* BACK TO TOP */
.back-to-top{position:fixed;bottom:80px;right:20px;width:44px;height:44px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--motion-normal);z-index:900;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-button);}
.back-to-top.visible{opacity:1;visibility:visible;}

/* PAGE-SPECIFIC OVERRIDES */
.page-home .home-intro p,.page-home .home-gaming p,.page-home .home-bonus p,.page-home .home-payment p,.page-home .home-mobile p{font-size:1.05rem;line-height:1.85;margin-bottom:1rem;}

/* INNER PAGE HERO */
.inner-title-area{background:var(--gradient-hero);color:#fff;padding:clamp(28px,4vw,48px) 20px;text-align:center;}
.inner-title-area h1{max-width:var(--container-narrow);margin:0 auto .75rem;font-size:clamp(1.5rem,3vw,2.25rem);}
.inner-title-area p{max-width:var(--container-narrow);margin:0 auto;opacity:.9;font-size:1.05rem;}

/* GAME DETAIL PAGES */
.game-detail-body{max-width:var(--container-narrow);margin:0 auto;padding:2rem 20px;}
.game-detail-body h2{text-align:left;}
.game-detail-body h2::after{left:0;transform:none;}
.game-detail-body p{margin-bottom:1rem;line-height:1.85;}
.game-detail-body h3{margin-top:1.5rem;}

/* 404 */
.error-page{text-align:center;padding:clamp(60px,10vw,120px) 20px;}
.error-page h1{font-size:clamp(4rem,10vw,8rem);color:var(--color-primary);line-height:1;}
.error-page p{font-size:1.1rem;margin:1rem 0 2rem;color:var(--color-text-soft);}

/* RESPONSIVE */
@media(max-width:640px){
.feature-grid{grid-template-columns:1fr;}
.steps-grid{grid-template-columns:1fr;}
.variant-grid{grid-template-columns:1fr;}
.stats-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:375px){
body{font-size:1rem;}
.container-narrow,.container-wide{padding:0 14px;}
.home-hero{padding:36px 14px;}
}