:root{--accent: #1d4ed8;--accent-dark: #1e3a8a;--black: 16, 18, 24;--gray: 90, 101, 120;--gray-light: 228, 233, 242;--gray-dark: 34, 43, 64;--bg: #f7f8fb;--surface: #ffffff;--surface-muted: #f1f4f9;--text: #171923;--text-muted: #5b667a;--border: #e2e6ef;--shadow: 0 10px 30px rgba(17, 24, 39, .08), 0 4px 12px rgba(17, 24, 39, .06);--radius: 18px}:root[data-theme=dark]{--accent: #8ab4ff;--accent-dark: #a7c3ff;--bg: #0f1117;--surface: #141824;--surface-muted: #1a1f2e;--text: #e5e7ef;--text-muted: #a0abc0;--border: #2a3346;--shadow: 0 10px 30px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:var(--bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--text);font-size:19px;line-height:1.7}main.page{width:min(980px,100% - 2em);margin:40px auto 80px;padding:0 0 2em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text);line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--accent)}a:hover{color:var(--accent-dark)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:12px}code{padding:2px 5px;background-color:var(--surface-muted);border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}.top-nav{position:sticky;top:18px;margin:24px auto 0;width:fit-content;display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow);z-index:10}.nav-group{display:flex;gap:8px;align-items:center}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:10px;color:var(--text);background:transparent}.nav-icon svg{width:20px;height:20px}.nav-icon:hover{background:var(--surface-muted)}.toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:36px;border-radius:10px;border:1px solid var(--border);color:var(--text);background:var(--surface);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.toggle:hover{background:var(--surface-muted)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:60px 0 20px}.hero-text{display:flex;flex-direction:column;gap:12px}.eyebrow{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0}.hero-title{font-size:clamp(2.8rem,5vw,3.6rem);margin:0}.hero-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:520px}.hero-links{display:flex;gap:12px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;border:none}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.hero-avatar{display:flex;align-items:center;justify-content:center;position:relative}.avatar-ring{width:180px;height:180px;border-radius:50%;border:10px solid var(--surface-muted)}.avatar{position:absolute;width:140px;height:140px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow)}.about{margin-top:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow)}.page-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow)}.blog-grid ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;list-style:none;padding:0;margin:0}.blog-grid li a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);color:var(--text);text-decoration:none}.blog-grid li a:hover{border-color:var(--accent)}.blog-grid .title{margin:12px 0 6px}.post .prose{max-width:760px;margin:0 auto}.post .hero-image img{width:100%;display:block}hr{border:none;border-top:1px solid var(--border)}@media(max-width:720px){body{font-size:18px}main.page{padding:0 0 1em}.hero{grid-template-columns:1fr}.hero-avatar{order:-1}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}