:root{--brand: #9bd92f;--brand-2: #d7ff66;--text: #e7f2e1;--muted: #a6b3a0;--bg: #090b09;--card: #0e110e;--border: #1a2116;--max: 1080px;--radius: 14px;--shadow: 0 10px 24px rgba(0,0,0,.35)}.btn--ft{color:#0b0b0b!important;background-color:#9bd92f;background-image:none!important;border:1px solid #3d4c1e;box-shadow:0 4px 12px #9bd92f2e}.btn--ft:hover{background-color:#aee448}.btn--ft:active{background-color:#86c529}a{color:var(--brand)}a:hover{text-decoration:underline;color:#fff!important}.post-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000073;border-color:#b6ff0073}.tag{font-size:.8rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#b6ff002e,#d7ff661a)}.btn{display:inline-block;padding:.55rem .85rem;border-radius:10px;text-decoration:none;border:1px solid var(--border);background:linear-gradient(180deg,#b6ff004d,#b6ff001f)}.btn:hover{border-color:#b6ff008c}*{box-sizing:border-box}html{color-scheme:dark light}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(60% 60% at 100% 0%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(40% 40% at 0% 0%,rgba(34,211,238,.12) 0%,transparent 70%),var(--bg);color:var(--text);line-height:1.65}.wrap{max-width:var(--max);margin:0 auto;padding:1rem}header,footer{position:sticky;top:0;backdrop-filter:blur(8px);background:linear-gradient(180deg,#0b0e14d9,#0b0e14a6);border-bottom:1px solid var(--border);z-index:5}footer{position:static;border-top:1px solid var(--border);margin-top:3rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.3px}.brand-logo{width:28px;height:28px;border-radius:8px;background:conic-gradient(from 180deg,var(--brand),var(--brand-2));box-shadow:0 4px 14px #7c3aed73}nav a{text-decoration:none;color:var(--text);opacity:.9;margin-left:1rem}nav a:hover{opacity:1}.hero{margin-top:1.2rem;padding:1.25rem 1rem;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff05,#fff0);border-radius:var(--radius);box-shadow:var(--shadow)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;border:1px solid var(--border);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000073;border-color:#7c3aed59}.post-card h2{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;line-height:1.3}.post-card p{margin:0 0 .75rem;color:var(--muted)}.post-meta{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.tag{font-size:.8rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#7c3aed14,#22d3ee14)}a{color:var(--brand-2)}a:hover{text-decoration:underline}hr{border:none;height:1px;background:var(--border);margin:1rem 0}.article{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.article h1{margin-top:0;font-size:2rem}.article img{max-width:100%;border-radius:10px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;background:#0a0d14;border:1px solid #1b2230;border-radius:10px;padding:.75rem;overflow:auto}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.05rem;border-radius:14px;font-weight:700;line-height:1.1;text-decoration:none;color:var(--brand-contrast);background:var(--brand);border:1px solid #44511e;box-shadow:0 8px 22px #b6ff0038;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 12px 28px #b6ff0047}.btn:active{background:var(--brand-pressed);transform:translateY(0)}.btn:focus-visible{outline:2px solid #000;outline-offset:2px}.btn:after{content:""}