:root{--bg:#f0f2f7;--ink:#1a1a2e;--ink-2:#3a3a5e;--ink-3:#9ca3af;--accent:#4768f2;--accent-2:#6b8eff;--accent-light:#4768f21f;--accent-glow:#4768f240;--surface-2:#e8ecf8;--line:#d5d9e8;--glass-bg:#ffffff73;--glass-bg-hover:#fff9;--glass-border:#ffffff80;--glass-border-hover:#fffc;--glass-blur:24px;--glass-blur-heavy:40px;--glass-shadow:0 8px 32px #4768f214, 0 2px 8px #0000000a;--glass-shadow-hover:0 16px 48px #4768f226, 0 4px 16px #0000000f;--glass-inset:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #ffffff1a;--morph-timing:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(800px 500px at 15% -5%,#4768f224,#0000 60%),radial-gradient(700px 500px at 95% 10%,#6b8eff1f,#0000 60%);position:fixed;inset:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%)}.navbar{z-index:100;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(180%);padding:.9rem 2rem;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.nav-logo img{width:auto;height:40px;transition:transform .3s var(--morph-timing);display:block}.nav-logo:hover img{transform:scale(1.05)}.nav-menu{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--ink-2);font-size:.95rem;font-weight:600}.nav-link:hover{color:var(--accent);text-decoration:none}.nav-cta{background:var(--glass-bg-hover);color:var(--accent);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset);transition:all .3s var(--morph-timing);border-radius:50px;padding:.6rem 1.4rem;font-weight:600}.nav-cta:hover{box-shadow:var(--glass-shadow-hover), var(--glass-inset);background:#4768f226;text-decoration:none;transform:translateY(-3px)scale(1.02)}@media (width<=640px){.nav-menu{gap:1rem}.nav-link.hide-sm{display:none}.navbar{padding:.75rem 1.25rem}}main{max-width:800px;margin:0 auto;padding:4rem 1.25rem 5rem}.section-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;line-height:1.1}.section-subtitle{color:var(--ink-2);max-width:800px;margin:0 0 2.5rem;font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.6}article h1{letter-spacing:-.02em;margin:.3em 0 .5em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}article h2{letter-spacing:-.01em;margin:2.2em 0 .6em;font-size:1.5rem;font-weight:700}article h3{margin:1.8em 0 .5em;font-size:1.15rem;font-weight:700}article p,article li{color:var(--ink);font-size:1.0625rem;line-height:1.7}article p{margin:0 0 1.1em}.meta{color:var(--ink-2);font-size:.9rem}.meta a{font-weight:600}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.tag{color:var(--accent);background:var(--accent-light);border-radius:50px;padding:.2rem .75rem;font-size:.8rem;font-weight:600}.tldr{border-radius:20px;margin:1.75rem 0 2rem;padding:1.1rem 1.4rem;position:relative;overflow:hidden}.tldr:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));width:4px;position:absolute;top:0;bottom:0;left:0}.tldr strong{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.8rem;font-weight:800;display:block}pre{color:#f0f2f7;border-radius:16px;margin:1.2em 0;padding:1rem 1.2rem;font-size:.875rem;line-height:1.55;overflow-x:auto;background:#1a1a2e!important}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}:not(pre)>code{background:var(--accent-light);color:var(--ink);border-radius:6px;padding:.1em .45em;font-size:.9em}table{border-collapse:collapse;background:var(--glass-bg);border-radius:16px;width:100%;font-size:.95rem;overflow:hidden}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .8rem}th{background:var(--surface-2);color:var(--ink-2);letter-spacing:.02em;font-size:.85rem;font-weight:700}article table{margin:1.2em 0;display:block;overflow-x:auto}.post-list{gap:1.25rem;display:grid}.card{color:inherit;transition:transform .4s var(--morph-timing), box-shadow .4s var(--morph-timing), background .4s;border-radius:24px;padding:1.5rem 1.75rem;display:block;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#fff6 0%,#fff0 50%,#ffffff1a 100%);position:absolute;inset:0}.card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover), var(--glass-inset);text-decoration:none;transform:translateY(-5px)}.card h3{letter-spacing:-.015em;margin:0 0 .4rem;font-size:1.35rem;font-weight:800;line-height:1.25}.card p{color:var(--ink-2);margin:.5rem 0 0}.cta{border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.75rem 2rem;display:flex}.cta p{color:var(--ink-2);max-width:32rem;margin:0}.cta strong{color:var(--ink);margin-bottom:.25rem;font-size:1.15rem;font-weight:800;display:block}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 32px var(--accent-glow);transition:all .3s var(--morph-timing);white-space:nowrap;border-radius:50px;padding:.9rem 1.8rem;font-weight:600;display:inline-block}.btn-primary:hover{box-shadow:0 16px 48px var(--accent-glow);text-decoration:none;transform:translateY(-4px)scale(1.02)}.footer{-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);background:#f0f2f7cc;padding:3rem 2rem 2rem}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1400px;margin:0 auto;display:grid}.footer img{border-radius:0;width:auto;height:50px;margin-bottom:1rem}.footer p,.footer li{color:var(--ink-2);margin:0;font-size:.95rem;line-height:1.7}.footer h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 .75rem;font-size:.8rem}.footer ul{margin:0;padding:0;list-style:none}.footer a{color:var(--ink-2)}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);max-width:1400px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin:2.5rem auto 0;padding-top:1.5rem;font-size:.85rem;display:flex}@media (width<=720px){.footer-container{grid-template-columns:1fr;gap:1.75rem}main{padding:2.5rem 1.25rem 4rem}}img{border-radius:16px;max-width:100%}.nav-logo img{border-radius:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}