@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.top-header.light{background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid rgba(226,232,240,.7);box-shadow:0 1px 0 rgba(0,0,0,.04)}.top-header.dark{background:rgba(11,18,32,.65);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06)}.top-header.light.scrolled{background:rgba(255,255,255,.88);box-shadow:0 4px 24px rgba(0,0,0,.08);border-bottom-color:#d1d5db}.top-header.dark.scrolled{background:rgba(11,18,32,.88);box-shadow:0 4px 24px rgba(0,0,0,.45);border-bottom-color:rgba(255,255,255,.1)}.top-header-inner{justify-content:space-between;padding:0 2.5rem;height:68px;max-width:1440px;margin:0 auto}.header-logo,.top-header-inner{display:flex;align-items:center}.header-logo{gap:.55rem;cursor:pointer;flex-shrink:0;text-decoration:none}.header-logo-img{width:38px;height:38px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#fff}.top-header.light .logo-name{color:#0f172a}.top-header.dark .logo-name{color:#fff}.logo-name{font-weight:700;font-size:.92rem;line-height:1.3;font-family:Inter,sans-serif}.top-header.light .logo-role{color:#64748b}.top-header.dark .logo-role{color:rgba(255,255,255,.4)}.logo-role{font-size:.7rem;line-height:1.2;font-family:Inter,sans-serif}.top-nav-links{display:flex;align-items:center;gap:.25rem}.top-nav-item{background:none;border:none;font-size:.875rem;font-weight:500;padding:.5rem 1.05rem;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;transition:color .18s ease,background .18s ease;white-space:nowrap;position:relative}.top-nav-item:after{content:"";position:absolute;bottom:4px;left:1.05rem;right:1.05rem;height:2px;border-radius:1px;background:#16a34a;transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.top-nav-item:hover:after{transform:scaleX(1)}.top-header.light .top-nav-item{color:#475569}.top-header.light .top-nav-item:hover{color:#16a34a}.top-header.light .top-nav-item.active{color:#16a34a;font-weight:600;background:rgba(22,163,74,.09)}.top-header.dark .top-nav-item{color:rgba(255,255,255,.52)}.top-header.dark .top-nav-item:hover{color:#4ade80}.top-header.dark .top-nav-item.active{color:#4ade80;font-weight:600;background:rgba(22,163,74,.13)}.header-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.header-cta-sep{display:block;width:1px;height:18px;flex-shrink:0}.top-header.light .header-cta-sep{background:rgba(0,0,0,.1)}.top-header.dark .header-cta-sep{background:rgba(255,255,255,.1)}.hire-me-top-btn{background:linear-gradient(145deg,#0f2318,#0c1e14)!important;color:#e8f5e9!important;font-weight:600!important;font-size:.875rem!important;padding:.5rem 1.25rem!important;border-radius:10px!important;border:1px solid rgba(22,163,74,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 8px rgba(0,0,0,.28)!important;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease!important}.hire-me-top-btn:hover{background:linear-gradient(145deg,#132b1e,#0f2318)!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.38)!important}.mobile-backdrop{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:998;transition:background .3s ease}.mobile-backdrop.visible{display:block;background:rgba(0,0,0,.35)}.mobile-drawer{position:fixed;top:60px;right:0;bottom:0;width:min(320px,88vw);z-index:999;display:flex;flex-direction:column;padding:0;overflow-y:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 40px rgba(0,0,0,.14)}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer.light{background:linear-gradient(160deg,#ffffff,#f8fafc)}.mobile-drawer.dark{background:linear-gradient(160deg,#0d1626,#111827);border-left:1px solid rgba(255,255,255,.06)}.mobile-drawer-profile{display:flex;align-items:center;gap:.9rem;padding:1.5rem 1.35rem 1.25rem}.mobile-drawer-avatar{width:46px;height:46px;border-radius:10px;object-fit:contain;background:#fff;flex-shrink:0;border:1px solid rgba(22,163,74,.18)}.mobile-drawer-name{font-size:.95rem;font-weight:700;line-height:1.3;font-family:Inter,sans-serif}.mobile-drawer.light .mobile-drawer-name{color:#0f172a}.mobile-drawer.dark .mobile-drawer-name{color:#fff}.mobile-drawer-role{font-size:.72rem;line-height:1.3;font-family:Inter,sans-serif;margin-bottom:.3rem}.mobile-drawer.light .mobile-drawer-role{color:#64748b}.mobile-drawer.dark .mobile-drawer-role{color:rgba(255,255,255,.42)}.mobile-drawer-status{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;color:#16a34a;font-family:Inter,sans-serif}.mobile-status-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.mobile-drawer-divider{height:1px;margin:0 1.35rem}.mobile-drawer.light .mobile-drawer-divider{background:#e2e8f0}.mobile-drawer.dark .mobile-drawer-divider{background:rgba(255,255,255,.07)}.mobile-nav-group{padding:1rem 1.35rem .5rem;display:flex;flex-direction:column}.mobile-nav-group-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-family:Inter,sans-serif}.mobile-drawer.light .mobile-nav-group-label{color:#94a3b8}.mobile-drawer.dark .mobile-nav-group-label{color:rgba(255,255,255,.28)}.mobile-nav-item{background:none;border:none;font-size:.975rem;font-weight:500;padding:.7rem .5rem;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;text-align:left;transition:color .15s ease,background .15s ease,padding-left .15s ease;position:relative}.mobile-drawer.light .mobile-nav-item{color:#334155}.mobile-drawer.light .mobile-nav-item:hover{color:#16a34a;background:rgba(22,163,74,.05);padding-left:.85rem}.mobile-drawer.light .mobile-nav-item.active{color:#16a34a;font-weight:600;background:rgba(22,163,74,.07);padding-left:.85rem}.mobile-drawer.dark .mobile-nav-item{color:rgba(255,255,255,.65)}.mobile-drawer.dark .mobile-nav-item:hover{color:#fff;background:rgba(255,255,255,.06);padding-left:.85rem}.mobile-drawer.dark .mobile-nav-item.active{color:#16a34a;font-weight:600;background:rgba(22,163,74,.1);padding-left:.85rem}.mobile-drawer-cta{padding:1.25rem 1.35rem 2rem}.mobile-hire-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 20px rgba(22,163,74,.32)!important;font-size:.95rem!important;padding:.75rem 1.5rem!important;letter-spacing:.01em!important}.social-icons-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4em;list-style:none;padding:0;margin:0}@media only screen and (max-width:900px){.top-header-inner{padding:0 1.25rem;height:60px}}.site-footer{border-top:1px solid #e2e8f0;background:var(--mui-palette-background-paper,#fff)}[data-mui-color-scheme=dark] .site-footer{border-top-color:rgba(255,255,255,.07)}.footer-inner{max-width:1200px;margin:0 auto;padding:64px 80px 36px}.footer-grid{display:grid;grid-template-columns:1.7fr 1.4fr .85fr 1.05fr;grid-gap:3.5rem;gap:3.5rem;align-items:start}.footer-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:-moz-fit-content;width:fit-content;margin-bottom:1rem}.footer-logo-img{width:44px;height:44px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#fff}.footer-logo-name{font-weight:700;font-size:.9rem;line-height:1.3;font-family:Inter,sans-serif;color:#0f172a}[data-mui-color-scheme=dark] .footer-logo-name{color:#e5e7eb}.footer-logo-role{font-size:.7rem;color:#64748b;line-height:1.2;font-family:Inter,sans-serif}.footer-brand-tagline{font-size:.875rem!important;line-height:1.65!important;opacity:.65;max-width:280px;margin-bottom:.85rem!important;font-family:Inter,sans-serif!important}.footer-avail{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;color:#16a34a;font-family:Inter,sans-serif}.footer-avail-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;flex-shrink:0;animation:footer-pulse 2s ease-in-out infinite}@keyframes footer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.footer-col{display:flex;flex-direction:column;gap:.85rem}.footer-col-heading{font-size:.72rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase;opacity:.42;font-family:Inter,sans-serif!important;margin-bottom:.2rem!important}.footer-nav-grid{display:grid;grid-template-columns:repeat(3,auto);grid-gap:.45rem 1.5rem;gap:.45rem 1.5rem;justify-content:start}.footer-link-list{display:flex;flex-direction:column;gap:.45rem}.footer-link{background:none;border:none;padding:0;cursor:pointer;font-size:.875rem;font-family:Inter,sans-serif;color:#475569;text-align:left;transition:color .15s ease;width:-moz-fit-content;width:fit-content}.footer-link:hover{color:#16a34a}[data-mui-color-scheme=dark] .footer-link{color:rgba(255,255,255,.52)}[data-mui-color-scheme=dark] .footer-link:hover{color:#16a34a}.footer-socials{display:flex;flex-direction:column;gap:.4rem}.footer-social-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .75rem;border-radius:8px;border:1px solid #e2e8f0;background:transparent;color:#475569;text-decoration:none;width:-moz-fit-content;width:fit-content;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.footer-social-btn:hover{border-color:#16a34a;color:#16a34a;background:rgba(22,163,74,.06);transform:translateX(3px)}.footer-social-icon{display:flex;align-items:center;flex-shrink:0}.footer-social-label{font-size:.82rem;font-weight:500;font-family:Inter,sans-serif;line-height:1}[data-mui-color-scheme=dark] .footer-social-btn{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.55)}[data-mui-color-scheme=dark] .footer-social-btn:hover{border-color:#16a34a;color:#16a34a;background:rgba(22,163,74,.08)}.footer-divider{height:1px;background:#e2e8f0;margin:2.75rem 0 1.75rem}[data-mui-color-scheme=dark] .footer-divider{background:rgba(255,255,255,.07)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-copyright,.footer-tagline{font-size:.8rem!important;color:#94a3b8!important;font-family:Inter,sans-serif!important}@media only screen and (max-width:1024px){.footer-inner{padding:52px 32px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media only screen and (max-width:640px){.footer-inner{padding:44px 20px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.footer-brand-tagline{max-width:100%}.footer-nav-grid{grid-template-columns:repeat(2,auto)}}.sticky-cta-pill{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#16a34a,#14923f);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.65rem 1.75rem;font-size:.875rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 20px rgba(22,163,74,.35);z-index:998;white-space:nowrap;letter-spacing:.01em;animation:ctaSlideUp .3s cubic-bezier(.16,1,.3,1) both;transition:background .18s ease,box-shadow .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.sticky-cta-pill:hover{background:linear-gradient(145deg,#15803d,#166534);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 28px rgba(22,163,74,.45);transform:translateX(-50%) translateY(-2px)}@keyframes ctaSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media only screen and (max-width:640px){.sticky-cta-pill{font-size:.8rem;padding:.6rem 1.35rem;bottom:1.5rem}}:root{--green-600:#16a34a;--green-700:#15803d;--green-400:#22c55e;--green-50:rgba(22,163,74,0.06);--green-100:rgba(22,163,74,0.1);--green-200:rgba(22,163,74,0.18);--green-300:rgba(22,163,74,0.28);--green-shadow:rgba(22,163,74,0.28);--bg-light:#f8fafc;--bg-card:#ffffff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--primary-background:var(--green-600);--secondary-background:#f8fafc;--white:#ffffff;--button-secondary-background:#334155}body{background-color:var(--bg-light)}.link{color:var(--green-600);text-decoration:none}.link:hover{cursor:pointer;text-decoration:underline}.content-wrapper{padding-top:68px}@media only screen and (max-width:900px){.content-wrapper{padding-top:60px}}.page-section{padding:80px}.section-inner{max-width:1200px;margin:0 auto}@media only screen and (max-width:1024px){.page-section{padding:56px 32px}}@media only screen and (max-width:768px){.page-section{padding:40px 24px}}.reveal{opacity:0;transform:translateY(20px);will-change:opacity,transform;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.fade-in-up-delay-1{animation:fadeInUp .6s ease .1s both}.fade-in-up-delay-2{animation:fadeInUp .6s ease .2s both}.fade-in-up-delay-3{animation:fadeInUp .6s ease .3s both}.fade-in-up-delay-4{animation:fadeInUp .6s ease .4s both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageFadeIn .15s ease forwards}.home-btn{font-weight:600;padding:.45rem 1.25rem;height:2.6rem;font-size:.95rem;outline:none;border-radius:var(--radius-md)!important;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease!important}.home-btn:hover{transform:translateY(-1px)}.home-btn.portfolio{background-color:var(--green-600)!important;color:#fff!important;font-weight:600;box-shadow:0 4px 14px var(--green-shadow)!important}.home-btn.message{background-color:var(--button-secondary-background)!important;color:var(--white);font-weight:600}