@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#050910;--bg-alt:#0b1220;--panel:#0f172a;--panel-strong:#0c1224;--text:#e7ecf4;--muted:#a5b3ce;--accent:#7c5dff;--accent-strong:#9f7bff;--accent-soft:rgba(124,93,255,.12);--border:#1e2b45;--glow:0 20px 60px rgba(124,93,255,.25);--radius:18px;--mono:"IBM Plex Mono",monospace;--sans:"Space Grotesk","Segoe UI",system-ui,sans-serif}@media(prefers-color-scheme:light){:root{--bg:#f7f9fc;--bg-alt:#fff;--panel:#f0f2f8;--panel-strong:#e7ebf5;--text:#0f172a;--muted:#50607a;--accent:#5c3cf6;--accent-strong:#6c4ffb;--accent-soft:rgba(92,60,246,.12);--border:#d7ddeb;--glow:0 10px 40px rgba(92,60,246,.25)}}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,rgba(124,93,255,.08),transparent 25%),radial-gradient(circle at 80% 10%,rgba(92,60,246,.08),transparent 20%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;margin:0;min-height:100vh}.muted{color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-strong)}img{display:block;max-width:100%}.container{margin:0 auto;max-width:1120px;padding:0 1.5rem;width:100%}main{padding:2.5rem 0 4rem}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.navbar{gap:1rem;justify-content:space-between;padding:1rem 0}.brand,.navbar{align-items:center;display:flex}.brand{font-weight:700;gap:.65rem;letter-spacing:-.02em}.brand-mark{background:linear-gradient(135deg,#f6c343,#ffda6a);border-radius:50%;box-shadow:0 16px 40px #f6c3434d;color:#0b1224;display:grid;font-family:var(--mono);font-size:.9rem;height:38px;place-items:center;width:38px}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.nav-links a{border-radius:12px;color:var(--muted);font-weight:500;padding:.45rem .8rem}.nav-links a.router-link-active{background:var(--accent-soft);color:var(--text)}.button,.button-ghost{align-items:center;border:1px solid transparent;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease,border .15s ease}.button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:var(--glow);color:#fff}.button:hover{transform:translateY(-2px)}.button-ghost{background:transparent;border-color:var(--border);color:var(--text)}.button-ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.badge{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.35rem .65rem}.section{margin:3.5rem 0}.section h2{font-size:clamp(1.5rem,2vw,2.1rem);letter-spacing:-.02em;margin-bottom:.5rem}.section-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.section p.lead{color:var(--muted);margin-top:.35rem;max-width:620px}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:linear-gradient(180deg,var(--panel) 0,var(--panel-strong) 100%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:1.25rem;position:relative;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--glow);transform:translateY(-4px)}.card small{color:var(--muted)}.meta{align-items:center;color:var(--muted);font-size:.9rem;gap:.75rem}.meta,.tags{display:flex;flex-wrap:wrap}.tags{gap:.5rem}.tag{border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:600;padding:.35rem .75rem}.hero{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.hero-panel{background:linear-gradient(180deg,var(--panel) 0,var(--panel-strong) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glow);padding:1.25rem}.hero h1{font-size:clamp(2.1rem,3vw,3rem);letter-spacing:-.03em;margin:.2rem 0 .75rem}.hero p{color:var(--muted);max-width:640px}.hero-meta{color:var(--muted);font-size:.95rem;margin-top:.75rem}.highlight{align-items:center;background:var(--accent-soft);border-radius:12px;color:var(--accent-strong);display:inline-flex;font-weight:600;gap:.45rem;padding:.5rem .9rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.input{background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;padding:.85rem 1rem;width:100%}.input:focus{outline:1px solid var(--accent)}.filters{display:grid;gap:.75rem;margin-top:1rem}.filter-row{display:flex;flex-direction:column;gap:.75rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-weight:600;padding:.55rem .85rem;transition:border .15s ease,background .15s ease,color .15s ease}.chip-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.list{display:grid;gap:1rem}.list-item{border-bottom:1px dashed var(--border);padding:1rem 0}.list-item:last-child{border-bottom:none}.prose{color:var(--text);display:grid;gap:1rem}.prose p{color:var(--muted);margin:0}.prose h3{margin:1.2rem 0 .4rem}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.pill{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:999px;color:var(--accent-strong);font-weight:600;padding:.45rem .8rem}.share{display:flex;flex-wrap:wrap;gap:.75rem}.footer{background:color-mix(in srgb,var(--bg) 88%,transparent);border-top:1px solid var(--border);padding:2.5rem 0 3rem}.footer-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer small{color:var(--muted)}@media(max-width:640px){header{position:static}.navbar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}}.post-card{display:block;height:100%}.post-title{font-size:1.2rem;letter-spacing:-.01em;margin:.4rem 0 .35rem}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.post-cta{align-items:center;color:var(--accent-strong);display:inline-flex;font-weight:700;gap:.4rem}.contact-cta .card{background:linear-gradient(135deg,var(--panel),var(--panel-strong))}.link{color:var(--accent-strong)}