*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{overflow-x:clip;width:100%;font-family:'Hind Siliguri',sans-serif;background:var(--bg-main);color:var(--text-main);font-size:1rem;line-height:1.8}.breadcrumb-wrap{background:linear-gradient(90deg,#0c1a2e,var(--primary-deeper,var(--primary)));padding:10px 0}.breadcrumb{margin:0;background:none;padding:0}.breadcrumb-item a{color:#7dd3fc;text-decoration:none;font-size:0.87rem}.breadcrumb-item a:hover{color:var(--text-light)}.breadcrumb-item.active{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.87rem}.breadcrumb-item + .breadcrumb-item::before{color:#7dd3fc}.hero-section{background:linear-gradient(135deg,#0c1a2e 0%,var(--primary-deeper,var(--primary)) 60%,#0891b2 100%);padding:72px 0 60px;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(34,197,94,0.12) 0%,transparent 70%)}.hero-badge{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);color:#7dd3fc;font-size:0.82rem;font-weight:600;padding:5px 16px;border-radius:50px;margin-bottom:18px;letter-spacing:0.04em}.hero-section h1{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;color:var(--text-light);line-height:1.3;margin-bottom:18px}.hero-desc{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:1.05rem;line-height:1.85;margin-bottom:28px;max-width:580px}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--green),var(--green-dark));color:var(--text-light);font-weight:700;font-size:1rem;padding:13px 32px;border-radius:50px;text-decoration:none;box-shadow:0 6px 20px rgba(34,197,94,0.32);transition:transform 0.18s,box-shadow 0.18s;margin-right:12px;margin-bottom:10px}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(34,197,94,0.4);color:var(--text-light)}.hero-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid rgba(255,255,255,0.35);color:var(--text-light);font-weight:600;font-size:0.96rem;padding:12px 28px;border-radius:50px;text-decoration:none;transition:all 0.2s;margin-bottom:10px}.hero-btn-outline:hover{background:rgba(255,255,255,0.1);color:var(--text-light)}.hero-floats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-float-item{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:var(--bg-light);font-size:0.82rem;padding:7px 16px;border-radius:50px;display:flex;align-items:center;gap:6px}.hero-float-item i{color:var(--green)}.hero-graphic{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-game-tile{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.13);border-radius:14px;padding:20px 16px;text-align:center;transition:transform 0.2s;cursor:default}.hero-game-tile:hover{transform:translateY(-4px);background:rgba(255,255,255,0.12)}.hero-game-tile .tile-icon{font-size:2.2rem;margin-bottom:8px}.hero-game-tile .tile-name{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.8rem;font-weight:600}.hero-game-tile .tile-tag{color:#7dd3fc;font-size:0.72rem;margin-top:4px}.stats-bar{background:linear-gradient(90deg,var(--primary-deeper,var(--primary)),#0891b2);padding:20px 0;border-top:2px solid rgba(34,197,94,0.3);border-bottom:2px solid rgba(34,197,94,0.3)}.stat-item{text-align:center;padding:0 20px}.stat-num{font-size:1.55rem;font-weight:700;color:var(--text-light);line-height:1.2}.stat-label{font-size:0.78rem;color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);margin-top:2px}.stat-divider{width:1px;height:40px;background:rgba(186,230,253,0.25);align-self:center}.section-title{display:inline-block;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;color:var(--bg-dark);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.section-sub{color:var(--text-sub);font-size:0.97rem;max-width:600px;margin:0 auto 0;line-height:1.75}.section-divider{border:none;border-top:2px solid var(--border);margin:18px auto 32px;max-width:80px;opacity:1}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.cat-tab{padding:8px 22px;border-radius:50px;border:2px solid var(--border);background:var(--text-light);color:var(--text-sub);font-weight:600;font-size:0.88rem;cursor:pointer;transition:all 0.2s;text-decoration:none}.cat-tab:hover,.cat-tab.active{background:linear-gradient(90deg,var(--blue),var(--blue-dark));color:var(--text-light);border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 25%,transparent)}.game-card{background:var(--text-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;transition:transform 0.22s,box-shadow 0.22s;height:100%;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.game-card-img{width:100%;height:160px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.game-card-badge{position:absolute;top:10px;right:10px;background:linear-gradient(90deg,#ef4444,#f97316);color:var(--text-light);font-size:0.72rem;font-weight:700;padding:3px 10px;border-radius:50px}.game-card-badge.green{background:linear-gradient(90deg,var(--secondary),var(--secondary-dark,var(--secondary)))}.game-card-badge.blue{background:linear-gradient(90deg,var(--primary),var(--primary-deeper,var(--primary)))}.game-card-body{overflow-x:clip;width:100%;padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}.game-card-title{font-size:1.05rem;font-weight:700;color:var(--bg-dark);margin-bottom:8px}.game-card-desc{font-size:0.87rem;color:var(--text-sub);line-height:1.7;flex:1;margin-bottom:14px}.game-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.game-meta-tag{font-size:0.76rem;color:var(--generated-muted);background:#f1f5f9;padding:3px 10px;border-radius:50px;display:flex;align-items:center;gap:4px}.game-meta-tag i{color:var(--blue)}.game-card-btn{display:block;text-align:center;background:linear-gradient(90deg,var(--blue),var(--blue-dark));color:var(--text-light);font-weight:700;font-size:0.9rem;padding:10px 20px;border-radius:50px;text-decoration:none;transition:opacity 0.2s}.game-card-btn:hover{opacity:0.88;color:var(--text-light)}.game-card-btn.green-btn{background:linear-gradient(90deg,var(--green),var(--green-dark))}.feature-card{background:var(--text-light);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-top:4px solid var(--blue);height:100%;transition:transform 0.2s,box-shadow 0.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card.green-top{border-top-color:var(--green)}.feature-card.orange-top{border-top-color:#f97316}.feature-card.purple-top{border-top-color:#7c3aed}.feature-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:16px}.feature-card h5{font-size:1.05rem;font-weight:700;color:var(--bg-dark);margin-bottom:10px}.feature-card p{font-size:0.88rem;color:var(--text-sub);line-height:1.78;margin:0}.content-card{background:var(--text-light);border-radius:var(--radius);padding:32px 30px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:5px solid var(--blue);margin-bottom:24px}.content-card.green-left{border-left-color:var(--green)}.content-card.orange-left{border-left-color:#f97316}.content-card h2{font-size:1.25rem;font-weight:700;color:var(--bg-dark);margin-bottom:16px;display:flex;align-items:center;gap:10px}.content-card p{color:var(--text-sub);font-size:0.95rem;line-height:1.85;margin-bottom:14px}.content-card p:last-child{margin-bottom:0}.content-card ul{padding-left:18px;color:var(--text-sub);font-size:0.95rem;line-height:1.9}.content-card ul li{margin-bottom:8px}.sec-icon{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-light),color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%));color:var(--blue);font-size:1rem;flex-shrink:0}.sec-icon.green{background:linear-gradient(135deg,#f0fdf4,#bbf7d0);color:var(--green)}.sec-icon.orange{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#f97316}.sidebar-box{background:var(--text-light);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:22px}.sidebar-box h5{font-size:1rem;font-weight:700;color:var(--bg-dark);margin-bottom:16px;display:flex;align-items:center;gap:8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f1f5f9;text-decoration:none;color:var(--text-sub);font-size:0.88rem;transition:color 0.18s}.sidebar-link:last-child{border-bottom:none}.sidebar-link:hover{color:var(--blue)}.sidebar-link-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.promo-banner{background:linear-gradient(135deg,#0c1a2e,var(--primary-deeper,var(--primary)));border-radius:var(--radius);padding:32px 28px;color:var(--text-light);text-align:center;margin-bottom:22px}.promo-banner h5{font-weight:700;font-size:1.1rem;margin-bottom:8px}.promo-banner p{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.87rem;margin-bottom:18px}.promo-btn{display:block;background:linear-gradient(90deg,var(--green),var(--green-dark));color:var(--text-light);font-weight:700;font-size:0.92rem;padding:12px 20px;border-radius:50px;text-decoration:none;margin-bottom:10px;box-shadow:0 4px 14px rgba(34,197,94,0.3)}.promo-btn:hover{opacity:0.9;color:var(--text-light)}.promo-btn-outline{display:block;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);color:var(--text-light);font-weight:600;font-size:0.88rem;padding:10px 20px;border-radius:50px;text-decoration:none}.promo-btn-outline:hover{background:rgba(255,255,255,0.18);color:var(--text-light)}.info-box{background:color-mix(in srgb,var(--bg-light) 65%,#fff 35%);border:1px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);border-left:4px solid var(--blue);border-radius:10px;padding:14px 18px;font-size:0.89rem;color:var(--text-sub);margin-top:16px}.info-box p{margin:0}.cta-section{background:linear-gradient(135deg,#0c1a2e 0%,var(--primary-deeper,var(--primary)) 100%);border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,0.15) 0%,transparent 70%)}.cta-section h3{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text-light);margin-bottom:14px;position:relative}.cta-section p{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:1rem;line-height:1.8;margin-bottom:28px;max-width:520px;margin-left:auto;margin-right:auto;position:relative}.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--green),var(--green-dark));color:var(--text-light);font-weight:700;font-size:1rem;padding:14px 34px;border-radius:50px;text-decoration:none;box-shadow:0 6px 22px rgba(34,197,94,0.35);transition:transform 0.18s;position:relative}.btn-cta-primary:hover{transform:translateY(-2px);color:var(--text-light)}.btn-cta-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid rgba(255,255,255,0.35);color:var(--text-light);font-weight:600;font-size:0.96rem;padding:13px 30px;border-radius:50px;text-decoration:none;transition:all 0.2s;position:relative}.btn-cta-outline:hover{background:rgba(255,255,255,0.1);color:var(--text-light)}.cta-tags{position:relative}.cta-tag{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.85rem;margin:0 10px}.cta-tag i{color:var(--green)}@media(max-width:991px){.hero-graphic{display:none}}@media(max-width:576px){.cta-section{padding:40px 22px}.content-card{padding:24px 18px}}