:root{--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-deep:#6d28d9;--green:#10b981;--green-dark:#059669;--ink:#0f172a;--ink-soft:#1e293b;--slate:#475569;--slate-soft:#64748b;--slate-light:#94a3b8;--border:#e2e8f0;--border-soft:#f1f5f9;--surface:#fff;--surface-tint:#f8fafc;--surface-warm:#faf5ff;--gradient:linear-gradient(135deg, #8b5cf6 0%, #10b981 100%);--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px #0f172a0f;--shadow-md:0 8px 24px -8px #0f172a1f, 0 4px 8px -4px #0f172a0f}*,:before,:after{box-sizing:border-box}html,body{color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em;margin:0;line-height:1.2}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 6px 16px -4px #8b5cf666}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -4px #8b5cf680}.btn-ghost{color:var(--ink);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-tint);border-color:var(--purple);color:var(--purple-dark)}.navbar{-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border-soft);z-index:50;background:#ffffffd9;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.logo-mark{background:var(--gradient);color:#fff;letter-spacing:.05em;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 12px -2px #8b5cf666}.logo-word{font-size:19px}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a:not(.btn){color:var(--slate);border-radius:8px;padding:8px 14px;font-size:15px;font-weight:500;transition:color .15s,background .15s}.nav-links a:not(.btn):hover{color:var(--ink);background:var(--surface-tint)}.nav-links .btn{margin-left:4px}@media (width<=800px){.nav-links a:not(.btn){display:none}}.footer{background:var(--ink);color:#ffffffb3;padding:64px 0 32px}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-brand .logo-mark{box-shadow:none}.footer-tagline{color:#ffffff8c;max-width:320px;margin:0;font-size:14px;line-height:1.55}.footer-col h4{color:#fff;margin-bottom:16px;font-size:13px}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#ffffffa6;font-size:14px;transition:color .15s}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:24px}.footer-bottom p{color:#ffffff73;margin:0;font-size:13px}@media (width<=800px){.footer{padding:48px 0 24px}.footer-grid{grid-template-columns:1fr;gap:32px}}.blog-header{border-bottom:1px solid var(--border-soft);padding:56px 0 32px}.blog-header h1{margin-bottom:12px;font-size:40px}.blog-header p{color:var(--slate);margin:0;font-size:17px}.post-list{gap:24px;padding:40px 0 80px;display:grid}.post-card{border:1px solid var(--border);border-radius:14px;padding:24px;transition:box-shadow .15s,border-color .15s;display:block}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.post-card .post-meta{color:var(--slate-soft);margin-bottom:8px;font-size:13px}.post-card h2{margin-bottom:8px;font-size:22px}.post-card p{color:var(--slate);margin:0;font-size:15px}.post-article{max-width:720px;margin:0 auto;padding:56px 24px 96px}.post-article header{margin-bottom:32px}.post-article header .post-meta{color:var(--slate-soft);margin-bottom:12px;font-size:14px}.post-article h1{margin-bottom:8px;font-size:38px}.prose{color:var(--ink-soft);font-size:17px}.prose h2{margin:40px 0 16px;font-size:26px}.prose h3{margin:32px 0 12px;font-size:21px}.prose p{margin:0 0 20px}.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:8px}.prose a{color:var(--purple-dark);text-decoration:underline}.prose img{border-radius:12px;margin:24px 0}.prose code{background:var(--surface-tint);border-radius:4px;padding:2px 6px;font-size:.9em}.prose blockquote{border-left:3px solid var(--purple);color:var(--slate);margin:24px 0;padding-left:16px}