@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-bg-base:#f6f7fa;--color-bg-surface:#edf1f6;--color-bg-elevated:#fff;--color-bg-glass:#ffffffd6;--color-bg-card:#fff;--color-bg-input:#0f172a0e;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#5c6578;--color-primary:#6366f1;--color-primary-alt:#8b5cf6;--color-primary-base:#6366f1;--color-primary-deep:#8b5cf6;--gradient-accent:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-alt) 100%);--color-primary-glow:#6366f147;--color-primary-subtle:#6366f11a;--color-primary-border:#6366f157;--color-border-primary-hover:#6366f16b;--color-border-primary-soft:#6366f133;--color-border-primary-strong:#6366f173;--color-accent-cool:#6366f11f;--color-accent-cool-soft:#6366f112;--color-accent-violet:#8b5cf61a;--color-accent-violet-soft:#8b5cf60f;--color-border:#0f172a11;--color-border-strong:#0f172a1c;--color-border-muted:#0f172a0e;--color-border-hairline:#0f172a0d;--color-social-linkedin:#0a66c2;--color-social-linkedin-bg:#0a66c22e;--color-social-linkedin-border:#0a66c273;--color-text-link:#4f46e5;--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-body-sm:.9375rem;--text-body:1rem;--text-body-lg:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-h3:clamp(1.85rem, 4vw, 2.5rem);--text-h2-contact:clamp(2rem, 4.5vw, 2.75rem);--text-hero:clamp(2.15rem, 6.5vw, 3.35rem);--text-eyebrow:.75rem;--text-label:.78rem;--text-caption:.65rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--leading-relaxed:1.65;--leading-loose:1.75;--tracking-tight:-.03em;--tracking-ui:-.02em;--tracking-wide:.06em;--tracking-label:.14em;--tracking-eyebrow:.16em;--tracking-eyebrow-section:.14em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--section-padding-y:clamp(2.75rem, 7vw, 4.5rem);--section-padding-x:clamp(1rem, 4vw, 1.75rem);--section-padding-y-hero:clamp(2.75rem, 10vw, 5.5rem);--section-gap-after-title:2.5rem;--layout-max:1080px;--layout-gutter:3rem;--header-h:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-pill:999px;--radius:var(--radius-md);--shadow-inset-hairline:0 1px 0 #ffffffe0 inset;--shadow-inset-well:0 1px 2px #0f172a0a inset;--shadow-xs:0 1px 3px #0f172a0b, 0 4px 14px #0f172a0c;--shadow-sm:0 2px 8px #0f172a0c, 0 14px 36px #0f172a0f;--shadow-md:0 4px 16px #0f172a0d, 0 20px 48px #0f172a0f;--shadow-lg:0 8px 24px #0f172a0e, 0 28px 64px #0f172a12;--shadow-xl:0 12px 32px #0f172a0d, 0 40px 80px #0f172a0f;--shadow-glow-primary:0 8px 30px #6366f126, 0 2px 10px #6366f11a;--shadow-glow-primary-lg:0 12px 38px #6366f126, 0 3px 12px #8b5cf614;--shadow-accent-ambient:0 14px 44px #8b5cf60e;--shadow-card-hover:0 6px 22px #0f172a0e, 0 24px 52px #0f172a13, 0 0 0 1px #6366f10e;--shadow-skill-hover:0 4px 16px #0f172a0b, 0 16px 40px #0f172a0f;--shadow-nav:0 1px 0 #ffffffa6 inset, 0 4px 24px #0f172a09, 0 12px 40px #0f172a0a;--shadow-footer:0 -1px 0 #ffffffb3 inset, 0 -8px 32px #0f172a08;--ambient-gold-x:72%;--ambient-gold-y:6%;--ambient-cool-x:90%;--ambient-cool-y:18%;--duration-ambient:1.35s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-reveal:cubic-bezier(.33, 1, .68, 1);--ease-default:ease;--duration-fast:.16s;--duration-base:.22s;--duration-slow:.38s;--duration-reveal:.68s;--duration-hero-enter:.78s;--btn-font-size:.875rem;--btn-font-size-sm:.8rem;--btn-padding-y:.85rem;--btn-padding-x:1.5rem;--btn-radius:var(--radius-pill);--btn-primary-fg:#fff;--btn-primary-bg:var(--gradient-accent);--btn-primary-inset:inset 0 1px 0 #ffffff42;--btn-primary-inset-hover:inset 0 1px 0 #ffffff57;--btn-primary-press:inset 0 2px 4px #0f172a1f;--btn-primary-shadow:var(--shadow-glow-primary), var(--btn-primary-inset);--btn-primary-shadow-hover:var(--shadow-glow-primary-lg), var(--btn-primary-inset-hover);--btn-ghost-border:#0f172a20;--btn-ghost-bg:linear-gradient(180deg, #fff 0%, #e8ecf3 100%);--ease-interactive:cubic-bezier(.33, 1, .68, 1);--card-radius:calc(var(--radius-md) + 4px);--card-radius-sm:var(--radius-lg);--card-border:1px solid var(--color-border-hairline);--card-bg:linear-gradient(165deg, #fff 0%, #faf9ff 48%, #f3f4f8 100%);--card-shadow:var(--shadow-sm), var(--shadow-inset-hairline), 0 0 0 1px #ffffffa6 inset;--card-transition:transform var(--duration-slow) var(--ease-reveal), border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-slow) var(--ease-reveal);--surface-page-ambient:radial-gradient(ellipse 110% 72% at 50% -26%, #6366f112, transparent 58%), radial-gradient(ellipse 72% 48% at 100% 14%, #8b5cf60d, transparent 52%), radial-gradient(ellipse 90% 60% at 20% 100%, #eef2f7d9, transparent 55%), var(--color-bg-base);--surface-header:linear-gradient(180deg, #fffffff0 0%, #ffffffd1 100%);--body-bg-image:radial-gradient(ellipse 100% 58% at 50% -10%, #6366f10f, transparent 58%), linear-gradient(180deg, #f8f9fc 0%, var(--color-bg-base) 40%, #f0f2f7 100%)}@media (width<=768px){:root{--color-text-muted:#5a6370;--color-border-hairline:#0f172a0f;--btn-ghost-border:#0f172a22;--shadow-xs:0 1px 3px #0f172a0b, 0 4px 14px #0f172a0e;--shadow-sm:0 2px 10px #0f172a0d, 0 14px 36px #0f172a11;--shadow-nav:0 1px 0 #ffffff8c inset, 0 2px 8px #0f172a0a, 0 10px 32px #0f172a0d;--section-padding-x:clamp(1.125rem, 5vw, 1.75rem);--layout-gutter:1.5rem}}@media (width<=640px){:root{--section-padding-y:clamp(2.35rem, 8vw, 3.25rem);--section-padding-y-hero:clamp(2.35rem, 11vw, 4.25rem);--section-gap-after-title:2rem;font-size:16px}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-height:100svh;font-family:var(--font-ui);font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);background-color:var(--color-bg-base);background-image:var(--body-bg-image);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-weight:400;overflow-x:clip}@media (width<=900px){body{background-attachment:scroll}}p,.section__lead,.about__paragraph,.contact__lead,.showcase-card__impact{overflow-wrap:break-word;word-wrap:break-word}.section__title,.hero__display{text-wrap:balance}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#root{min-height:100svh}a{color:var(--color-text-link);text-underline-offset:.22em;transition:color var(--duration-base) var(--ease-interactive), text-decoration-color var(--duration-base) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive);text-decoration:none;text-decoration-thickness:1px}a:hover{color:var(--color-primary-alt);-webkit-text-decoration:underline #6366f173;text-decoration:underline #6366f173}.skip-link,.site-logo,.site-nav a,.btn,.showcase-btn,.social-btn,.skip-link:hover,.site-logo:hover,.site-nav a:hover,.site-nav a:focus-visible,.btn:hover,.btn:focus-visible,.showcase-btn:hover,.showcase-btn:focus-visible,.social-btn:hover,.social-btn:focus-visible{text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #6366f173}.btn:focus-visible,.showcase-btn:focus-visible,.social-btn:focus-visible{outline-color:var(--color-primary);outline-offset:3px}.site-nav a:focus-visible{outline-offset:2px}.site-nav a.is-active:focus-visible{outline-color:var(--btn-primary-fg);outline-offset:2px}.skip-link{z-index:200;padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-body-sm);box-shadow:var(--shadow-xs);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.skip-link:hover{text-decoration:none}.reveal--rise{opacity:0;transition:opacity var(--duration-reveal) var(--ease-reveal), transform var(--duration-reveal) var(--ease-reveal);transform:translateY(14px)}.reveal--rise.reveal--visible{opacity:1;transform:translate(0,0)}.reveal--fade{opacity:0;transition:opacity var(--duration-reveal) var(--ease-reveal), transform var(--duration-reveal) var(--ease-reveal);transform:translateY(6px)}.reveal--fade.reveal--visible{opacity:1;transform:translate(0,0)}.reveal--soft{opacity:0;transition:opacity var(--duration-reveal) var(--ease-reveal), transform var(--duration-reveal) var(--ease-reveal);transform:translateY(10px)}.reveal--soft.reveal--visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reveal--rise,.reveal--fade,.reveal--soft{opacity:1;transition:none;transform:none}}[data-theme=dark]{--color-bg-base:#0f172a;--color-bg-surface:#1e293b;--color-bg-elevated:#334155;--color-bg-glass:#0f172ae0;--color-bg-card:#1e293b;--color-bg-input:#ffffff0f;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-link:#a5b4fc;--color-primary:#818cf8;--color-primary-alt:#a78bfa;--color-primary-base:#818cf8;--color-primary-deep:#a78bfa;--gradient-accent:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-alt) 100%);--color-primary-glow:#818cf861;--color-primary-subtle:#6366f129;--color-primary-border:#818cf873;--color-border-primary-hover:#818cf88c;--color-border-primary-soft:#818cf852;--color-border-primary-strong:#a5b4fc80;--color-accent-cool:#6366f124;--color-accent-cool-soft:#6366f114;--color-accent-violet:#8b5cf61f;--color-accent-violet-soft:#8b5cf612;--color-border:#ffffff1a;--color-border-strong:#ffffff24;--color-border-muted:#ffffff14;--color-border-hairline:#ffffff0f;--color-social-linkedin-bg:#0a66c247;--color-social-linkedin-border:#38a3f073;--shadow-inset-hairline:0 1px 0 #ffffff0f inset;--shadow-inset-well:0 1px 2px #00000059 inset;--shadow-xs:0 1px 2px #00000073, 0 4px 12px #00000040;--shadow-sm:0 2px 8px #00000073, 0 14px 36px #00000047;--shadow-md:0 4px 16px #0006, 0 20px 48px #00000040;--shadow-lg:0 8px 24px #0000006b, 0 28px 64px #00000047;--shadow-xl:0 12px 32px #0006, 0 40px 80px #00000047;--shadow-glow-primary:0 8px 30px #6366f147, 0 2px 10px #6366f126;--shadow-glow-primary-lg:0 12px 38px #6366f147, 0 3px 12px #8b5cf61f;--shadow-accent-ambient:0 14px 44px #6366f11f;--shadow-card-hover:0 6px 22px #00000059, 0 24px 52px #00000038, 0 0 0 1px #818cf81f;--shadow-skill-hover:0 4px 16px #00000052, 0 16px 40px #00000038;--shadow-nav:0 1px 0 #ffffff0d inset, 0 4px 24px #00000059, 0 12px 40px #00000040;--shadow-footer:0 -1px 0 #ffffff0d inset, 0 -8px 32px #00000059;--btn-ghost-border:#ffffff24;--btn-ghost-bg:linear-gradient(180deg, #334155 0%, #1e293b 100%);--btn-primary-press:inset 0 2px 4px #00000073;--card-bg:linear-gradient(165deg, #1e293b 0%, #1a1f35 48%, #0f172a 100%);--card-shadow:var(--shadow-sm), var(--shadow-inset-hairline), 0 0 0 1px #ffffff0a inset;--surface-page-ambient:radial-gradient(ellipse 110% 72% at 50% -26%, #6366f11f, transparent 58%), radial-gradient(ellipse 72% 48% at 100% 14%, #8b5cf614, transparent 52%), radial-gradient(ellipse 90% 60% at 20% 100%, #1e293be6, transparent 55%), var(--color-bg-base);--surface-header:linear-gradient(180deg, #0f172af5 0%, #1e293beb 100%);--body-bg-image:radial-gradient(ellipse 100% 58% at 50% -10%, #6366f124, transparent 58%), linear-gradient(180deg, #0f172a 0%, var(--color-bg-base) 45%, #020617 100%)}@media (width<=768px){[data-theme=dark]{--color-text-muted:#a1a8b8;--color-border-hairline:#ffffff12;--btn-ghost-border:#ffffff29;--shadow-xs:0 1px 3px #0006, 0 4px 14px #00000047;--shadow-sm:0 2px 10px #0000006b, 0 14px 36px #0000004d;--shadow-nav:0 1px 0 #ffffff0a inset, 0 2px 8px #00000059, 0 10px 32px #00000047}}[data-theme=dark] .site-logo:hover .site-logo__mark{box-shadow:var(--shadow-xs), 0 0 0 1px #818cf82e}[data-theme=dark] .site-logo__mark,[data-theme=dark] .site-header__menu-btn{border-color:var(--color-border-muted);background:linear-gradient(#334155 0%,#1e293b 100%)}[data-theme=dark] .site-header__theme-btn{border-color:var(--color-border-muted);color:var(--color-text-secondary);background:linear-gradient(#334155 0%,#1e293b 100%)}[data-theme=dark] .site-header__theme-btn:hover{color:var(--color-primary);border-color:#818cf859}[data-theme=dark] .site-nav a:hover{color:var(--color-text-primary);background:#ffffff0f;box-shadow:0 0 0 1px #818cf81f,0 3px 12px #00000040}@media (width<=900px){[data-theme=dark] .site-nav{background:#0f172abf}[data-theme=dark] .site-nav ul{border-color:var(--color-border-muted);background:linear-gradient(165deg,#1e293b 0%,#0f172a 100%)}}[data-theme=dark] .hero{background:radial-gradient(ellipse 95% 55% at 100% 0%, #6366f11f, transparent 58%), radial-gradient(ellipse 80% 50% at 0% 100%, #8b5cf614, transparent 55%), radial-gradient(ellipse 70% 45% at 55% 15%, #33415580, transparent 62%), linear-gradient(180deg, #1e293b 0%, var(--color-bg-base) 42%, #0f172a 100%)}[data-theme=dark] .hero:before{background:radial-gradient(120% 70% at 50% -35%,#1e293bd9,#0000 52%)}[data-theme=dark] .hero__display{text-shadow:0 1px #00000059}[data-theme=dark] .hero__grid{opacity:.12}[data-theme=dark] .hero__orb--1{border-color:#ffffff1f;box-shadow:0 12px 40px #6366f126,0 0 0 1px #6366f11a,inset 0 2px 4px #ffffff0f}[data-theme=dark] .hero__orb--2{border-color:#818cf838}[data-theme=dark] .section--about{background:radial-gradient(90% 45% at 15% 0,#6366f10f,#0000 58%),linear-gradient(#0f172afa 0%,#1e293b8c 52%,#1e293b 100%);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000040}[data-theme=dark] .section--work{background:radial-gradient(ellipse 75% 55% at 92% 8%, #6366f114, transparent 58%), linear-gradient(180deg, #1a2234 0%, var(--color-bg-base) 42%, #0f172a 100%);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0003}[data-theme=dark] .showcase-card__media{background:linear-gradient(#1e293b 0%,#0f172a 100%)}[data-theme=dark] .showcase-card__placeholder{background:linear-gradient(145deg,#6366f11f,#8b5cf614)}[data-theme=dark] .section--skills{background:radial-gradient(70% 40% at 8% 20%,#8b5cf60f,#0000 55%),linear-gradient(#1e293b 0%,#1e293b73 50%,#172033 100%);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0003}[data-theme=dark] .skill-card{background:linear-gradient(165deg,#1e293b 0%,#1a1f35 44%,#0f172a 100%)}[data-theme=dark] .skill-card--core{background:linear-gradient(135deg,#6366f11f 0%,#1e293b 55%,#0f172a 100%)}[data-theme=dark] .skill-card--exploring{background:linear-gradient(165deg,#1e293bcc 0%,#1e293b 100%)}[data-theme=dark] .skill-pill--highlight{background:linear-gradient(180deg, #33415599 0%, var(--color-primary-subtle) 100%)}[data-theme=dark] .skill-pill--rest{background:linear-gradient(#334155 0%,#1e293bcc 100%)}[data-theme=dark] .skill-pill--compact{background:#1e293bd9}[data-theme=dark] .skill-pill--explore{background:#0f172a80}[data-theme=dark] .section--contact{background:radial-gradient(85% 55% at 50% 100%,#8b5cf614,#0000 62%),linear-gradient(#1a2234 0%,#6366f10a 45%,#0f172af2 100%);box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .footer-meta{background:linear-gradient(#1e293b80 0%,#0f172af2 100%)}[data-theme=dark] .btn--ghost{background:var(--btn-ghost-bg)}[data-theme=dark] .btn--ghost:hover{background:linear-gradient(#475569 0%,#334155 100%)}[data-theme=dark] .showcase-btn--github{background:var(--btn-ghost-bg)}[data-theme=dark] .showcase-btn--github:hover{background:linear-gradient(#475569 0%,#334155 100%)}[data-theme=dark] .social-btn--secondary{background:var(--btn-ghost-bg)}[data-theme=dark] .social-btn--secondary:hover{background:linear-gradient(#475569 0%,#334155 100%)}[data-theme=dark] .portfolio-empty{background:linear-gradient(165deg,#1e293bf2 0%,#0f172abf 100%)}[data-theme=dark] .portfolio-empty code{background:#0f172aa6}[data-theme=dark] a:hover{text-decoration-color:#a5b4fc73}@media (width<=768px){[data-theme=dark] .site-header{background:linear-gradient(#0f172afa 0%,#1e293bf0 100%)}}.page{flex-direction:column;min-height:100svh;display:flex;position:relative}.page__ambient{z-index:0;pointer-events:none;position:fixed;inset:0}.page__ambient-base{background:var(--surface-page-ambient);position:absolute;inset:0}.page__ambient-orb{filter:blur(88px);pointer-events:none;transition:left var(--duration-ambient) var(--ease-out), top var(--duration-ambient) var(--ease-out);border-radius:50%;position:absolute}.page__ambient-orb--gold{width:min(78vw,640px);height:min(78vw,640px);left:var(--ambient-gold-x);top:var(--ambient-gold-y);opacity:.45;background:radial-gradient(circle,#6366f133 0%,#0000 66%);transform:translate(-50%,-50%)}.page__ambient-orb--cool{width:min(56vw,460px);height:min(56vw,460px);left:var(--ambient-cool-x);top:var(--ambient-cool-y);opacity:.4;background:radial-gradient(circle,#8b5cf61f 0%,#0000 68%);transform:translate(-50%,-50%)}@media (width<=640px){.page__ambient-orb--gold{filter:blur(64px);width:min(82vw,420px);height:min(82vw,420px)}.page__ambient-orb--cool{filter:blur(52px);width:min(64vw,300px);height:min(64vw,300px)}}@media (prefers-reduced-motion:reduce){.page__ambient-orb{transition:none}}.page>:not(.page__ambient){z-index:1;position:relative}main{flex:1}.site-header{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);max-width:calc(var(--layout-max) + var(--layout-gutter));padding-top:var(--space-3);padding-bottom:var(--space-3);padding-left:max(var(--section-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--section-padding-x), env(safe-area-inset-right,0px));border-bottom:1px solid var(--color-border-muted);background:var(--surface-header);background-color:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);box-shadow:var(--shadow-nav);margin:0 auto;display:flex;position:sticky;top:0}.site-logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);letter-spacing:var(--tracking-ui);border-radius:var(--radius-sm);transition:opacity var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive);font-weight:650;text-decoration:none;display:inline-flex}.site-logo:hover{opacity:.92}.site-logo:hover .site-logo__mark{box-shadow:var(--shadow-xs), 0 0 0 1px #6366f11a;transform:scale(1.02)}.site-logo__mark{width:2.25rem;height:2.25rem;font-family:var(--font-display);font-size:var(--text-body-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);color:var(--color-primary);box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-slow) var(--ease-out);background:linear-gradient(#fff 0%,#f8f9fb 100%);place-items:center;display:grid}.site-logo__text{font-size:var(--text-body-sm)}.site-header__menu-btn{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-text-primary);box-shadow:var(--shadow-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive);background:linear-gradient(#fff 0%,#f8f9fb 100%);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.site-header__menu-btn:hover{color:var(--color-primary);border-color:#6366f13d}.site-header__menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header--nav-open .site-header__menu-btn{color:var(--color-primary);box-shadow:var(--shadow-sm), 0 0 0 1px #6366f114;border-color:#6366f138}.site-header__menu-btn-icon{pointer-events:none;display:block}.site-header__end{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.site-header__theme-btn{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-text-secondary);box-shadow:var(--shadow-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive);background:linear-gradient(#fff 0%,#f8f9fb 100%);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-header__theme-btn:hover{color:var(--color-primary);border-color:#6366f13d}.site-header__theme-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header__theme-icon{pointer-events:none;display:block}.site-nav{flex:1;min-width:0}.site-nav ul{gap:var(--space-1) var(--space-2);flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;list-style:none;display:flex}.site-nav a{font-size:var(--text-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:color var(--duration-base) var(--ease-reveal), background var(--duration-base) var(--ease-reveal), box-shadow var(--duration-base) var(--ease-reveal), transform var(--duration-base) var(--ease-reveal);font-weight:600;text-decoration:none;position:relative}.site-nav a:not(.is-active):after{content:"";background:var(--color-primary-base);opacity:0;width:0;height:1px;transition:width var(--duration-slow) var(--ease-reveal), opacity var(--duration-base) var(--ease-reveal);position:absolute;bottom:.2rem;left:50%;transform:translate(-50%)}.site-nav a:not(.is-active):hover:after{opacity:.65;width:42%}.site-nav a:hover{color:var(--color-text-primary);background:#fffffff0;box-shadow:0 0 0 1px #6366f114,0 3px 12px #0f172a0a}.site-nav a:not(.is-active):hover{transform:none}.site-nav a.is-active{color:var(--btn-primary-fg);background:var(--gradient-accent);box-shadow:var(--btn-primary-shadow)}@media (width<=900px){.site-header{align-items:center;gap:var(--space-3);flex-wrap:nowrap}.site-header--nav-open{z-index:200}.site-logo{z-index:5;flex-shrink:0;position:relative}.site-header__menu-btn{z-index:5;display:inline-flex;position:relative}.site-nav{top:var(--site-header-h,4rem);z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-width:0;padding:var(--space-4) max(var(--section-padding-x), env(safe-area-inset-left,0px)) max(var(--space-6), env(safe-area-inset-bottom,0px)) max(var(--section-padding-x), env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(5px);background:#0f172a73;flex:none;display:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto}.site-header--nav-open .site-nav{flex-direction:column;justify-content:center;align-items:stretch;display:flex}.site-nav ul{width:100%;max-width:22rem;max-height:min(70vh,28rem);padding:var(--space-4) var(--space-4) var(--space-5);justify-content:flex-start;align-items:stretch;gap:var(--space-2);-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border-muted);box-shadow:var(--shadow-md), var(--shadow-inset-hairline);background:linear-gradient(165deg,#fff 0%,#f8f9fc 100%);flex-flow:column;margin:0 auto;overflow:hidden auto}.site-nav li{width:100%}.site-nav a{width:100%;min-height:3rem;padding:var(--space-3) var(--space-5);letter-spacing:.06em;white-space:normal;text-align:center;justify-content:center;align-items:center;font-size:.875rem;display:flex}.site-nav a:not(.is-active):after{display:none}}.hero{scroll-margin-top:var(--header-h);padding-top:var(--section-padding-y-hero);padding-bottom:clamp(3.25rem,9vw,5rem);padding-left:max(var(--section-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--section-padding-x), env(safe-area-inset-right,0px));background:radial-gradient(ellipse 95% 55% at 100% 0%, #6366f112, transparent 58%), radial-gradient(ellipse 80% 50% at 0% 100%, #8b5cf60e, transparent 55%), radial-gradient(ellipse 70% 45% at 55% 15%, #ffffffa6, transparent 62%), linear-gradient(180deg, #fcfcfe 0%, var(--color-bg-base) 42%, #f1f3f8 100%);position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(120% 70% at 50% -35%,#ffffffd9,#0000 52%);position:absolute;inset:0}.hero__art{pointer-events:none;z-index:0;color:var(--color-primary-base);position:absolute;inset:0}.hero__art:before{content:"";opacity:.85;pointer-events:none;background:linear-gradient(118deg,#0000 36%,#ffffff8c 47%,#6366f10a 52%,#0000 64%);position:absolute;inset:-15% -20% 35% -15%;transform:rotate(-8deg)}.hero__glow{filter:blur(100px);opacity:.42;mix-blend-mode:normal;border-radius:50%;position:absolute}.hero__glow--a{background:radial-gradient(circle at 45% 45%,#6366f124 0%,#8b5cf60f 42%,#0000 68%);width:min(78vw,560px);height:min(78vw,560px);top:-22%;right:-12%}.hero__glow--b{filter:blur(88px);opacity:.38;background:radial-gradient(circle at 40% 55%,#8b5cf61c 0%,#6366f10d 45%,#0000 72%);width:min(58vw,420px);height:min(58vw,420px);bottom:0%;left:-14%}.hero__grid{opacity:.22;background-image:linear-gradient(#6366f112 1px,#0000 1px),linear-gradient(90deg,#6366f112 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(92% 78% at 48% -8%,#000 0%,#0000 76%);mask-image:radial-gradient(92% 78% at 48% -8%,#000 0%,#0000 76%)}.hero__orb{filter:blur(.5px);opacity:.72;border-radius:50%;animation:28s ease-in-out infinite heroOrbFloat;position:absolute}.hero__orb--1{background:radial-gradient(circle at 32% 28%,#fffffffa 0%,#ffffff73 38%,#6366f112 58%,#0000 68%);border:1px solid #ffffffe6;width:120px;height:120px;top:22%;right:14%;box-shadow:0 12px 40px #6366f11a,0 0 0 1px #6366f10f,inset 0 2px 4px #fffffff2}.hero__orb--2{opacity:.68;background:radial-gradient(circle at 38% 38%,#ffffff8c 0%,#6366f11f 48%,#8b5cf61a 72%,#0000 88%);border:1px solid #6366f124;width:72px;height:72px;animation-duration:22s;animation-delay:-11s;bottom:28%;right:22%;box-shadow:0 8px 28px #8b5cf61f}.hero__shell{z-index:1;max-width:calc(var(--layout-max) + var(--layout-gutter));margin:0 auto;position:relative}.hero__content{max-width:38rem}@media (width>=900px){.hero__content{max-width:44rem}}.hero__eyebrow{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary);flex-wrap:wrap;font-weight:600;display:flex}.hero__eyebrow-dot{border-radius:var(--radius-pill);background:linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-alt) 100%);width:7px;height:7px;box-shadow:0 0 0 1px #ffffffa6,0 3px 12px #6366f138}.hero__eyebrow-sep{opacity:.5;color:var(--color-text-muted);font-weight:500}.hero__identity{margin:0 0 var(--space-5);font-family:var(--font-ui);letter-spacing:.02em;font-size:clamp(.95rem,2.4vw,1.05rem);font-weight:500;line-height:var(--leading-snug);color:var(--color-text-secondary);flex-wrap:wrap;align-items:baseline;gap:.25rem .65rem;display:flex}.hero__identity-name{color:var(--color-text-primary);font-weight:650}.hero__identity-sep{opacity:.35;margin:0}.hero__identity-role{color:var(--color-text-secondary);font-weight:500}.hero__display{margin:0 0 var(--space-5);font-family:var(--font-display);font-weight:400;font-size:var(--text-hero);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);text-shadow:0 1px #ffffffd9;line-height:1.08}.hero__lead{margin:0 0 var(--space-8);max-width:38rem;font-size:clamp(var(--text-body), 2.4vw, var(--text-lg));line-height:var(--leading-loose);color:var(--color-text-secondary);font-weight:400}.hero__ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=640px){.hero__ctas{flex-direction:column;align-items:stretch}.hero__ctas .btn{text-align:center;width:100%}}@media (width<=480px){.hero__glow--a{filter:blur(72px);opacity:.38;width:min(82vw,460px);height:min(82vw,460px)}.hero__glow--b{filter:blur(64px);opacity:.34;width:min(68vw,320px);height:min(68vw,320px)}.hero__orb--1{width:96px;height:96px}.hero__orb--2{width:56px;height:56px}}@media (width<=640px){.hero{padding-bottom:clamp(2.85rem,14vw,4.5rem)}.hero__art{opacity:.92}.hero__grid{opacity:.14}.hero__display{line-height:1.1}.hero__lead{margin-bottom:var(--space-6)}}.hero__enter{opacity:0;animation:heroEnter var(--duration-hero-enter) var(--ease-reveal) forwards}.hero__enter--1{animation-delay:60ms}.hero__enter--2{animation-delay:.14s}.hero__enter--3{animation-delay:.22s}.hero__enter--4{animation-delay:.3s}.hero__enter--5{animation-delay:.38s}@keyframes heroEnter{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translate(0,0)}}@keyframes heroOrbFloat{0%,to{transform:translate(0,0)}50%{transform:translate(5px,-4px)}}@media (prefers-reduced-motion:reduce){.hero__enter{opacity:1;animation:none;transform:none}.hero__orb{animation:none}}.btn{min-height:2.75rem;padding:var(--btn-padding-y) var(--btn-padding-x);font-family:inherit;font-size:var(--btn-font-size);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--btn-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive), background var(--duration-base) var(--ease-interactive), border-color var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive), filter var(--duration-base) var(--ease-interactive);border:1px solid #0000;justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.btn--primary{color:var(--btn-primary-fg);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow)}.btn--primary:hover{box-shadow:var(--btn-primary-shadow-hover);filter:brightness(1.02);color:var(--btn-primary-fg);transform:translateY(-1px)}.btn--primary:active{filter:brightness(.99);box-shadow:var(--shadow-glow-primary), var(--btn-primary-press);transform:translateY(0)scale(.995)}.btn--ghost{color:var(--color-text-primary);border-color:var(--btn-ghost-border);background:var(--btn-ghost-bg);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{color:var(--color-primary);box-shadow:var(--shadow-sm), 0 0 0 1px #6366f112;background:linear-gradient(#fff 0%,#f5f6fa 100%);border-color:#6366f13d;transform:translateY(-1px)}.btn--ghost:active{transform:translateY(0);box-shadow:inset 0 1px 4px #0f172a12}.section{scroll-margin-top:calc(var(--header-h) + .5rem)}.section__inner{max-width:calc(var(--layout-max) + var(--layout-gutter));padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y);padding-left:max(var(--section-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--section-padding-x), env(safe-area-inset-right,0px));margin:0 auto}.section__inner--wide{max-width:calc(var(--layout-max) + 4rem)}.section__eyebrow{margin:0 0 var(--space-3);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow-section);text-transform:uppercase;color:var(--color-primary-base);font-weight:650}.section__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:var(--tracking-ui);color:var(--color-text-primary);font-weight:400}.section__title--contact{font-size:var(--text-h2-contact)}.section__lead{max-width:38rem;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0;font-weight:400}.section__intro-stack{flex-direction:column;align-items:flex-start;width:100%;display:flex}.section__intro-stack .reveal{width:100%}.section--about{border-top:1px solid var(--color-border-muted);background:radial-gradient(90% 45% at 15% 0,#6366f10a,#0000 58%),linear-gradient(#fcfcfefa 0%,#eef2f7b8 52%,#eef2f7 100%);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #0f172a06}.section--about .section__title{margin-bottom:0}.about__copy{gap:var(--space-5);max-width:40rem;margin-top:var(--section-gap-after-title);display:grid}.about__paragraph{font-size:var(--text-body-lg);line-height:var(--leading-loose);color:var(--color-text-secondary);margin:0}.section--work{border-top:1px solid var(--color-border-muted);background:radial-gradient(ellipse 75% 55% at 92% 8%, #6366f10e, transparent 58%), linear-gradient(180deg, #fafbfd 0%, var(--color-bg-base) 42%, #f3f5f9 100%);box-shadow:inset 0 1px #ffffffad,inset 0 -1px #0f172a07}.showcase-grid{margin:var(--section-gap-after-title) 0 0;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));padding:0;list-style:none;display:grid}@media (width>=900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.showcase-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-grid__cell{min-width:0}.showcase-card{border-radius:var(--card-radius);border:var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(16px);height:100%;box-shadow:var(--card-shadow);transition:var(--card-transition);flex-direction:column;display:flex;overflow:hidden}.showcase-card:hover{border-color:var(--color-border-primary-soft);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.showcase-card__media{aspect-ratio:16/10;border-bottom:1px solid var(--color-border-muted);background:linear-gradient(#f8f9fc 0%,#eef1f6 100%);position:relative;overflow:hidden;box-shadow:inset 0 -1px #ffffffbf}.showcase-card__img{object-fit:cover;width:100%;height:100%;transition:transform .68s var(--ease-reveal);transform:scale(1)}.showcase-card:hover .showcase-card__img{transform:scale(1.03)}.showcase-card__media-shine{opacity:0;transition:opacity .55s var(--ease-reveal);pointer-events:none;background:linear-gradient(125deg,#0000 40%,#ffffff59 50%,#0000 60%);position:absolute;inset:0}.showcase-card:hover .showcase-card__media-shine{opacity:.85}.showcase-card__placeholder{background:linear-gradient(145deg,#6366f11a,#8b5cf614);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showcase-card__initials{font-family:var(--font-display);color:var(--color-text-primary);opacity:.85;font-size:clamp(1.75rem,4vw,2.25rem)}.showcase-card__body{padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.showcase-card__title{font-family:var(--font-ui);font-size:var(--text-xl);letter-spacing:var(--tracking-ui);font-weight:650;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}.showcase-card__impact{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);flex:1;margin:0;font-weight:400}.showcase-card__stack{margin:var(--space-1) 0 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.showcase-stack-pill{font-size:var(--text-xs);letter-spacing:var(--tracking-ui);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);border:1px solid var(--color-border-muted);color:var(--color-text-secondary);background:linear-gradient(180deg, #fffffff2 0%, var(--color-bg-input) 100%);font-weight:600;display:inline-block;box-shadow:0 1px 2px #0f172a08}.showcase-card__actions{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-hairline);flex-wrap:wrap;display:flex;box-shadow:inset 0 1px #ffffffb3}.showcase-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:2.75rem;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--btn-font-size-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border);-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive), border-color var(--duration-base) var(--ease-interactive), background var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive), filter var(--duration-base) var(--ease-interactive);flex:1;font-weight:650;text-decoration:none;display:inline-flex}.showcase-btn__icon{opacity:.92;transition:opacity var(--duration-base) var(--ease-interactive);flex-shrink:0}.showcase-btn:hover .showcase-btn__icon{opacity:1}.showcase-btn--live{color:var(--btn-primary-fg);background:var(--gradient-accent);box-shadow:var(--btn-primary-shadow);border-color:#0000}.showcase-btn--live:hover{filter:brightness(1.02);color:var(--btn-primary-fg);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.showcase-btn--live:active{filter:brightness(.99);box-shadow:var(--shadow-glow-primary), var(--btn-primary-press);transform:translateY(0)scale(.995)}.showcase-btn--github{color:var(--color-text-primary);border-color:var(--btn-ghost-border);background:var(--btn-ghost-bg);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffffeb}.showcase-btn--github:hover{box-shadow:var(--shadow-sm), 0 0 0 1px #6366f112;color:var(--color-primary);background:linear-gradient(#fff 0%,#f5f6fa 100%);border-color:#6366f13d;transform:translateY(-1px)}.showcase-btn--github:active{transform:translateY(0);box-shadow:inset 0 1px 4px #0f172a12}.portfolio-empty{margin:var(--space-8) 0 0;padding:var(--space-5) var(--space-5);font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm), var(--shadow-inset-hairline);background:linear-gradient(165deg,#fffffffa 0%,#eef2f7a6 100%);border:1px dashed #6366f138}.portfolio-empty code{font-family:var(--font-mono);border-radius:var(--radius-xs);border:1px solid var(--color-border-muted);background:#ffffffa6;padding:.12em .4em;font-size:.88em}@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-card:hover{transform:none}.showcase-card__img,.showcase-card:hover .showcase-card__img{transition:none;transform:none}}.section--skills{border-top:1px solid var(--color-border-muted);background:radial-gradient(70% 40% at 8% 20%,#8b5cf609,#0000 55%),linear-gradient(#f8f9fc 0%,#eef2f780 50%,#f5f7fa 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #0f172a06}.skills__layout{margin-top:var(--section-gap-after-title);gap:var(--space-5);flex-direction:column;display:flex}.skills__subgrid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=720px){.skills__subgrid{grid-template-columns:1fr}.skill-card{padding:var(--space-4) var(--space-4) var(--space-5)}}.skill-card{border-radius:var(--card-radius-sm);border:1px solid var(--color-border-hairline);box-shadow:var(--shadow-xs), var(--shadow-inset-hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-5) var(--space-5) var(--space-6);transition:border-color var(--duration-base) var(--ease-reveal), box-shadow var(--duration-slow) var(--ease-reveal), transform var(--duration-slow) var(--ease-reveal);background:linear-gradient(165deg,#fff 0%,#faf9ff 44%,#f5f6f9 100%)}.skill-card:hover{box-shadow:var(--shadow-skill-hover), var(--shadow-inset-hairline);border-color:#6366f124;transform:translateY(-1px)}.skill-card--core{background:linear-gradient(135deg, var(--color-primary-subtle) 0%, #fff 55%, #f9fafb 100%);box-shadow:var(--shadow-sm), var(--shadow-inset-hairline);border-left:3px solid #6366f161}.skill-card--exploring{background:linear-gradient(165deg,#eef2f7a6 0%,#fff 100%)}.skill-card__header{margin-bottom:var(--space-5)}.skill-card__label{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-primary);font-weight:700}.skill-card--supporting .skill-card__label,.skill-card--exploring .skill-card__label{color:var(--color-text-muted)}.skill-card__intro{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:52rem;margin:0;font-weight:400}.skill-card__tier{margin-top:.25rem}.skill-card__tier--sub{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-muted)}.skill-card__tier-label{margin:0 0 var(--space-2);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.skill-card__list{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin:0;padding:0;list-style:none;display:flex}.skill-card__list--highlights{gap:.55rem .75rem}.skill-card__list--rest,.skill-card__list--compact{gap:.4rem .5rem}.skill-card__list--explore{gap:.45rem .55rem}.skill-pill{border-radius:999px;align-items:center;line-height:1.2;transition:border-color .2s,background .2s;display:inline-flex}.skill-pill--highlight{letter-spacing:-.01em;color:var(--color-text-primary);border:1px solid var(--color-border-primary-soft);background:linear-gradient(180deg, #ffffff8c 0%, var(--color-primary-subtle) 100%);padding:.55rem 1rem;font-size:.95rem;font-weight:650;box-shadow:0 1px 3px #6366f114}.skill-pill--rest{color:var(--color-text-secondary);border:1px solid var(--color-border-muted);background:linear-gradient(#fff 0%,#eef2f7a6 100%);padding:.38rem .75rem;font-size:.8rem;font-weight:550;box-shadow:0 1px 2px #0f172a08}.skill-pill--compact{color:var(--color-text-muted);border:1px solid var(--color-border-muted);background:#ffffffbf;padding:.32rem .62rem;font-size:.76rem;font-weight:500;box-shadow:0 1px 2px #0f172a06}.skill-pill--compact:hover{border-color:var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.skill-pill--explore{color:var(--color-text-muted);background:#eef2f766;border:1px dashed #0f172a1f;padding:.35rem .7rem;font-size:.78rem;font-style:italic;font-weight:500}.skill-pill--explore:hover{color:var(--color-text-secondary);border-style:solid}.section--contact{border-top:1px solid var(--color-border-muted);background:radial-gradient(85% 55% at 50% 100%,#8b5cf60f,#0000 62%),linear-gradient(#f6f8fb 0%,#6366f107 45%,#8b5cf60b 100%);box-shadow:inset 0 1px #ffffff94}.contact__layout{gap:var(--space-8) var(--space-12);grid-template-columns:1fr auto;align-items:end;display:grid}@media (width<=720px){.contact__layout{gap:var(--space-6) var(--space-4);grid-template-columns:1fr}}.contact__lead{margin:var(--space-4) 0 0;max-width:36rem;font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-weight:400}.contact__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=720px){.contact__actions{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.social-btn{justify-content:center;width:100%}}.social-btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--btn-padding-y) var(--space-5);font-size:var(--btn-font-size);letter-spacing:var(--tracking-wide);border-radius:var(--btn-radius);border:1px solid var(--color-border-muted);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffffd9;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-interactive), box-shadow var(--duration-base) var(--ease-interactive), border-color var(--duration-base) var(--ease-interactive), background var(--duration-base) var(--ease-interactive), color var(--duration-base) var(--ease-interactive);font-weight:650;text-decoration:none;display:inline-flex}.social-btn:hover{transform:translateY(-1px)}.social-btn:active{transform:translateY(0)}.social-btn__icon{flex-shrink:0}.social-btn--primary{color:var(--color-text-primary);background:linear-gradient(180deg, #ffffff59 0%, var(--color-social-linkedin-bg) 100%);box-shadow:var(--shadow-xs), 0 0 0 1px #0a66c20f;border-color:#0a66c252}.social-btn--primary:hover{color:var(--color-text-primary);box-shadow:var(--shadow-sm), 0 4px 20px #0a66c21f, inset 0 1px 0 #ffffff59;background:#0a66c238;border-color:#0a66c273}.social-btn--primary:active{box-shadow:inset 0 1px 4px #0a66c21f}.social-btn--secondary{color:var(--color-text-primary);background:var(--btn-ghost-bg);border-color:var(--btn-ghost-border);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffffeb}.social-btn--secondary:hover{color:var(--color-primary);box-shadow:var(--shadow-sm), 0 0 0 1px #6366f114;background:linear-gradient(#fff 0%,#f5f6fa 100%);border-color:#6366f138}.social-btn--secondary:active{box-shadow:inset 0 1px 4px #0f172a12}.footer-meta{max-width:calc(var(--layout-max) + var(--layout-gutter));padding-top:var(--space-8);padding-bottom:max(var(--space-10), env(safe-area-inset-bottom,0px));padding-left:max(var(--section-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--section-padding-x), env(safe-area-inset-right,0px));border-top:1px solid var(--color-border-muted);box-shadow:var(--shadow-footer);background:linear-gradient(#eef2f773 0%,#f7f8faf2 100%);margin:0 auto}.footer-meta__copy{font-size:var(--text-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);text-align:center;margin:0;font-weight:500}.site-footer{margin-top:auto}@media (width<=768px){.site-header{border-bottom:1px solid var(--color-border-strong);-webkit-backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#fffffff7 0%,#f8f9fcf0 100%)}.site-nav a{letter-spacing:.05em;font-size:.8125rem}.section--about,.section--work,.section--skills,.section--contact{border-top-color:var(--color-border)}.showcase-grid{gap:var(--space-5);grid-template-columns:1fr}.showcase-card__body{padding:var(--space-4) var(--space-4) var(--space-5)}.showcase-card__actions{flex-direction:column}.showcase-card,.skill-card{box-shadow:var(--shadow-sm), var(--shadow-inset-hairline), 0 0 0 1px #0f172a0c}.showcase-btn{flex:none;width:100%;min-height:2.875rem}.footer-meta{border-top-color:var(--color-border)}.footer-meta__copy{letter-spacing:.05em;font-size:max(.8125rem,11px)}.btn,.social-btn{min-height:2.875rem}}@media (prefers-reduced-motion:reduce){.btn--primary:hover,.btn--ghost:hover,.showcase-btn--live:hover,.showcase-btn--github:hover,.social-btn:hover,.skill-card:hover{transform:none}.social-btn--primary:hover{box-shadow:var(--shadow-xs), 0 0 0 1px #0a66c20f}.social-btn--secondary:hover,.site-logo:hover .site-logo__mark{transform:none}}