*,*::before,*::after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7}h1,h2,h3,h4,h5{font-family:'Rajdhani',sans-serif;font-weight:700;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--gold)}.hero{background:linear-gradient(135deg,#09090b 0%,#0f1a3a 50%,#09090b 100%);padding:90px 0 70px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,0.18) 0%,transparent 70%);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-60px;right:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(250,204,21,0.10) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin-bottom:1.2rem}.hero h1 span{color:var(--gold)}.hero p{color:var(--muted);font-size:1.1rem;max-width:560px}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:0.5rem}.section-title span{color:var(--gold)}.section-subtitle{color:var(--muted);margin-bottom:2.5rem}section{padding:70px 0}.card-dark{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.5rem;height:auto;transition:border-color 0.2s,transform 0.2s}.card-dark:hover{border-color:var(--accent);transform:translateY(-4px)}.icon-box{width:52px;height:52px;background:rgba(37,99,235,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);margin-bottom:1rem}.icon-box.gold{background:rgba(250,204,21,0.12);color:var(--gold)}.game-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform 0.2s,border-color 0.2s}.game-card:hover{transform:translateY(-5px);border-color:var(--gold)}.game-card img{width:100%;height:200px;object-fit:cover}.game-card-body{padding:1rem 1.2rem 1.4rem}.game-card-body h5{font-size:1.1rem;margin-bottom:0.3rem}.game-card-body p{color:var(--muted);font-size:0.88rem;margin:0}.step-num{width:48px;height:48px;background:var(--accent);color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.compare-table th{background:var(--accent);color:var(--text-light)}.compare-table td,.compare-table th{border-color:var(--border);padding:0.85rem 1rem}.compare-table tbody tr{background:var(--card-bg);color:var(--text)}.compare-table tbody tr:hover{background:#1f1f23}.check{color:var(--secondary);font-size:1.1rem}.cross{color:#ef4444;font-size:1.1rem}.testimonial-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.6rem}.stars{color:var(--gold);font-size:1rem}.reviewer-name{font-weight:600;color:var(--text)}.reviewer-city{color:var(--muted);font-size:0.85rem}.accordion-item{background:var(--card-bg) !important;border:1px solid var(--border) !important;margin-bottom:0.6rem;border-radius:10px !important;overflow:hidden}.accordion-button{background:var(--card-bg) !important;color:var(--text) !important;font-weight:600;font-size:1rem}.accordion-button:not(.collapsed){color:var(--gold) !important;box-shadow:none !important}.accordion-button::after{filter:invert(1) brightness(2)}.accordion-body{background:var(--card-bg);color:var(--muted)}.privacy-notice{background:rgba(37,99,235,0.08);border-left:4px solid var(--accent);border-radius:8px;padding:1.2rem 1.5rem}.rg-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:auto}.rg-icon{font-size:2rem;margin-bottom:0.75rem}.map-wrapper{border-radius:14px;overflow:hidden;border:1px solid var(--border)}.badge-accent{background:var(--accent);color:var(--text-light);font-size:0.78rem;padding:0.3em 0.7em;border-radius:6px}.badge-gold{background:var(--gold);color:#09090b;font-size:0.78rem;padding:0.3em 0.7em;border-radius:6px;font-weight:700}.divider{border-color:var(--border);margin:0}.hero-img-wrap img{border-radius:16px;border:2px solid var(--border);box-shadow:0 0 60px rgba(37,99,235,0.2)}@media (max-width:768px){.hero{padding:60px 0 50px}section{padding:50px 0}}html,body{overflow-x:clip;width:100%}