:root{--bg:#fbfbfd;--surface:#fff;--text:#14161c;--muted:#5b6170;--border:#e4e6ec;--accent:#4f46e5;--accent-2:#06b6d4;--accent-soft:#eef0ff;--radius:14px;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--surface:#12151c;--text:#e8eaf0;--muted:#9aa1b2;--border:#232835;--accent:#818cf8;--accent-2:#22d3ee;--accent-soft:#1b1f33}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}.container{width:min(1080px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}section{padding:64px 0}.section-title{margin:0 0 8px;font-size:1.75rem}.section-sub{color:var(--muted);margin:0 0 32px}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{color:var(--text);font-size:1.15rem;font-weight:700}.logo span{color:var(--accent)}.logo:hover{text-decoration:none}nav{align-items:center;gap:20px;display:flex}nav a{color:var(--muted);font-size:.95rem;font-weight:500}nav a.active,nav a:hover{color:var(--text);text-decoration:none}.btn{background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:12px 22px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-block;color:#fff!important}.btn:hover{opacity:.92;text-decoration:none;transform:translateY(-1px)}.btn-ghost{border-color:var(--border);background:0 0;color:var(--text)!important}.btn-small{padding:7px 14px;font-size:.875rem}.hero{padding:80px 0 56px}.hero-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;display:grid}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.badge:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #22c55e33}.hero h1{margin:18px 0 12px;font-size:clamp(2.2rem,5vw,3.4rem)}.gradient{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{color:var(--muted);max-width:560px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-photo{aspect-ratio:1;border:1px solid var(--border);border-radius:24px;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.stat strong{font-size:1.6rem;display:block}.stat span{color:var(--muted);font-size:.9rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent)}.card h3{margin:0 0 8px;font-size:1.15rem}.card p{color:var(--muted);margin:0}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:4px 10px;font-size:.8rem}.post-list{flex-direction:column;gap:16px;display:flex}.post-item{color:inherit;display:block}.post-item:hover{text-decoration:none}.post-item time{color:var(--muted);font-size:.85rem;font-family:var(--mono)}.post-item h3{margin:6px 0}.article header{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;margin-bottom:32px;padding:56px 0 24px;display:flex}.article h1{margin:12px 0;font-size:clamp(1.9rem,4vw,2.6rem)}.article .meta{color:var(--muted);font-size:.9rem}.prose{font-size:1.075rem}.prose h2{margin-top:2.2em}.prose code{font-family:var(--mono);background:var(--accent-soft);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{border-radius:var(--radius);padding:18px;font-size:.9rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.5em 0;padding:4px 20px}.cta-box{border-radius:var(--radius);background:var(--accent-soft);margin:56px 0;padding:28px}.cta-box h3{margin-top:0}.timeline{flex-direction:column;gap:20px;display:flex}.exp-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.exp-head .period{font-family:var(--mono);color:var(--muted);font-size:.85rem}.exp-company{color:var(--accent);margin:2px 0 10px;font-weight:500}.card ul{color:var(--muted);margin:0;padding-left:20px}.card li{margin:4px 0}.cv-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.list-plain{list-style:none;padding:0!important}.list-plain li{border-bottom:1px solid var(--border);padding:8px 0}.list-plain li:last-child{border-bottom:none}.list-plain small{color:var(--muted)}.contact{text-align:center;background:linear-gradient(135deg, var(--accent-soft), var(--surface));border:1px solid var(--border);border-radius:24px;padding:56px 24px}.contact h2{margin:0 0 12px;font-size:2rem}.contact p{color:var(--muted);max-width:520px;margin:0 auto 24px}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:48px;padding:28px 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-inner p{margin:0}.footer-links{gap:18px;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text;color:#0000!important}.hero-center{text-align:center;padding-bottom:32px}.hero-center .lead{max-width:640px;margin-inline:auto}.hero-center .hero-actions{justify-content:center}section.tight{padding-top:16px}.page-title{font-size:2.4rem}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cat-card{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);border-top:3px solid var(--c);flex-direction:column;gap:4px;padding:18px;transition:transform .15s;display:flex}.cat-card:hover{text-decoration:none;transform:translateY(-2px)}.cat-icon{background:var(--f);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;display:inline-flex}.cat-card small{color:var(--muted)}.cat-card .cat-count{font-family:var(--mono);margin-top:4px;font-size:.75rem}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.guide-card{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.guide-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 30px -12px #0000002e}.guide-card .thumb{border-bottom:1px solid var(--border);aspect-ratio:16/10;background:#fff;overflow:hidden}.guide-card .thumb .diagram{border:none;border-radius:0;margin:0}.guide-card .thumb figcaption{display:none}.guide-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.guide-card h3{margin:0;font-size:1.1rem}.guide-card p{color:var(--muted);flex:1;margin:0;font-size:.92rem}.guide-card time{font-family:var(--mono);color:var(--muted);font-size:.78rem}.cat-pill{border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.cat-pill:hover{text-decoration:none}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filters .tag{font-family:var(--font);background:var(--surface);color:var(--muted);border:1px solid var(--border);padding:6px 12px;font-size:.85rem}.filters .tag.active,.filters .tag:hover{background:var(--accent);color:#fff;border-color:var(--accent);text-decoration:none}.diagram{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:2em 0;overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{color:var(--muted);background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;display:flex}.diagram-dl{font:inherit;color:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:5px 12px;font-weight:600}.diagram-dl:hover{border-color:var(--accent)}.article .diagram{width:min(1080px,100vw - 32px);position:relative;left:50%;transform:translate(-50%)}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.prose th{background:var(--accent-soft)}@media (width<=760px){.cat-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.logo{font-size:1rem}.hero{padding-top:40px}.hero-grid,.grid-2,.cv-grid{grid-template-columns:1fr}.hero-photo{order:-1;max-width:260px}.stats{grid-template-columns:repeat(2,1fr)}nav{gap:12px}nav a:not(.btn){font-size:.875rem}.nav .btn-small{display:none}section{padding:44px 0}}@media print{.site-header,.site-footer,.no-print{display:none!important}body{color:#000;background:#fff}}