@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--slate-950:#0A0E13;--slate-900:#0E141B;--slate-850:#131A23;--slate-800:#18212C;--slate-750:#1E2935;--slate-700:#273341;--slate-600:#36465A;--slate-500:#4C5E73;--slate-400:#6B7E93;--slate-300:#94A6B8;--slate-200:#C2CEDA;--slate-100:#E2E9F0;--slate-050:#F2F5F8;--paper:#FBFCFD;--paper-100:#F2F5F8;--paper-200:#E6EBF0;--paper-300:#D4DCE4;--ink-900:#0E141B;--ink-700:#2B3744;--ink-500:#54647A;--ink-muted:#5B6B7A;--cyan-100:#C8FBF7;--cyan-300:#6FF2EA;--cyan-400:#2EE9DD;--cyan-500:#15D3C8;--cyan-600:#0FB1A8;--cyan-glow:rgba(46,233,221,0.30);--acid-400:#9DF23A;--acid-500:#7FD51F;--green-400:#34D399;--amber-400:#FBBF24;--red-400:#FB6F6F;--blue-400:#5AA9FF;--bg-void:var(--slate-950);--bg-base:var(--slate-900);--bg-raised:var(--slate-850);--surface-card:var(--slate-800);--surface-elev:var(--slate-750);--surface-inset:var(--slate-950);--text-primary:var(--slate-100);--text-secondary:var(--slate-300);--text-muted:var(--slate-400);--text-inverse:var(--ink-900);--text-on-accent:#042B29;--border-subtle:var(--slate-700);--border-default:var(--slate-600);--border-strong:var(--slate-500);--accent:var(--cyan-400);--accent-hover:var(--cyan-300);--accent-press:var(--cyan-500);--accent-soft:rgba(46,233,221,0.12);--accent-glow:var(--cyan-glow);--ring:rgba(46,233,221,0.55);--code-bg:#0B1118;--code-bg-line:rgba(255,255,255,0.025);--code-border:var(--slate-700);--code-text:#C7D4E1;--code-gutter:var(--slate-500);--code-comment:#5C6E80;--code-keyword:#2EE9DD;--code-string:#9DF23A;--code-number:#FBBF24;--code-function:#5AA9FF;--code-type:#6FF2EA;--code-variable:#E2E9F0;--code-operator:#8FA3B6;--code-punct:#6B7E93;--code-deleted:#FB6F6F;--code-added:#34D399}.surface-light{--bg-base:var(--paper);--bg-raised:var(--paper-100);--surface-card:#FFFFFF;--surface-elev:var(--paper);--surface-inset:var(--paper-100);--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-muted:#5B6B7A;--text-inverse:var(--slate-100);--border-subtle:var(--paper-200);--border-default:var(--paper-300);--border-strong:#B7C2CD;--accent:var(--cyan-600);--accent-hover:var(--cyan-500);--accent-press:#0A8F88;--accent-soft:rgba(15,177,168,0.10);color:var(--text-primary);background:var(--bg-base)}:root{--font-display:"Space Grotesk","Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:3.875rem;--text-5xl:5rem;--text-6xl:6.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--lh-tight:1.04;--lh-snug:1.18;--lh-normal:1.45;--lh-relaxed:1.7;--ls-tight:-0.03em;--ls-snug:-0.015em;--ls-normal:0;--ls-wide:0.02em;--ls-mono:0.12em;--display-font:var(--font-display);--heading-font:var(--font-display);--body-font:var(--font-body);--label-font:var(--font-mono);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-11:6.5rem;--space-12:8rem;--container:1440px;--container-prose:860px;--container-wide:1600px;--gutter:var(--space-5);--section-y:var(--space-11);--radius-none:0;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--border-width:1px;--border-width-thick:2px;--shadow-xs:0 1px 2px rgba(0,0,0,0.30);--shadow-sm:0 2px 6px rgba(0,0,0,0.35);--shadow-md:0 8px 24px rgba(0,0,0,0.40);--shadow-lg:0 18px 48px rgba(0,0,0,0.50);--ring-hairline:inset 0 0 0 1px rgba(255,255,255,0.04);--glow-accent:0 0 0 1px var(--accent),0 6px 28px var(--accent-glow);--glow-accent-sm:0 0 18px var(--accent-glow);--shadow-light-sm:0 1px 3px rgba(14,20,27,0.08);--shadow-light-md:0 8px 28px rgba(14,20,27,0.10)}.surface-light{--shadow-xs:var(--shadow-light-sm);--shadow-sm:var(--shadow-light-sm);--shadow-md:var(--shadow-light-md);--ring-hairline:inset 0 0 0 1px rgba(14,20,27,0.05)}:root{--dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);--transition-base:all var(--dur-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}::selection{background:var(--accent);color:var(--text-on-accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--text-primary);margin:0}.kicker,code,kbd,pre,samp{font-family:var(--font-mono)}.kicker{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:var(--space-2)}.bg-grid{background-image:radial-gradient(rgba(148,166,184,.1) 1px,transparent 0);background-size:22px 22px}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-xs)}.prose{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--text-secondary)}.prose>*+*{margin-top:var(--space-5)}.prose h2{font-size:var(--text-2xl);letter-spacing:var(--ls-snug);margin-top:var(--space-9);margin-bottom:var(--space-1)}.prose h2,.prose h3{color:var(--text-primary)}.prose h3{font-size:var(--text-lg);margin-top:var(--space-7)}.prose p{margin:0;text-wrap:pretty}.prose strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.prose a{text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft)}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose ol,.prose ul{padding-left:var(--space-5);margin:0}.prose li+li{margin-top:var(--space-2)}.prose li{padding-left:var(--space-1)}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);padding-left:var(--space-5);margin-left:0;color:var(--text-primary);font-size:var(--text-lg);font-style:italic}.prose :not(pre)>code{font-size:.875em;background:var(--accent-soft);color:var(--accent-hover);padding:.12em .4em;border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none}.am-btn:active{transform:translateY(1px)}.am-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.am-btn svg{width:1.05em;height:1.05em}.am-btn--sm{height:32px;padding:0 var(--space-4);font-size:var(--text-xs)}.am-btn--md{height:40px}.am-btn--lg{height:50px;padding:0 var(--space-6);font-size:var(--text-base)}.am-btn--block{display:flex;width:100%}.am-btn--primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.am-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--glow-accent-sm)}.am-btn--primary:active{background:var(--accent-press)}.am-btn--secondary{background:var(--surface-elev);color:var(--text-primary);border-color:var(--border-default)}.am-btn--secondary:hover{border-color:var(--accent);color:var(--accent-hover)}.am-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.am-btn--ghost:hover{background:var(--accent-soft);color:var(--accent-hover)}.am-btn--icon{padding:0;aspect-ratio:1}.am-tag{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-elev);color:var(--text-secondary);white-space:nowrap;transition:var(--transition-base)}.am-tag__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.am-tag--interactive{cursor:pointer}.am-tag--interactive:hover{border-color:var(--accent);color:var(--text-primary)}.am-tag--active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.am-tag--fieldnote{color:var(--acid-400);border-color:rgba(157,242,58,.35);background:rgba(157,242,58,.08)}.am-tag--casestudy{color:var(--cyan-300);border-color:rgba(46,233,221,.35);background:rgba(46,233,221,.08)}.am-tag--skill{text-transform:uppercase;border-radius:var(--radius-xs);height:24px}.am-tag--fullstack{color:var(--blue-400);border-color:rgba(90,169,255,.3)}.am-tag--web3{color:var(--amber-400);border-color:rgba(251,191,36,.3)}.am-tag--aiml{color:var(--cyan-300);border-color:rgba(46,233,221,.3)}.am-tag--security{color:var(--acid-400);border-color:rgba(157,242,58,.3)}.am-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-semibold);border-radius:var(--radius-xs);background:var(--surface-elev);color:var(--text-secondary);border:1px solid var(--border-subtle)}.am-badge--accent{background:var(--accent-soft);color:var(--accent-hover);border-color:transparent}.am-badge--success{background:rgba(52,211,153,.12);color:var(--green-400);border-color:transparent}.am-badge--warn{background:rgba(251,191,36,.12);color:var(--amber-400);border-color:transparent}.am-badge--danger{background:rgba(251,111,111,.12);color:var(--red-400);border-color:transparent}.am-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.am-card{position:relative;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),var(--ring-hairline);overflow:hidden;transition:border-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.am-card--pad{padding:var(--space-6)}.am-card--interactive{cursor:pointer}.am-card--interactive:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--ring-hairline)}.am-card--interactive:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.am-card--interactive:hover:after{transform:scaleX(1)}.am-code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);box-shadow:var(--ring-hairline)}.am-code__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.02);border-bottom:1px solid var(--code-border)}.am-code__dots{display:flex;gap:6px}.am-code__dots i{width:10px;height:10px;border-radius:50%;background:var(--slate-700);display:block}.am-code__file{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--ls-wide)}.am-code__lang{margin-left:auto;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--accent)}.am-code__copy{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);border-radius:var(--radius-xs);padding:3px 8px;cursor:pointer;transition:var(--transition-base)}.am-code__copy:hover{border-color:var(--accent);color:var(--accent)}.am-code__scroll{overflow-x:auto}.am-code pre{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);line-height:1.65}.am-code code{font-family:var(--font-mono);color:var(--code-text);white-space:pre}.am-code__ln{display:inline-block;width:2.5ch;margin-right:var(--space-4);color:var(--code-gutter);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tok-comment{color:var(--code-comment);font-style:italic}.tok-keyword{color:var(--code-keyword)}.tok-string{color:var(--code-string)}.tok-number{color:var(--code-number)}.tok-function{color:var(--code-function)}.tok-type{color:var(--code-type)}.tok-operator{color:var(--code-operator)}.tok-punct{color:var(--code-punct)}.am-clip{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);background:var(--surface-inset);box-shadow:var(--ring-hairline)}.am-clip video,.am-clip__poster{display:block;width:100%;height:auto}.am-clip__poster{aspect-ratio:16/9;background:radial-gradient(120% 120% at 70% 20%,rgba(46,233,221,.1),transparent 55%),var(--surface-inset);background-image:radial-gradient(rgba(148,166,184,.1) 1px,transparent 0);background-size:18px 18px}.am-clip__chip{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-xs);background:rgba(10,14,19,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);color:var(--text-primary);border:1px solid rgba(255,255,255,.08)}.am-clip__live{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:var(--glow-accent-sm)}.am-clip__play{position:absolute;inset:0;margin:auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(10,14,19,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;cursor:pointer;transition:var(--transition-base)}.am-clip__play:hover{box-shadow:var(--glow-accent);border-color:var(--accent)}.am-clip__cap,.am-figure__cap{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3);line-height:var(--lh-normal)}.am-figure{margin:0}.am-figure__frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);background:var(--surface-inset);box-shadow:var(--ring-hairline)}.am-figure__frame img{display:block;width:100%;height:auto}.am-figure--bare .am-figure__frame{border:none;box-shadow:none}.am-field{display:flex;flex-direction:column;gap:var(--space-2)}.am-field__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-muted)}.am-input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-4);height:46px;transition:var(--transition-base)}textarea.am-input{height:auto;padding:var(--space-4);resize:vertical;line-height:var(--lh-normal)}.am-input::placeholder{color:var(--text-muted)}.am-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.am-nav{position:relative;display:flex;align-items:center;gap:var(--space-6);height:68px;padding:0 var(--space-6);background:rgba(14,20,27,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border-subtle)}.am-nav__brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none}.am-nav__mark{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1.5px solid var(--accent);border-radius:var(--radius-sm);font-size:15px;color:var(--accent);letter-spacing:-.04em}.am-nav__mark,.am-nav__name{font-family:var(--font-display);font-weight:var(--fw-bold)}.am-nav__name{font-size:var(--text-md);color:var(--text-primary);letter-spacing:var(--ls-snug)}.am-nav__menu{flex:1 1;gap:var(--space-5)}.am-nav__links,.am-nav__menu{display:flex;align-items:center}.am-nav__links{gap:var(--space-1)}.am-nav__cta{margin-left:auto}.am-nav__link{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:var(--transition-base)}.am-nav__link:hover{color:var(--text-primary);background:var(--surface-elev)}.am-nav__link--active{color:var(--accent)}.am-nav__toggle{display:none;margin-left:auto;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}@media (max-width:760px){.am-nav{gap:var(--space-3)}.am-nav__toggle{display:inline-flex}.am-nav__menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-5);background:rgba(14,20,27,.97);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-md,0 12px 32px rgba(0,0,0,.4));display:none}.am-nav__menu--open{display:flex}.am-nav__links{flex-direction:column;align-items:stretch;gap:2px}.am-nav__link{padding:var(--space-3);font-size:var(--text-md)}.am-nav__cta{margin-left:0}.am-nav__cta .am-btn{width:100%;justify-content:center}}.am-footer{background:var(--bg-void);border-top:1px solid var(--border-subtle);padding:var(--space-9) var(--space-6) var(--space-7)}.am-footer__row{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start;justify-content:space-between;max-width:var(--container);margin:0 auto}.am-footer__socials{display:flex;gap:var(--space-2)}.am-footer__soc{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-base)}.am-footer__soc:hover{color:var(--accent);border-color:var(--accent)}.am-footer__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-6);max-width:var(--container);margin-left:auto;margin-right:auto}.post-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:760px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (min-width:860px){.contact-grid{grid-template-columns:1.4fr 1fr;gap:var(--space-7)}}.field-row{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:560px){.field-row{grid-template-columns:1fr 1fr}}.editor-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (min-width:880px){.editor-grid{grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-7)}}