@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#fafafa;--bg-nav:#ffffffd9;--bg-card:#fff;--bg-card-subtle:#00000005;--bg-card-hover:#f8f8fa;--border-subtle:#00000014;--border-medium:#00000024;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--accent-purple:#7928ca;--accent-blue:#0071e3;--accent-emerald:#10b981;--accent-text-gradient:linear-gradient(135deg, #5b21b6 0%, #1d4ed8 100%);--shadow-subtle:0 4px 20px #0000000d;--shadow-card:0 10px 30px #0000000f, 0 1px 3px #0000000a;--btn-primary-bg:#1d1d1f;--btn-primary-text:#fff;--btn-secondary-bg:#f5f5f7;--btn-secondary-border:#00000014;--btn-secondary-text:#1d1d1f;--hero-radial:radial-gradient(circle at 75% 35%, #0071e314 0%, #7928ca0d 30%, #fff0 70%);--signature-radial:radial-gradient(ellipse at center, #7928ca14 0%, #0071e30a 40%, #fff0 75%);--code-snippet-bg:#ffffffeb;--code-snippet-border:#00000014;--code-snippet-shadow:0 16px 36px #00000014;--card-project-1:linear-gradient(180deg, #f0f4ff 0%, #fff 100%);--card-project-2:linear-gradient(180deg, #f5f3ff 0%, #fff 100%);--card-project-3:linear-gradient(180deg, #fdf4ff 0%, #fff 100%);--card-project-4:linear-gradient(180deg, #ecfdf5 0%, #fff 100%);--card-project-5:linear-gradient(180deg, #fff1f2 0%, #fff 100%)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-nav:#000000d1;--bg-card:#0e0e10;--bg-card-subtle:#ffffff08;--bg-card-hover:#16161a;--border-subtle:#ffffff1a;--border-medium:#fff3;--text-primary:#fff;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent-purple:#b59fff;--accent-blue:#38bdf8;--accent-emerald:#34d399;--accent-text-gradient:linear-gradient(135deg, #d8b4fe 0%, #60a5fa 100%);--shadow-subtle:0 4px 24px #0006;--shadow-card:0 10px 30px #0009, 0 0 1px #ffffff26;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-secondary-bg:#ffffff0f;--btn-secondary-border:#ffffff24;--btn-secondary-text:#fff;--hero-radial:radial-gradient(circle at 75% 35%, #b59fff29 0%, #38bdf81a 40%, #0000 75%);--signature-radial:radial-gradient(ellipse at center, #b59fff29 0%, #38bdf814 50%, #0000 75%);--code-snippet-bg:#0e0e12d9;--code-snippet-border:#ffffff1f;--code-snippet-shadow:0 20px 40px #000c, 0 0 24px #b59fff1f;--card-project-1:radial-gradient(circle at top right, #1a1f36 0%, #0b0d14 100%);--card-project-2:radial-gradient(circle at top right, #241d38 0%, #0e0b16 100%);--card-project-3:radial-gradient(circle at top right, #2e1a33 0%, #110a14 100%);--card-project-4:radial-gradient(circle at top right, #0f2826 0%, #071211 100%);--card-project-5:radial-gradient(circle at top right, #301820 0%, #120a0d 100%)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .2s,box-shadow .3s}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root .theme-icon-moon{display:none!important}:root .theme-icon-sun{display:block!important}[data-theme=dark] .theme-icon-sun{display:none!important}[data-theme=dark] .theme-icon-moon{display:block!important}.site-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,4vw,3.5rem);padding-right:clamp(1.25rem,4vw,3.5rem)}.section-spacing{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,8rem)}.nav-header{z-index:100;-webkit-backdrop-filter:blur(20px);background-color:var(--bg-nav);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.1rem clamp(1.25rem,4vw,3.5rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-links{align-items:center;gap:clamp(1rem,2.5vw,2.5rem);display:flex}@media (max-width:768px){.nav-links{display:none}}.hero-wrapper{background:var(--hero-radial);background-color:var(--bg-primary);align-items:center;min-height:100vh;padding-top:6rem;padding-bottom:4rem;display:flex;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;display:grid}@media (max-width:992px){.hero-grid{text-align:left;grid-template-columns:1fr}.hero-wrapper{min-height:auto}}.hero-portrait-wrapper{width:100%;max-width:480px;height:clamp(380px,48vw,580px);margin:0 auto;position:relative}.floating-code-snippet{background:var(--code-snippet-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--code-snippet-border);font-family:var(--font-mono);box-shadow:var(--code-snippet-shadow);z-index:5;border-radius:14px;padding:14px 18px;font-size:clamp(.65rem,1vw,.75rem);position:absolute;bottom:8%;left:-10%}@media (max-width:768px){.floating-code-snippet{display:none}}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.about-left-col{align-items:center;gap:1.5rem;display:flex}.about-metrics-grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);padding-top:2rem;display:grid}@media (max-width:1024px){.about-grid{grid-template-columns:1fr}.about-left-col{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.about-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.work-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.footer-top{justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:clamp(3rem,6vw,6rem);display:flex}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}@media (max-width:768px){.footer-top{flex-direction:column;align-items:flex-start}.footer-top>div:last-child{align-items:flex-start!important}}