:root{--bg: #0b0f1a;--bg-elevated: #121829;--surface: #1a2238;--border: rgba(255, 255, 255, .08);--text: #eef2ff;--text-muted: #9aa8c7;--accent: #ff6b4a;--accent-2: #4ecdc4;--gold: #f4c95d;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--max: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(255,107,74,.18),transparent),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(78,205,196,.12),transparent);pointer-events:none;z-index:-1}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(var(--max),92vw);margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f1ad9;border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.logo{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none}.logo:hover{text-decoration:none}.logo-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--gold));display:grid;place-items:center;font-size:1.1rem;color:#0b0f1a;font-weight:800}.nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.92rem}.nav a{color:var(--text-muted);text-decoration:none;padding:.25rem 0}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.nav-toggle{display:none;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.4rem .65rem;cursor:pointer}main{padding:2.5rem 0 4rem}.hero{padding:2rem 0 3rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}.hero .lead{font-size:1.15rem;color:var(--text-muted);max-width:42rem;margin:0 0 1.5rem}.hero .tagline{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:#4ecdc41f;color:var(--accent-2);font-size:.85rem;font-weight:600;margin-bottom:1rem}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#e84a2f);color:#fff;box-shadow:0 8px 24px #ff6b4a59}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.section{margin-top:3rem}.section h2{font-size:1.65rem;margin:0 0 .5rem}.section .sub{color:var(--text-muted);margin:0 0 1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.game-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.game-card:hover{border-color:#4ecdc459;transform:translateY(-3px)}.game-card .thumb{aspect-ratio:1;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:1.5rem}.game-card .thumb img{width:128px;height:128px;border-radius:22%;object-fit:cover;box-shadow:0 12px 30px #0006}.game-card .body{padding:1.1rem 1.2rem 1.3rem;flex:1;display:flex;flex-direction:column}.game-card h3{margin:0 0 .25rem;font-size:1.15rem}.game-card .meta{font-size:.8rem;color:var(--gold);margin-bottom:.5rem}.game-card p{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);flex:1}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.pill-list li{background:var(--surface);border:1px solid var(--border);padding:.4rem .85rem;border-radius:999px;font-size:.85rem;color:var(--text-muted)}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.value-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.value-card h3{margin:0 0 .5rem;font-size:1.05rem}.value-card p{margin:0;color:var(--text-muted);font-size:.92rem}.prose{max-width:52rem}.prose h1{font-size:2rem;margin-top:0}.prose h2{font-size:1.25rem;margin-top:2rem}.prose p,.prose li{color:var(--text-muted)}.prose ul{padding-left:1.25rem}.form-panel{max-width:36rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.form-group textarea{min-height:120px;resize:vertical}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.form-status{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.9rem;display:none}.form-status.visible{display:block}.form-status.success{background:#4ecdc426;color:var(--accent-2)}.form-status.error{background:#ff6b4a26;color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem;color:var(--text-muted);font-size:.88rem}.site-footer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.site-footer a{color:var(--text-muted)}.store-badge{height:48px;width:auto}@media(max-width:720px){.nav-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;padding-bottom:.5rem}.nav.open{display:flex}.site-header .inner{flex-wrap:wrap}}