:root{--bg:#050814;--panel:#ffffff0a;--text:#fff;--muted:#cbd5e1;--muted2:#94a3b8;--border:#94a3b82e}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);background:0 0;flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;position:relative}body:before{content:"";z-index:-1;background:radial-gradient(1200px 600px at 25% 0%, #6366f12e, transparent 55%), radial-gradient(900px 500px at 80% 10%, #22c55e1f, transparent 60%), linear-gradient(180deg, var(--bg) 0%, #02030a 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.container{width:calc(100% - 32px);max-width:1200px;margin:0 auto;padding:28px 0}main.container{flex:1}.header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#050814b3;position:sticky;top:0}.header-inner{align-items:center;gap:16px;padding:14px 16px;display:flex}.brand{letter-spacing:.5px;font-weight:900}.nav{flex-wrap:wrap;gap:14px;display:flex}.nav-link{color:var(--muted);border-radius:10px;padding:8px 10px}.nav-link:hover{color:#fff;background:#ffffff0f}.social{gap:12px;margin-left:auto;font-size:20px;display:flex}.social-link{border:1px solid var(--border);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.social-link:hover{background:#ffffff12}.hero{padding:10px 0 6px}.hero h1{margin:0 0 10px;font-size:clamp(34px,4vw,46px);line-height:1.05}.hero p{color:var(--muted);max-width:70ch;margin:0 0 18px;font-size:18px;line-height:1.6}.hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}@media (max-width:900px){.hero-cards{grid-template-columns:1fr}}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:16px;padding:16px;box-shadow:0 10px 28px #00000038}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0;line-height:1.6}.panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:16px;margin-top:18px;padding:18px}.panel h1,.panel h2{margin-top:0}.panel p,.panel li{color:var(--muted);line-height:1.7}.muted{color:var(--muted2)}.footer{border-top:1px solid var(--border);margin-top:auto}.footer-inner{color:var(--muted2);text-align:center;padding:18px 16px}
