:root{--bg: #0e0e13;--card: #1a1a24;--text: #eaeaf0;--muted: #b0b0c3;--accent: #7aa2ff;--success: #4ade80}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}html,body,#root{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}header{padding:32px 24px;text-align:center;background:linear-gradient(135deg,#1f1f2f,#2b2b45)}header h1{margin:0;font-size:2.6rem;letter-spacing:1px}.brand-link{color:var(--text);text-decoration:none}.brand-link:hover{text-decoration:none}header p{margin-top:12px;font-size:1.1rem;color:var(--muted)}.top-nav{margin-top:20px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.nav-link{color:var(--text);text-decoration:none;padding:6px 14px;border-radius:999px;border:1px solid #3b3b52;transition:background-color .2s,border-color .2s}.nav-link:hover{text-decoration:none;background-color:#2a2a3a}.nav-link.active{border-color:var(--accent);background-color:#232f49}main{flex:1;max-width:900px;margin:48px auto;padding:0 24px;width:100%}section{margin-bottom:48px}h2{font-size:1.5rem;margin-bottom:12px;border-bottom:1px solid #2e2e3f;padding-bottom:6px;color:var(--accent)}h3{font-size:1.2rem;margin-top:0;color:var(--text)}.home-content section p{margin-bottom:16px;color:var(--muted);line-height:1.8}.page-content section p{margin-bottom:16px;color:var(--muted);line-height:1.8}.home-content section:not(:last-child){margin-bottom:48px}.card{background-color:var(--card);padding:24px;border-radius:10px;border-left:4px solid var(--accent);margin-bottom:16px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7aa2ff1a}.card p{margin:0;color:var(--muted);line-height:1.6}.service-header{display:flex;align-items:center;gap:12px}.service-logo{display:flex;align-items:center;gap:10px}.service-logo img{width:44px;height:44px;object-fit:contain}.service-description{margin-top:12px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card{display:flex;flex-direction:column;gap:12px}.game-card-link{color:inherit;text-decoration:none}.game-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}.game-card span{font-weight:600;color:var(--accent)}@media (max-width: 800px){.games-grid{grid-template-columns:1fr}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}footer{text-align:center;padding:32px 16px;background-color:#0a0a10;color:#8a8aa3;font-size:.9rem}