:root{--bg: #071A3E;--surface: #0D2B6B;--text: #FFFFFF;--muted: #8899AA;--accent: #3A8FE0;--accent-text: #FFFFFF;--font-display: "Playfair Display", serif;--font-body: "DM Sans", system-ui, sans-serif;--maxw: 760px;--nav-h: 72px;--radius: 14px;--trans: all .3s cubic-bezier(.4, 0, .2, 1);--grad: linear-gradient(135deg, #071A3E 0%, #0D2B6B 55%, #1A5BB5 100%);--grad-accent: linear-gradient(135deg, #1A5BB5 0%, #3A8FE0 100%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:900;padding:18px 0;transition:var(--trans)}.site-nav.scrolled{background:#071a3ef5;backdrop-filter:blur(16px);padding:12px 0;box-shadow:0 4px 30px #071a3e66}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:44px;width:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:.85rem;font-weight:500;color:#ffffffbf;transition:color .3s;text-decoration:none}.nav-links a:hover{color:#fff}.nav-cta{background:var(--grad-accent)!important;color:#fff!important;padding:10px 22px;border-radius:100px;font-weight:700!important;font-size:.82rem!important;box-shadow:0 4px 16px #3a8fe04d;transition:var(--trans)!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3a8fe073!important}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.nav-burger span{width:24px;height:2px;background:#fff;border-radius:2px;display:block;transition:var(--trans)}.nav-close{display:none}@media(max-width:768px){.nav-links{display:none}.nav-burger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:fixed;inset:0;width:100vw;height:100dvh;background:#071a3efa;backdrop-filter:blur(12px);align-items:center;justify-content:center;gap:32px;z-index:999;margin:0;padding:0}.nav-links.open a{font-size:1.2rem;color:#fff}.nav-close{display:none}.nav-links.open .nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:24px;right:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer;transition:background .2s}.nav-links.open .nav-close:hover{background:#fff3}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}main{padding-top:var(--nav-h)}.blog-hero{background:var(--grad);padding:72px 20px 64px;text-align:center;border-bottom:1px solid rgba(58,143,224,.2)}.blog-hero .eyebrow{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:16px}.blog-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin:0 0 16px;line-height:1.15}.blog-hero p{color:#ffffffa6;max-width:52ch;margin:0 auto;font-size:1.05rem}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:0;padding-block:40px 80px}.post-item{border-bottom:1px solid rgba(255,255,255,.08)}.post-item a{display:block;padding:28px 0;text-decoration:none;color:var(--text);transition:padding-left .18s ease}.post-item a:hover{padding-left:10px}.post-item h2{font-family:var(--font-display);margin:6px 0 8px;font-size:1.35rem;color:#fff;font-weight:600;transition:color .2s}.post-item:hover h2{color:var(--accent)}.post-item p{margin:0;color:var(--muted);font-size:.97rem}.eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px;display:block}.post-meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:8px}.article{padding-block:52px 80px}.article h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);color:#fff;line-height:1.2;margin:0 0 16px}.article .post-meta{margin-bottom:40px}.article-body{font-size:1.06rem;line-height:1.75}.article-body h2{font-family:var(--font-display);font-size:1.55rem;color:#fff;margin:2.2em 0 .7em;font-weight:600}.article-body h3{font-family:var(--font-display);font-size:1.2rem;color:#ffffffe6;margin:1.8em 0 .5em}.article-body p{margin:1.1em 0;color:#ffffffd1}.article-body a{color:var(--accent)}.article-body a:hover{text-decoration:underline}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{margin:.45em 0;color:#ffffffd1}.article-body strong{color:#fff;font-weight:600}.article-body blockquote{border-left:3px solid var(--accent);margin:1.6em 0;padding:6px 0 6px 20px;color:var(--muted);font-style:italic}.article-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;overflow-x:auto;display:block}.article-body th{background:var(--surface);color:#fff;font-weight:600;padding:10px 14px;text-align:left;border:1px solid rgba(255,255,255,.1)}.article-body td{padding:9px 14px;color:#ffffffc7;border:1px solid rgba(255,255,255,.08)}.article-body tr:nth-child(2n) td{background:#ffffff08}.article-body code{background:var(--surface);color:var(--accent);padding:2px 7px;border-radius:5px;font-size:.88em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}.tag{font-size:.75rem;color:var(--muted);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 14px}.back-link{font-size:.82rem;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:32px}.back-link:hover{color:var(--accent)}.site-footer{background:#0d2b6b66;border-top:1px solid rgba(255,255,255,.08);padding:52px 0 36px;margin-top:0}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-brand{margin-bottom:28px}.footer-brand p{color:var(--muted);font-size:.88rem;max-width:46ch;margin:14px 0 0;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.footer-links a{color:#fff9;font-size:.88rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{font-size:.78rem;color:var(--muted);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}