:root{--color-bg: #022E41;--color-bg-surface: #053d56;--color-bg-elevated: #07506e;--color-text: #E4EFFB;--color-text-muted: #a0b8cb;--color-accent: #E98C00;--color-accent-hover: #ffaa2a;--color-border: #1a4d63;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 72rem;--content-width: 48rem;--header-height: 4rem;--border-radius: .5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:var(--content-width)}.grid{display:grid;gap:var(--space-8)}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}h1,h2,h3,h4{line-height:1.25;font-weight:700;color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}.prose{max-width:var(--content-width);margin-inline:auto;font-size:var(--text-lg);line-height:1.8}.prose>*+*{margin-top:var(--space-6)}.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose h4{margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{padding-left:var(--space-8);margin-bottom:var(--space-4)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:0}.prose blockquote{border-left:4px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-bg-surface);border-radius:0 var(--border-radius) var(--border-radius) 0;font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-surface);padding:.15em .4em;border-radius:.25rem}.prose pre{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-6);overflow-x:auto;margin:var(--space-6) 0}.prose pre code{background:none;padding:0;font-size:var(--text-sm)}.prose img{border-radius:var(--border-radius);margin:var(--space-6) auto}.prose a{text-decoration:underline;text-underline-offset:.15em}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-bg-surface);font-weight:700}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose iframe,.prose video{width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius);margin:var(--space-6) 0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:2px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-decoration:none}.btn-primary{background-color:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-accent-hover);color:var(--color-bg)}.btn-ghost{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-ghost:hover{background-color:var(--color-accent);color:var(--color-bg)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:background-color .2s ease,color .2s ease}.tag:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--color-accent);transition:background-color .2s ease,color .2s ease}.icon-link:hover{background:var(--color-accent);color:var(--color-bg)}.icon-link svg{width:1.25rem;height:1.25rem}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);height:var(--header-height);transition:box-shadow .2s ease}.site-header.scrolled{box-shadow:0 2px 8px #0000004d}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-header__logo{font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none}.site-header__logo:hover{color:var(--color-accent)}.site-header__nav{display:flex;align-items:center;gap:var(--space-6)}.site-header__nav a{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{color:var(--color-accent)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2)}.mobile-menu-toggle svg{width:1.5rem;height:1.5rem}@media(max-width:768px){.mobile-menu-toggle{display:flex}.site-header__nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-4) var(--space-6);gap:var(--space-4)}.site-header__nav.open{display:flex}.site-header__nav a{font-size:var(--text-base)}}.site-footer{margin-top:auto;padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8)}@media(max-width:768px){.site-footer__grid{grid-template-columns:1fr;text-align:center}}.site-footer__brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.site-footer__social{display:flex;gap:var(--space-2);margin-top:var(--space-4)}@media(max-width:768px){.site-footer__social{justify-content:center}}.site-footer__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.site-footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__links a{color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--text-xs)}.post-card{display:flex;flex-direction:column;background:var(--color-bg-surface);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border);transition:border-color .2s ease,transform .2s ease}.post-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.post-card__image{aspect-ratio:16 / 9;overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover;display:block}.post-card__body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.post-card__date{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.post-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.post-card__title a{color:var(--color-text);text-decoration:none}.post-card__title a:hover{color:var(--color-accent)}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;flex:1}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.hero{padding:var(--space-16) 0;text-align:center}.hero h1{margin-bottom:var(--space-4)}.hero p{font-size:var(--text-xl);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}.post-header{text-align:center;padding:var(--space-12) 0 var(--space-8);max-width:var(--content-width);margin-inline:auto}.post-header__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.post-header h1{margin-bottom:var(--space-6)}.post-header__image{margin:0 auto var(--space-8);max-width:var(--content-width);border-radius:var(--border-radius);overflow:hidden}.post-header__image img{width:100%;height:auto;display:block}.post-footer{max-width:var(--content-width);margin:var(--space-12) auto 0;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-footer__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.post-footer__share{display:flex;align-items:center;gap:var(--space-4)}.post-footer__share span{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) 0}.pagination a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-weight:600;font-size:var(--text-sm)}.pagination__info{color:var(--color-text-muted);font-size:var(--text-sm)}.section{padding:var(--space-12) 0}.section__header{margin-bottom:var(--space-8)}.section__header h2{margin-bottom:var(--space-2)}.section__header p{color:var(--color-text-muted)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.share-btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.share-btn svg{width:1rem;height:1rem}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);min-height:50vh}.error-page h1{font-size:6rem;color:var(--color-accent);line-height:1;margin-bottom:var(--space-4)}.error-page p{color:var(--color-text-muted);font-size:var(--text-xl);margin-bottom:var(--space-8)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:fixed;top:-100%;left:var(--space-4);background:var(--color-accent);color:var(--color-bg);padding:var(--space-3) var(--space-6);border-radius:0 0 var(--border-radius) var(--border-radius);font-weight:700;z-index:200;transition:top .2s ease}.skip-link:focus{top:0;color:var(--color-bg)}