:root{--bg-0: #0a0a0a;--bg-1: #111111;--bg-2: #161616;--bg-3: #1c1c1c;--border: #242424;--border-strong: #333333;--border-faint: #1b1b1b;--fg-0: #ededed;--fg-1: #9b9b9b;--fg-2: #6b6b6b;--fg-3: #4a4a4a;--accent: #00c4a7;--accent-hi: #2fded0;--accent-dim: #0a8f7c;--accent-bg: rgba(0, 196, 167, .1);--accent-border: rgba(0, 196, 167, .32);--accent-glow: rgba(0, 196, 167, .22);--teal: #4fd6c0;--blue: #6e8efb;--amber: #e0a458;--purple: #b48ce0;--rose: #e07a8c;--green: #6bc488;--danger: #e0697a;--danger-bg: rgba(224, 105, 122, .1);--warn: #d8a24a;--success: var(--accent);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-hero: clamp(2.5rem, 6vw, 3.5rem);--t-h1: 2.25rem;--t-h2: 1.75rem;--t-h3: 1.25rem;--t-h4: 1.0625rem;--t-body: 1rem;--t-sm: .875rem;--t-xs: .8125rem;--t-2xs: .6875rem;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.65;--tr-tight: -.02em;--tr-snug: -.01em;--tr-normal: 0;--tr-wide: .04em;--tr-caps: .12em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--measure: 768px;--measure-wide: 960px;--gutter: 24px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--ring: 0 0 0 3px var(--accent-glow);--glow-accent: 0 0 24px -6px var(--accent-glow);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .32s}.ds-hero{font-family:var(--font-display);font-size:var(--t-hero);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-0)}h1,.ds-h1{font-family:var(--font-display);font-size:var(--t-h1);font-weight:var(--w-semibold);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);color:var(--fg-0)}h2,.ds-h2{font-family:var(--font-display);font-size:var(--t-h2);font-weight:var(--w-semibold);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);color:var(--fg-0)}h3,.ds-h3{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--w-semibold);line-height:var(--lh-snug);color:var(--fg-0)}p,.ds-body{font-family:var(--font-body);font-size:var(--t-body);font-weight:var(--w-regular);line-height:var(--lh-normal);color:var(--fg-1)}.ds-lead{font-family:var(--font-body);font-size:var(--t-h4);line-height:1.55;color:var(--fg-1)}.ds-label{font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:var(--w-medium);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--fg-2)}.ds-meta{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:var(--tr-wide);color:var(--fg-2)}code,.ds-code{font-family:var(--font-mono);font-size:.9em;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-xs);padding:.1em .4em}a,.ds-link{color:var(--fg-0);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover,.ds-link:hover{color:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-bg);color:var(--accent-hi)}.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border-faint) 1px,transparent 1px),linear-gradient(90deg,var(--border-faint) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%);opacity:.6}.shell{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}section{scroll-margin-top:88px}.section-pad{padding:var(--sp-9) 0}.section-pad-sm{padding:var(--sp-8) 0}.overline{font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:var(--w-medium);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--fg-2);display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}.overline:before{content:"∇";color:var(--accent);font-size:1.1em}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0a0a0ab8;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{max-width:var(--measure);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;cursor:pointer}.brand svg{display:block}.brand-name{font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--fg-0)}.brand-cursor{width:7px;height:16px;background:var(--accent);display:inline-block;animation:blink 1.1s steps(1) infinite;margin-left:1px}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;align-items:center;gap:var(--sp-5)}.nav-link{font-family:var(--font-mono);font-size:13px;color:var(--fg-1);background:none;border:none;cursor:pointer;padding:0;transition:color var(--dur) var(--ease);letter-spacing:.01em}.nav-link:hover{color:var(--fg-0)}.nav-link.active{color:var(--accent)}@media(max-width:560px){.nav-link.hide-sm{display:none}}.btn{font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--w-medium);border-radius:var(--r-sm);padding:10px 16px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);transition:all var(--dur) var(--ease);white-space:nowrap;line-height:1}.btn .ic{width:15px;height:15px}.btn-primary{background:var(--accent);color:#04130f}.btn-primary:hover{background:var(--accent-hi);box-shadow:var(--glow-accent)}.btn-primary:active{background:var(--accent-dim)}.btn-secondary{background:transparent;color:var(--fg-0);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-2);border-color:var(--fg-3)}.btn-secondary:active{background:var(--bg-3)}.btn-ghost{background:transparent;color:var(--fg-1);padding:10px 12px}.btn-ghost:hover{color:var(--fg-0);background:var(--bg-1)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn .arr{transition:transform var(--dur) var(--ease)}.btn:hover .arr{transform:translate(2px)}.hero{position:relative;padding-top:150px;padding-bottom:var(--sp-9);overflow:hidden}.hero-status{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-2);margin-bottom:var(--sp-5)}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.hero h1{font-family:var(--font-display);font-size:var(--t-hero);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-0);margin-bottom:var(--sp-4);max-width:16ch}.hero h1 .accent{color:var(--accent)}.hero-tag{font-family:var(--font-mono);font-size:var(--t-h4);color:var(--fg-1);min-height:1.6em;margin-bottom:var(--sp-6);letter-spacing:-.01em}.type-cursor{display:inline-block;width:9px;height:1.05em;background:var(--accent);vertical-align:-2px;margin-left:3px;animation:blink 1.1s steps(1) infinite}.hero-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap}.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5)}.pill{font-family:var(--font-mono);font-size:var(--t-xs);border-radius:var(--r-full);padding:6px 14px;border:1px solid var(--border);color:var(--fg-1);background:transparent;cursor:pointer;transition:all var(--dur) var(--ease)}.pill:hover{border-color:var(--border-strong);color:var(--fg-0)}.pill.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media(max-width:600px){.cards{grid-template-columns:1fr}}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;flex-direction:column;gap:var(--sp-3)}.card:hover{border-color:var(--border-strong);background:var(--bg-1);box-shadow:var(--shadow-md)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.card-title{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--w-semibold);color:var(--fg-0)}.card-links{display:flex;gap:10px;color:var(--fg-2);flex-shrink:0}.card-links a{color:var(--fg-2);display:inline-flex;transition:color var(--dur) var(--ease)}.card-links a:hover{color:var(--accent)}.card-desc{font-size:var(--t-sm);color:var(--fg-1);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--fg-2);letter-spacing:.04em}.stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.badge{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:3px 9px;white-space:nowrap}.badge-sm{font-size:11px;padding:2px 8px}.article-list{display:flex;flex-direction:column}.article{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-4) 0;border-bottom:1px solid var(--border-faint);cursor:pointer;transition:padding var(--dur) var(--ease)}.article:hover{padding-left:6px}.article-body{display:flex;flex-direction:column;gap:5px}.article-title{font-family:var(--font-display);font-size:var(--t-h4);font-weight:var(--w-medium);color:var(--fg-0);transition:color var(--dur) var(--ease)}.article:hover .article-title{color:var(--accent)}.article-meta{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-2);letter-spacing:.03em}.article-desc{font-size:var(--t-sm);color:var(--fg-1);max-width:56ch}.article-arrow{color:var(--fg-3);flex-shrink:0;margin-top:4px;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}.article:hover .article-arrow{color:var(--accent);transform:translate(2px,-2px)}.timeline{border-left:1px solid var(--border);margin-left:4px}.tl-item{position:relative;padding:0 0 var(--sp-6) var(--sp-5)}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-4.5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border-strong)}.tl-item.current:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.tl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2px var(--sp-4);flex-wrap:wrap}.tl-role{font-family:var(--font-display);font-size:var(--t-h4);font-weight:var(--w-semibold);color:var(--fg-0);line-height:1.4;flex:1 1 auto;min-width:0}.tl-range{padding-top:3px}.tl-co{color:var(--fg-1);font-weight:var(--w-regular)}.tl-range{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-2);white-space:nowrap}.tl-bullets{list-style:none;margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.tl-bullets li{font-size:var(--t-sm);color:var(--fg-1);padding-left:var(--sp-4);position:relative;line-height:1.55}.tl-bullets li:before{content:"→";position:absolute;left:0;color:var(--fg-3)}.skills{display:flex;gap:7px;flex-wrap:wrap}.contact{text-align:center}.contact h2{margin-bottom:var(--sp-4)}.contact-email{font-family:var(--font-mono);font-size:var(--t-h4);color:var(--accent);display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;border:1px solid var(--accent-border);background:var(--accent-bg);padding:10px 18px;border-radius:var(--r-sm);transition:all var(--dur) var(--ease)}.contact-email:hover{background:#00c4a729;box-shadow:var(--glow-accent)}.contact-email .ic{width:16px;height:16px}.socials{display:flex;gap:var(--sp-5);justify-content:center;margin-top:var(--sp-6);color:var(--fg-2)}.socials a{color:var(--fg-2);display:inline-flex;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}.socials a:hover{color:var(--fg-0);transform:translateY(-2px)}.footer{border-top:1px solid var(--border);padding:var(--sp-6) 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.footer-note{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-3)}.overlay{position:fixed;inset:0;z-index:80;background:#050505b8;backdrop-filter:blur(4px);display:flex;justify-content:center;padding:64px var(--gutter);overflow-y:auto;animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}}.reader{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);max-width:680px;width:100%;height:max-content;padding:40px;box-shadow:var(--shadow-lg);animation:rise var(--dur-slow) var(--ease-out)}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.reader-close{float:right;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-2);width:32px;height:32px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur) var(--ease)}.reader-close:hover{color:var(--fg-0);border-color:var(--border-strong)}.reader h2{margin:var(--sp-3) 0 var(--sp-3)}.reader .article-meta{margin-bottom:var(--sp-5);display:block}.reader p{margin-bottom:var(--sp-4)}.reader code{font-size:.88em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:var(--t-xs);padding:9px 16px;border-radius:var(--r-sm);box-shadow:var(--shadow-md);z-index:90;animation:rise var(--dur) var(--ease-out)}.ic-stroke{stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-link[data-astro-cid-5blmo7yk]{text-decoration:none}