:root{--bg:#020817;--surface:#0b1220;--border:#1f2a44;--text:#e2e8f0;--text-muted:#94a3b8;--accent:#60a5fa;--accent-hover:#93c5fd;--code-bg:#080f1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body.site{margin:0;font-family:inter,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:18px;line-height:1.65;color:var(--text);background:radial-gradient(circle at top,rgba(30,64,175,.12),transparent 55%),var(--bg);min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--bg);padding:8px 16px;text-decoration:none;z-index:100;border-radius:0 0 4px 0}.skip-link:focus{top:0}a{color:var(--accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover,a:focus{color:var(--accent-hover);text-shadow:0 0 12px rgba(96,165,250,.4)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:min(960px,92vw);margin:0 auto}.site-header{background:rgba(2,8,23,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.12);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;flex-direction:column;gap:2px;color:inherit}.brand-title{font-size:1.1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.brand-subtitle{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em}.main-nav{display:flex;gap:16px}.nav-link{padding:6px 12px;border-radius:999px;color:var(--text-muted);transition:background .2s ease,color .2s ease}.nav-link:hover,.nav-link:focus{color:var(--text);background:rgba(96,165,250,.14)}.nav-link--active{color:var(--text);background:rgba(96,165,250,.22)}.site-main{flex:1;padding:64px 0 96px}.hero{background:var(--surface);border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:48px clamp(24px,5vw,48px);box-shadow:0 35px 70px -40px rgba(15,23,42,.85)}.hero h1{margin-top:0;font-size:clamp(2.25rem,4vw,3rem);line-height:1.1}.hero p{margin-bottom:0;color:var(--text-muted);max-width:60ch}.section-heading{margin:64px 0 24px;font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.post-list{display:grid;gap:24px;margin:0;padding:0;list-style:none}.post-card{background:var(--surface);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:clamp(24px,4vw,32px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-card:hover,.post-card:focus-within{transform:translateY(-4px);border-color:rgba(96,165,250,.35);box-shadow:0 30px 60px -36px rgba(15,23,42,.95)}.post-card h2{margin-top:0;margin-bottom:12px;line-height:1.2;font-size:1.5rem}.post-card time{display:inline-block;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.post-card p{margin-bottom:0;color:var(--text-muted)}.article{background:var(--surface);border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:clamp(28px,5vw,48px);box-shadow:0 40px 80px -50px rgba(15,23,42,.9)}.article header{margin-bottom:32px}.article h1{margin-top:0;margin-bottom:12px;font-size:clamp(2rem,4vw,2.6rem)}.article time{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.section-lede{margin-top:0;margin-bottom:0;color:var(--text-muted)}.article-content{color:var(--text-muted)}.article-content :is(p,ul,ol){color:inherit}.post-list--spaced{margin-top:48px}.article :is(h2,h3,h4){color:var(--text);margin-top:2.4em;margin-bottom:.8em}.article p,.article li{color:var(--text-muted)}.article-body{color:var(--text-muted)}.article-body :is(p,li){color:inherit}.article-body a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;padding-top:8px}.reading-time{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted)}.reading-time svg{opacity:.7}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:.85rem;padding:4px 12px;background:rgba(96,165,250,.12);border-radius:999px;color:var(--accent);transition:background .2s ease,transform .2s ease}.tag:hover,.tag:focus{background:rgba(96,165,250,.2);transform:translateY(-1px);text-shadow:none}.toc{margin-top:48px;padding:24px;background:rgba(96,165,250,6%);border-left:3px solid var(--accent);border-radius:8px}.toc h3{margin-top:0;margin-bottom:16px;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.toc ul{margin:0;padding-left:20px}.toc li{margin:8px 0;color:var(--text-muted)}.toc a{color:var(--text-muted);text-decoration:none}.toc a:hover{color:var(--accent)}.article pre{padding:16px;border-radius:12px;background:var(--code-bg);color:#f8fafc;overflow:auto;box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)}.article code{font-family:jetbrains mono,fira code,Menlo,monospace;font-size:.92em}.article-body :not(pre)>code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.88em;color:#93c5fd}.callout{margin-top:32px;padding:20px 24px;border-radius:16px;background:rgba(96,165,250,.12);color:var(--text);box-shadow:inset 0 0 0 1px rgba(96,165,250,.18)}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--accent);color:#0b1220;font-weight:600;border:none;box-shadow:0 16px 30px -22px rgba(96,165,250,.8);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,.button:focus{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 20px 38px -18px rgba(147,197,253,.75)}.site-footer{border-top:1px solid rgba(148,163,184,.12);background:#010511;color:rgba(226,232,240,.88);padding:32px 0}.footer-inner{display:flex;flex-direction:column;gap:16px}.footer-text{margin:0;font-size:.9rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-link{color:rgba(191,219,254,.88);font-size:.9rem}.footer-link:hover,.footer-link:focus{color:#93c5fd}.scroll-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 8px 24px -8px rgba(96,165,250,.6);z-index:100}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover,.scroll-to-top:focus{background:var(--accent-hover);transform:translateY(-4px);box-shadow:0 12px 32px -8px rgba(96,165,250,.8)}::selection{background:rgba(96,165,250,.3);color:var(--text)}img{max-width:100%;height:auto;border-radius:8px}.article-body blockquote{margin:1.5em 0;padding:16px 24px;border-left:4px solid var(--accent);background:rgba(96,165,250,6%);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic}.article-body blockquote p{margin:.5em 0}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:.5em 0}.article-body table{width:100%;border-collapse:collapse;margin:1.5em 0;overflow-x:auto;display:block}.article-body th,.article-body td{padding:12px;border:1px solid var(--border);text-align:left}.article-body th{background:var(--surface);color:var(--text);font-weight:600}.article-body tr:hover{background:rgba(96,165,250,4%)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-content{max-width:600px}.error-code{font-size:clamp(4rem,10vw,8rem);font-weight:700;margin:0;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-title{font-size:clamp(1.5rem,4vw,2rem);margin:16px 0;color:var(--text)}.error-message{color:var(--text-muted);margin:24px 0 32px;font-size:1.1rem;line-height:1.6}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.button-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:0 0;color:var(--accent);font-weight:600;border:2px solid var(--accent);transition:all .2s ease}.button-secondary:hover,.button-secondary:focus{background:rgba(96,165,250,.1);border-color:var(--accent-hover);color:var(--accent-hover);transform:translateY(-2px)}.button svg{flex-shrink:0}.article-footer{margin-top:48px;padding-top:32px;border-top:1px solid rgba(148,163,184,.12)}.social-share{display:flex;flex-direction:column;gap:16px}.share-label{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.share-buttons{display:flex;gap:12px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease;border:1px solid rgba(148,163,184,.2);background:rgba(148,163,184,5%)}.share-btn:hover,.share-btn:focus{transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(96,165,250,.4)}.share-twitter:hover,.share-twitter:focus{background:rgba(29,155,240,.1);border-color:#1d9bf0;color:#1d9bf0}.share-linkedin:hover,.share-linkedin:focus{background:rgba(10,102,194,.1);border-color:#0a66c2;color:#0a66c2}.share-facebook:hover,.share-facebook:focus{background:rgba(24,119,242,.1);border-color:#1877f2;color:#1877f2}@media(min-width:768px){.header-inner{padding:24px 0}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:640px){.main-nav{gap:8px}.nav-link{padding:6px 10px}.header-inner{flex-direction:column;align-items:flex-start;gap:12px}}