:root{--bg-dark:#0b1020;--bg-light:#f8f9ff;--text-dark:#edf1ff;--text-light:#151c2f;--card-dark:#121a32;--card-light:#fff;--accent:#6a8dff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,#1a2550 0,#0b1020 46%,#050814 100%);overflow-x:hidden}.page{position:relative;z-index:1;min-height:100vh;padding:2rem;transition:background .25s ease,color .2s ease}.page.dark{background:linear-gradient(180deg,rgba(11,16,32,.38),rgba(7,11,24,.58));color:var(--text-dark)}.page.light{background:linear-gradient(180deg,rgba(248,249,255,.78),rgba(235,240,255,.92));color:var(--text-light)}.hero,.panel{max-width:960px;margin:0 auto 1.5rem;border-radius:18px;padding:1.5rem;background:rgba(18,26,50,.54);border:1px solid rgba(190,207,255,.12);box-shadow:0 18px 45px rgba(3,8,21,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page.light .hero,.page.light .panel{background:hsla(0,0%,100%,.76);border-color:rgba(106,141,255,.12);box-shadow:0 16px 40px rgba(31,46,92,.12)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;opacity:.7}.hero h1{margin:.5rem 0;line-height:1.2}.hero-actions{display:flex;gap:.8rem;margin-top:1rem}a,button{border-radius:999px;border:0;background:var(--accent);color:#fff;padding:.55rem .95rem;text-decoration:none;cursor:pointer;font-weight:600}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.filters{display:flex;gap:.5rem}.filters button{opacity:.7}.filters button.active{opacity:1;outline:2px solid hsla(0,0%,100%,.45)}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.post-card{border-radius:14px;padding:1rem;background:rgba(106,141,255,.2);border:1px solid rgba(175,197,255,.12)}.page.light .post-card{background:rgba(106,141,255,.14);border-color:rgba(106,141,255,.1)}.meta{font-size:.8rem;opacity:.8}@media (max-width:720px){.page{padding:1rem}.filters,.hero-actions{flex-wrap:wrap}}