*,*::before,*::after{box-sizing:border-box}body{background-color:var(--bg);color:var(--muted);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.8}h1,h2,h3,h4,h5,h6{color:var(--heading);font-family:'Cinzel',serif}a{color:var(--accent);text-decoration:none}a:hover{color:#e8c49a}.breadcrumb-wrap{background:var(--panel);border-bottom:1px solid var(--border);padding:0.75rem 0}.breadcrumb-item a{color:var(--accent);font-size:0.875rem}.breadcrumb-item.active{color:var(--muted);font-size:0.875rem}.breadcrumb-item + .breadcrumb-item::before{color:var(--border)}.btn-outline-accent{border:2px solid var(--accent);color:var(--accent);font-weight:600;padding:0.7rem 1.8rem;border-radius:6px;background:transparent;font-family:'Inter',sans-serif;transition:all 0.2s;display:inline-block}.btn-outline-accent:hover{background:var(--accent);color:#101828}section{padding:60px 0}.section-label{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem;font-family:'Inter',sans-serif}.section-title{font-size:clamp(1.35rem,2.8vw,2rem);margin-bottom:1rem}.divider{width:50px;height:3px;background:var(--accent);border-radius:2px;margin:0 auto 2rem}.hero{background:linear-gradient(150deg,#060e1a 0%,#0a1520 55%,#101828 100%);padding:75px 0 60px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-100px;right:-100px;width:560px;height:560px;background:radial-gradient(circle,rgba(212,163,115,0.07) 0%,transparent 65%);border-radius:50%;pointer-events:none}.hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,0.04) 0%,transparent 65%);border-radius:50%;pointer-events:none}.hero h1{font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.2;margin-bottom:1rem}.hero h1 span{color:var(--accent)}.stat-pill{background:rgba(212,163,115,0.08);border:1px solid rgba(212,163,115,0.2);border-radius:10px;padding:1rem 1.25rem;text-align:center}.stat-pill .num{font-size:1.6rem;font-weight:800;color:var(--accent);font-family:'Inter',sans-serif;line-height:1}.stat-pill .lbl{font-size:0.75rem;color:var(--muted);font-family:'Inter',sans-serif;margin-top:0.3rem}.cat-tabs{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2.5rem}.cat-tab{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:0.5rem 1.1rem;font-size:0.85rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.4rem}.cat-tab:hover,.cat-tab.active{background:rgba(212,163,115,0.12);border-color:var(--accent);color:var(--accent)}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color 0.2s,transform 0.2s;height:auto}.game-card:hover{border-color:var(--accent);transform:translateY(-4px)}.game-card-thumb{background:var(--deep);height:140px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.game-card-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,22,40,0.7) 100%)}.game-badge{position:absolute;top:10px;left:10px;background:var(--accent);color:#101828;font-size:0.68rem;font-weight:800;padding:0.2rem 0.55rem;border-radius:4px;font-family:'Inter',sans-serif;z-index:1;text-transform:uppercase;letter-spacing:0.05em}.game-badge.live{background:#ef4444;color:var(--text-light)}.game-badge.new{background:var(--secondary);color:var(--text-light)}.game-card-body{padding:1rem 1.1rem 1.25rem}.game-card-body h5{font-family:'Inter',sans-serif;font-weight:700;font-size:0.95rem;color:var(--heading);margin-bottom:0.3rem}.game-card-body p{font-size:0.8rem;color:var(--muted);margin-bottom:0.75rem;line-height:1.5}.game-meta{display:flex;gap:0.75rem;font-size:0.75rem;color:var(--generated-muted);font-family:'Inter',sans-serif}.game-meta span{display:flex;align-items:center;gap:0.25rem}.game-meta .accent{color:var(--accent)}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.75rem 1.5rem;height:auto;transition:border-color 0.2s,transform 0.2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.feature-card .icon-wrap{width:54px;height:54px;background:rgba(212,163,115,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:var(--accent);margin-bottom:1rem}.feature-card .icon-wrap.green{background:rgba(34,197,94,0.1);color:#4ade80}.feature-card .icon-wrap.blue{background:rgba(59,130,246,0.1);color:#60a5fa}.feature-card .icon-wrap.purple{background:rgba(168,85,247,0.1);color:#c084fc}.feature-card .icon-wrap.red{background:rgba(239,68,68,0.1);color:#f87171}.feature-card h5{color:var(--heading);font-family:'Inter',sans-serif;font-weight:700;font-size:1rem;margin-bottom:0.6rem}.feature-card p{font-size:0.875rem;margin:0}.highlight-box{background:rgba(212,163,115,0.07);border-left:4px solid var(--accent);border-radius:8px;padding:1.1rem 1.4rem;margin:1.25rem 0}.highlight-box p{margin:0;font-size:0.9rem}.provider-pill{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:0.6rem 1.1rem;font-size:0.82rem;font-weight:600;color:var(--muted);font-family:'Inter',sans-serif;display:inline-flex;align-items:center;gap:0.4rem;transition:border-color 0.2s,color 0.2s}.provider-pill:hover{border-color:var(--accent);color:var(--accent)}.accordion-item{background:var(--panel);border:1px solid var(--border);border-radius:10px !important;margin-bottom:0.6rem;overflow:hidden}.accordion-button{background:var(--panel);color:var(--heading);font-family:'Inter',sans-serif;font-weight:600;font-size:0.9rem;border:none;padding:1rem 1.25rem}.accordion-button:not(.collapsed){background:rgba(212,163,115,0.08);color:var(--accent);box-shadow:none}.accordion-button::after{filter:invert(1) sepia(1) saturate(2) hue-rotate(5deg)}.accordion-body{background:var(--panel);color:var(--muted);font-size:0.875rem;padding:0.75rem 1.25rem 1.1rem;line-height:1.75}@media (max-width:768px){section{padding:40px 0}}html,body{overflow-x:clip;width:100%}