:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f3f4f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#030712;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;scroll-padding-top:4.5rem;overflow-x:hidden}body{color:#f3f4f6;-webkit-tap-highlight-color:transparent;background-color:#030712;width:100%;min-width:320px;max-width:100vw;min-height:100vh;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{color:#fff;background:#8b5cf659}.header{z-index:100;padding:1.1rem 0;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#030712bf;padding:.65rem 0;box-shadow:0 10px 30px -10px #0009}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-brand-group{align-items:center;gap:1rem;display:flex}.brand-logo-btn{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.25rem;display:flex}.brand-avatar{border-radius:var(--radius-md);width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px solid #8b5cf666;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;transition:transform .25s,border-color .25s;display:flex;position:relative;box-shadow:inset 0 0 12px #8b5cf64d}.brand-logo-btn:hover .brand-avatar{border-color:var(--accent-primary);transform:scale(1.05)}.status-indicator{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:absolute;top:-2px;right:-2px}.status-ping{background:var(--accent-emerald);opacity:.75;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.status-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;position:relative}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}.brand-info{flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;line-height:1.2;display:flex}.brand-badge{color:#c4b5fd;background:#8b5cf640;border:1px solid #8b5cf666;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.brand-role{color:var(--text-muted);font-size:.75rem}.apps-launcher-container{position:relative}.apps-launcher-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.apps-launcher-btn:hover,.apps-launcher-btn.active{color:var(--text-primary);background:#8b5cf61f;border-color:#8b5cf666}.apps-count{color:#c4b5fd;border-radius:var(--radius-full);background:#8b5cf64d;padding:.05rem .35rem;font-size:.65rem}.apps-dropdown-panel{border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:110;background:#0b1120;width:280px;padding:.85rem;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 20px 40px -10px #000c,0 0 20px #8b5cf626}.animate-dropdown{animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFade}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.apps-dropdown-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.65rem;font-size:.75rem;font-weight:600;display:flex}.sparkle-icon{color:var(--accent-primary)}.apps-grid{flex-direction:column;gap:.5rem;display:flex}.app-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .75rem;text-decoration:none;transition:all .2s;display:flex}.app-card:hover{background:#8b5cf61f;border-color:#8b5cf659;transform:translate(3px)}.app-icon-box{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172acc;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.app-details{flex-direction:column;flex:1;display:flex}.app-details strong{color:var(--text-primary);font-size:.88rem}.app-details span{color:var(--text-secondary);font-size:.72rem}.app-arrow{color:var(--text-muted);transition:transform .2s,color .2s}.app-card:hover .app-arrow{color:var(--accent-primary);transform:translate(2px,-2px)}.desktop-nav{border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);background:#0f172aa6;align-items:center;padding:.25rem .4rem;display:flex}.nav-links{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .95rem;font-size:.85rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff0f}.nav-link.active{color:#fff;background:#8b5cf638;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf633}.header-actions{align-items:center;gap:.75rem;display:flex}.header-resume-btn{display:inline-flex}.header-hire-btn{box-shadow:0 4px 15px #8b5cf659}.mobile-toggle-btn{border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.mobile-toggle-btn:hover{border-color:var(--accent-primary);background:#8b5cf626}.theme-toggle-btn{border-radius:var(--radius-full);border:1px solid var(--border-glass);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf62e;transform:rotate(15deg)scale(1.05)}.theme-toggle-btn .theme-icon{transition:transform .3s}.mobile-nav-drawer{-webkit-backdrop-filter:blur(24px);z-index:99;width:100%;height:100dvh;padding:calc(5rem + env(safe-area-inset-top,0px)) 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;background:#030712fa;flex-direction:column;justify-content:flex-start;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-16px)}.mobile-nav-drawer.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-content{flex-direction:column;gap:1.25rem;width:100%;max-width:440px;margin:0 auto;padding-bottom:1.5rem;display:flex}.mobile-nav-links{flex-direction:column;gap:.65rem;list-style:none;display:flex}.mobile-nav-item{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;cursor:pointer;background:#0f172a99;flex-direction:column;justify-content:center;gap:.15rem;width:100%;min-height:48px;padding:.85rem 1.15rem;transition:all .2s;display:flex}.mobile-nav-item.active,.mobile-nav-item:hover{border-color:var(--accent-primary);background:#8b5cf626;transform:translate(3px)}.mobile-nav-title{font-family:var(--font-display);color:var(--text-primary);font-size:.98rem;font-weight:700}.mobile-nav-desc{color:var(--text-muted);font-size:.75rem}.mobile-nav-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.mobile-theme-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-theme-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.mobile-theme-btn{align-items:center;gap:.45rem;display:inline-flex}.mobile-footer-actions{flex-direction:column;gap:.65rem;width:100%;display:flex}[data-theme=light] .header.scrolled{background:#ffffffe0;border-bottom-color:#0f172a14;box-shadow:0 10px 30px -10px #00000014}[data-theme=light] .brand-avatar{color:#7c3aed;box-shadow:none;background:#7c3aed1a;border-color:#7c3aed4d}[data-theme=light] .apps-launcher-btn{color:#334155;background:#fffc;border-color:#0f172a1a}[data-theme=light] .apps-launcher-btn:hover,[data-theme=light] .apps-launcher-btn.active{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed66}[data-theme=light] .apps-dropdown-panel{background:#fff;border-color:#0f172a1a;box-shadow:0 20px 40px -10px #0000001f,0 0 20px #7c3aed14}[data-theme=light] .app-card{background:#f1f5f9b3;border-color:#0f172a0f}[data-theme=light] .app-card:hover{background:#7c3aed14;border-color:#7c3aed4d}[data-theme=light] .app-details strong{color:#0f172a}[data-theme=light] .desktop-nav{background:#ffffffd9;border-color:#0f172a1a;box-shadow:0 4px 15px #0000000a}[data-theme=light] .nav-link{color:#475569}[data-theme=light] .nav-link:hover{color:#0f172a;background:#0f172a0f}[data-theme=light] .nav-link.active{color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed59;font-weight:700;box-shadow:0 0 12px #7c3aed1f}[data-theme=light] .theme-toggle-btn{color:#475569;background:#fffc;border-color:#0f172a1a}[data-theme=light] .theme-toggle-btn:hover{border-color:var(--accent-primary);color:#7c3aed;background:#7c3aed1f}[data-theme=light] .mobile-toggle-btn{color:#0f172a;background:#ffffffd9;border-color:#0f172a1a}[data-theme=light] .mobile-nav-drawer{background:#f8fafcfa}[data-theme=light] .mobile-nav-item{background:#ffffffe6;border-color:#0f172a14}[data-theme=light] .mobile-nav-item:hover,[data-theme=light] .mobile-nav-item.active{border-color:var(--accent-primary);background:#7c3aed14}[data-theme=light] .mobile-nav-item.active .mobile-nav-title{color:#7c3aed}@media (width<=1100px){.desktop-nav,.header-resume-btn,.header-hire-btn{display:none!important}.mobile-toggle-btn{display:flex!important}}@media (width<=768px){.header{padding:.65rem 0}.header.scrolled{padding:.45rem 0}.header-actions{gap:.4rem}.apps-dropdown-panel{width:auto;max-width:calc(100vw - 2rem);position:fixed;top:4.5rem;left:1rem;right:1rem}}@media (width<=480px){.brand-logo-btn{gap:.45rem;padding:0}.brand-avatar{width:34px;height:34px;font-size:.82rem}.brand-name{font-size:.85rem}.brand-badge,.brand-role{display:none}.apps-launcher-btn{gap:.25rem;padding:.3rem .55rem;font-size:.72rem}.apps-text{display:none}.theme-toggle-btn{width:34px;height:34px}.mobile-toggle-btn{width:36px;height:36px}}.hero-section{align-items:center;width:100%;max-width:100%;min-height:auto;padding-top:clamp(5.25rem,9vw,8.5rem);padding-bottom:clamp(3.5rem,6vw,5.5rem);display:flex;position:relative;overflow:hidden}.hero-aura{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;max-width:100vw;position:absolute}.aura-1{background:radial-gradient(circle,#8b5cf638 0%,#0000 70%);width:clamp(260px,35vw,500px);height:clamp(260px,35vw,500px);top:10%;left:-5%}.aura-2{background:radial-gradient(circle,#06b6d429 0%,#0000 70%);width:clamp(260px,35vw,550px);height:clamp(260px,35vw,550px);bottom:10%;right:-5%}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1.75rem,3.5vw,3.5rem);width:100%;min-width:0;max-width:100%;display:grid;position:relative}.hero-content{flex-direction:column;align-items:flex-start;width:100%;min-width:0;max-width:100%;display:flex}.hero-status-pill{border-radius:var(--radius-full);background:#10b98114;border:1px solid #10b98140;align-items:center;gap:.65rem;max-width:100%;margin-bottom:1.25rem;padding:.4rem .95rem;display:inline-flex}.pulse-indicator{flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;display:flex;position:relative}.pulse-ring{background:var(--accent-emerald);opacity:.8;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.pulse-core{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;position:relative}.status-text{color:#a7f3d0;letter-spacing:.01em;font-size:.82rem;font-weight:600}.hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;overflow-wrap:break-word;word-break:normal;max-width:100%;margin-bottom:1.15rem;font-size:clamp(1.85rem,5.5vw,3.8rem);font-weight:800;line-height:1.15}.hero-role-wrapper{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;max-width:100%;margin-bottom:1.25rem;font-size:clamp(.92rem,2.2vw,1.25rem);display:flex}.role-prefix{color:var(--text-muted);font-weight:600}.role-slider{align-items:center;max-width:100%;display:inline-flex;position:relative}.role-item{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:6px;padding:.2rem .65rem;font-weight:700;display:inline-block}.animate-role{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideRole}@keyframes slideRole{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-description{color:var(--text-secondary);max-width:54ch;margin-bottom:1.75rem;font-size:clamp(.92rem,1.8vw,1.08rem);line-height:1.7}.hero-cta-group{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:.85rem;width:100%;min-width:0;max-width:100%;margin-bottom:2.25rem;display:flex}.hero-cta-group .btn{box-sizing:border-box}.hero-metrics-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%;min-width:0;max-width:100%;margin-bottom:1.5rem;display:grid}.hero-metric-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172aa6;flex-direction:column;gap:.2rem;width:100%;min-width:0;max-width:100%;padding:.75rem .85rem;transition:all .25s;display:flex}.hero-metric-card:hover{background:#8b5cf61f;border-color:#8b5cf666;transform:translateY(-2px)}.metric-num{flex-wrap:wrap;align-items:baseline;gap:.25rem;display:flex}.metric-val{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.metric-unit{color:var(--accent-secondary);font-size:.8rem;font-weight:700}.metric-title{color:var(--text-muted);font-size:.72rem;font-weight:500;line-height:1.3;display:block}.hero-bento-column{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;min-width:0;max-width:100%;display:flex}.hero-terminal-card{box-sizing:border-box;border:1px solid #ffffff1a;width:100%;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #8b5cf626}.terminal-header{border-bottom:1px solid var(--border-subtle);box-sizing:border-box;background:#0a0f1df2;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;padding:.65rem .85rem;display:flex}.window-dots{flex-shrink:0;align-items:center;gap:6px;display:flex}.window-dots .dot{border-radius:50%;width:10px;height:10px}.window-dots .dot.red{background:#ef4444}.window-dots .dot.yellow{background:#f59e0b}.window-dots .dot.green{background:#10b981}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex;overflow:hidden}.terminal-tabs{flex-shrink:0;gap:.25rem;display:flex}.terminal-tab{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;transition:all .2s}.terminal-tab:hover{color:var(--text-primary)}.terminal-tab.active{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.terminal-body{min-height:180px;font-family:var(--font-mono);box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#080c16d9;width:100%;min-width:0;max-width:100%;padding:1.15rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.code-content{white-space:pre;min-width:0}.code-content code{font-family:var(--font-mono)}.code-kw{color:#f43f5e;font-weight:600}.code-var{color:#38bdf8}.code-prop{color:#c4b5fd}.code-str{color:#34d399}.terminal-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);box-sizing:border-box;background:#0a0f1df2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-width:100%;padding:.65rem 1rem;font-size:.74rem;display:flex}.terminal-status-item{align-items:center;gap:.4rem;display:flex}.terminal-status-icon{color:#38bdf8}.terminal-status-icon.green{color:#10b981}.hero-focus-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:1.25rem}.focus-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.65rem;display:flex}.focus-tag{color:#c4b5fd;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.focus-company{font-family:var(--font-mono);border-radius:var(--radius-full);color:var(--accent-secondary);background:#ffffff0d;border:1px solid #06b6d433;padding:.15rem .5rem;font-size:.72rem}.focus-text{color:var(--text-secondary);margin-bottom:.85rem;font-size:.85rem;line-height:1.5}.hero-stack-chips{flex-wrap:wrap;gap:.35rem;display:flex}.tech-chip{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;transition:all .2s}.tech-chip:hover{color:#fff;background:#8b5cf626;border-color:#8b5cf666}.hero-scroll-indicator{justify-content:center;margin-top:3rem;display:flex}.scroll-indicator-btn{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.scroll-indicator-btn:hover{color:var(--accent-primary)}.bounce-arrow{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}[data-theme=light] .hero-status-pill{background:#10b9811f;border-color:#10b98159}[data-theme=light] .status-text{color:#065f46}[data-theme=light] .hero-terminal-card{border-color:#0f172a1f;box-shadow:0 25px 50px -12px #0f172a1f,0 0 30px #7c3aed14}[data-theme=light] .terminal-header{background:#f1f5f9;border-color:#0f172a14}[data-theme=light] .terminal-body{background:#fff}[data-theme=light] .terminal-footer{background:#f1f5f9;border-color:#0f172a14}[data-theme=light] .terminal-tab.active{color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed66}[data-theme=light] .tech-chip{color:#334155;background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .tech-chip:hover{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed4d}[data-theme=light] .hero-metric-card,[data-theme=light] .metric-card{background:#fff!important;border:1px solid #0f172a1f!important;box-shadow:0 4px 15px #0000000d!important}[data-theme=light] .metric-val,[data-theme=light] .metric-number{color:#0f172a!important}[data-theme=light] .metric-unit{color:#0284c7!important}[data-theme=light] .metric-title{color:#475569!important}[data-theme=light] .role-item,[data-theme=light] .role-animated-text{color:#6d28d9!important;background:#6d28d91a!important;border-color:#6d28d959!important}[data-theme=light] .role-prefix{color:#475569!important}[data-theme=light] .hero-description,[data-theme=light] .focus-text{color:#334155!important}[data-theme=light] .focus-tag{color:#7c3aed!important}@media (width<=992px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:2.25rem}.hero-bento-column{width:100%;max-width:100%;margin:0 auto}}@media (width<=768px){.hero-section{padding-top:clamp(4.75rem,12vw,6rem);padding-bottom:2.5rem}.hero-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.hero-cta-group{flex-direction:column;gap:.65rem;width:100%}.hero-cta-group .btn{box-sizing:border-box;width:100%;max-width:100%}.terminal-title,.hero-scroll-indicator{display:none}}@media (width<=480px){.hero-title{font-size:1.85rem;line-height:1.2}.role-slider{min-width:160px}.terminal-body{padding:.85rem;font-size:.75rem}}.about-section{background:linear-gradient(#03071266 0%,#080e1eb3 50%,#03071266 100%);position:relative}.about-bento-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:1.5rem;width:100%;min-width:0;display:grid}.bento-card{width:100%;padding:clamp(1.2rem,3vw,2.25rem);position:relative;overflow:hidden}.card-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background:#8b5cf61f;border:1px solid #8b5cf640;align-items:center;gap:.45rem;margin-bottom:1.15rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.story-heading{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.15rem;font-size:clamp(1.3rem,2.5vw,1.85rem);font-weight:700;line-height:1.3}.story-paragraphs{color:var(--text-secondary);flex-direction:column;gap:.85rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.65;display:flex}.story-paragraphs strong{color:#fff;font-weight:600}.principles-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0a1020bf;width:100%;padding:1.15rem}.principles-nav{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.principle-tab{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;padding:.35rem .75rem;font-size:.76rem;font-weight:600;transition:all .2s}.principle-tab:hover{color:var(--text-primary);background:#ffffff0a}.principle-tab.active{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.principle-display{flex-direction:column;gap:.4rem;display:flex}.principle-header{align-items:center;gap:.6rem;display:flex}.principle-icon{color:var(--accent-secondary);flex-shrink:0;width:18px;height:18px}.principle-header h4{color:var(--text-primary);font-size:.95rem;font-weight:700}.principle-display p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.blueprint-card{flex-direction:column;justify-content:space-between;width:100%;display:flex}.blueprint-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.blueprint-tag{color:#38bdf8;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;display:flex}.blueprint-status{font-family:var(--font-mono);color:#6ee7b7;border-radius:var(--radius-full);background:#10b98126;border:1px solid #10b98159;padding:.15rem .5rem;font-size:.68rem}.blueprint-diagram{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#080c18d9;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.25rem;padding:1rem;display:flex}.blueprint-layer{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172ab3;padding:.75rem .85rem}.layer-badge{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:600}.layer-chips{flex-wrap:wrap;gap:.4rem;display:flex}.layer-chips span{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:.2rem .55rem;font-size:.76rem;font-weight:500}.blueprint-connector{align-items:center;gap:.6rem;padding:0 .5rem;display:flex}.connector-line{background:dashed 1px #8b5cf666;flex:1;height:1px}.connector-label{font-family:var(--font-mono);color:#a78bfa;font-size:.68rem}.blueprint-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.15rem;display:flex}.north-star-item{flex-direction:column;display:flex}.ns-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.ns-val{color:#fff;font-size:.92rem;font-weight:700}.about-stats-row{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;width:100%;min-width:0;display:grid}.stat-tile{border-radius:var(--radius-md);align-items:center;gap:1rem;min-width:0;padding:1.15rem 1.25rem;display:flex}.stat-tile-icon-box{border-radius:var(--radius-md);color:#c4b5fd;background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid #8b5cf64d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-tile-info{flex-direction:column;min-width:0;display:flex}.stat-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.stat-tile-value{font-family:var(--font-display);color:var(--text-primary);margin:.15rem 0;font-size:1rem;font-weight:700;line-height:1.25}.stat-tile-sub{color:var(--text-secondary);font-size:.74rem}[data-theme=light] .about-section{background:linear-gradient(#f8fafc80 0%,#f1f5f9cc 50%,#f8fafc80 100%)}[data-theme=light] .story-paragraphs strong{color:var(--text-primary)}[data-theme=light] .principles-container{background:#f1f5f9cc;border-color:#0f172a14}[data-theme=light] .principles-nav{border-color:#0f172a14}[data-theme=light] .principle-tab.active{color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed66}[data-theme=light] .tier-card{background:#ffffffe6;border-color:#0f172a14}[data-theme=light] .blueprint-diagram{background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .blueprint-layer{background:#fff;border-color:#0f172a14}[data-theme=light] .layer-chips span{color:#334155;background:#0f172a0d;border-color:#0f172a1a}[data-theme=light] .blueprint-footer{background:#f1f5f9b3;border-color:#0f172a14}[data-theme=light] .ns-val{color:#0f172a}[data-theme=light] .stat-tile{background:#fff;border-color:#0f172a14;box-shadow:0 4px 15px #0000000a}[data-theme=light] .stat-tile-icon-box{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}@media (width<=1024px){.about-bento-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.about-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.about-stats-row{grid-template-columns:minmax(0,1fr)}.blueprint-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}.skills-section{background:linear-gradient(#2d6cff73 0%,#616a8399 50%,#2d6cff73 100%);border-radius:20px;position:relative}.skills-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:#0f172a99;padding:.5rem 1.15rem;font-size:.84rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.filter-pill:hover{color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf64d}.filter-pill.active{color:#fff;background:#8b5cf638;border-color:#8b5cf680;box-shadow:0 0 16px #8b5cf640}.skills-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1.15rem;width:100%;min-width:0;margin-bottom:3.5rem;display:grid}.skill-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a66;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;display:flex}.skill-card.featured{background:linear-gradient(145deg,#121a30cc,#0a102099);border-color:#8b5cf640}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-cat-tag{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.featured-badge{color:#c4b5fd;border-radius:var(--radius-full);background:#8b5cf633;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.65rem;font-weight:700;display:flex}.skill-card-body{flex-direction:column;gap:.65rem;display:flex}.skill-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700}.skill-level-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.level-label{color:var(--accent-secondary);font-size:.72rem;font-weight:600}.level-bar-track{background:#ffffff14;border-radius:999px;flex:1;height:4px;overflow:hidden}.level-bar-fill{background:var(--gradient-brand);border-radius:999px;height:100%}.skills-extra-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.extra-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a4d;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex}.extra-card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.extra-card-title{align-items:center;gap:.6rem;display:flex}.extra-icon.green{color:var(--accent-emerald)}.extra-icon.cyan{color:var(--accent-secondary)}.extra-card-title h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.extra-sub{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.soft-skills-items-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.soft-skill-pill{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172a99;flex-direction:column;gap:.2rem;padding:.75rem .9rem;display:flex}.soft-skill-pill strong{color:var(--text-primary);font-size:.85rem}.soft-skill-pill p{color:var(--text-muted);font-size:.72rem;line-height:1.35}.tools-tag-cloud{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tool-chip{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:#e2e8f0;background:#0f172ab3;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.tool-chip:hover{color:#fff;background:#06b6d41f;border-color:#06b6d466;transform:translateY(-2px)}.tool-chip-icon{color:var(--accent-secondary)}.tools-cta-box{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.tools-cta-box p{color:var(--text-muted);font-size:.82rem}[data-theme=light] .skill-filter-btn,[data-theme=light] .filter-pill{background:#fffc;border-color:#0f172a14}[data-theme=light] .skill-filter-btn.active,[data-theme=light] .filter-pill.active{color:#7c3aed;background:#7c3aed26;border-color:#7c3aed80;box-shadow:0 0 16px #7c3aed26}[data-theme=light] .skill-card{background:#ffffffe6;border-color:#0f172a14}[data-theme=light] .skill-progress-bar,[data-theme=light] .level-bar-track{background:#0f172a0f}[data-theme=light] .soft-skill-pill{background:#f1f5f9b3;border-color:#0f172a0f}[data-theme=light] .extra-card{background:#fffffff2;border-color:#0f172a14}[data-theme=light] .tool-chip{color:#334155;background:#f1f5f9d9;border-color:#0f172a14}[data-theme=light] .tool-chip:hover{color:#0284c7;background:#0284c71a;border-color:#0284c759}@media (width<=1024px){.skills-extra-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}}@media (width<=768px){.skills-section{padding:clamp(3rem,8vw,4.5rem) 0}.skills-filter-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.35rem;margin-bottom:1.5rem;padding-bottom:.5rem;overflow-x:auto}.filter-pill{white-space:nowrap;flex-shrink:0;padding:.35rem .75rem;font-size:.76rem}.skills-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:2rem}.skill-card{border-radius:var(--radius-sm);gap:.4rem;padding:.65rem .75rem}.skill-cat-tag{font-size:.62rem}.featured-badge{padding:.05rem .35rem;font-size:.58rem}.skill-name{font-size:.88rem;line-height:1.25}.skill-level-row{gap:.4rem}.level-label{font-size:.66rem}.level-bar-track{height:3px}.extra-card{padding:1.15rem}.extra-card-header{margin-bottom:1rem}.soft-skills-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.soft-skill-pill{gap:.15rem;padding:.55rem .65rem}.soft-skill-pill strong{font-size:.78rem}.soft-skill-pill p{font-size:.66rem;line-height:1.3}.tools-tag-cloud{gap:.35rem;margin-bottom:1rem}.tool-chip{gap:.25rem;padding:.3rem .6rem;font-size:.74rem}.tools-cta-box{flex-direction:column;align-items:flex-start;gap:.65rem;padding-top:1rem}.tools-cta-box .btn{width:100%}}@media (width<=480px){.skills-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.skill-card{padding:.55rem .65rem}.skill-name{font-size:.82rem}.soft-skills-items-grid{grid-template-columns:1fr}}.projects-section{background:linear-gradient(#03071266 0%,#080e1c99 50%,#03071266 100%);position:relative}.projects-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.75rem;display:flex}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#0f172a99;padding:.5rem 1.25rem;font-size:.84rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.filter-btn:hover{color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf64d}.filter-btn.active{color:#fff;background:#8b5cf638;border-color:#8b5cf680;box-shadow:0 0 16px #8b5cf640}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;width:100%;min-width:0;margin-bottom:3.5rem;display:grid}.project-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card.featured-card{border-color:#8b5cf640}.project-image-wrap{cursor:pointer;background:#020617;height:220px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-img{transform:scale(1.06)}.project-image-gradient{pointer-events:none;background:linear-gradient(#03071200 40%,#030712d9 100%);position:absolute;inset:0}.featured-pill{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#8b5cf6d9;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:.85rem;left:.85rem;box-shadow:0 4px 12px #0006}.project-hover-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#03071299;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card:hover .project-hover-overlay{opacity:1}.btn-overlay-preview{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-overlay-preview:hover{background:var(--accent-primary);color:#030712;border-color:var(--accent-primary)}.project-card-info{flex-direction:column;flex:1;gap:.85rem;padding:1.5rem;display:flex}.project-meta-row{justify-content:space-between;align-items:center;display:flex}.project-category-tag{font-family:var(--font-mono);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.project-subtitle{color:var(--text-muted);font-size:.75rem}.project-title{font-family:var(--font-display);color:var(--text-primary);cursor:pointer;font-size:1.25rem;font-weight:700;transition:color .2s}.project-title:hover{color:#c4b5fd}.project-description{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.55}.project-tech-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.tech-badge{border:1px solid var(--border-subtle);color:#cbd5e1;background:#ffffff0a;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.project-actions{border-top:1px solid var(--border-subtle);align-items:center;gap:.65rem;padding-top:.85rem;display:flex}.project-action-btn{flex:1}.projects-cta-banner{background:linear-gradient(135deg,#8b5cf61f,#06b6d414);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex}.cta-banner-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.cta-banner-text h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.35rem;font-size:1.4rem;font-weight:700}.cta-banner-text p{color:var(--text-secondary);font-size:.9rem}.project-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#030712d9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.project-modal-dialog{border:1px solid var(--border-glass);border-radius:var(--radius-xl);background:#0b1120;width:100%;max-width:680px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #000000e6,0 0 35px #8b5cf633}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-primary);cursor:pointer;z-index:10;background:#0f172acc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{color:#fff;background:#f43f5e}.modal-hero-image{background:#020617;height:260px;overflow:hidden}.modal-hero-image img{object-fit:cover;width:100%;height:100%}.modal-body-content{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.modal-header-info h2{font-family:var(--font-display);color:var(--text-primary);margin:.35rem 0;font-size:1.65rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.9rem}.modal-description-box h4,.modal-highlights-box h4,.modal-tech-stack h4{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.88rem;font-weight:700}.modal-description-box p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.modal-highlights-list{flex-direction:column;gap:.55rem;list-style:none;display:flex}.modal-highlights-list li{color:var(--text-secondary);align-items:flex-start;gap:.65rem;font-size:.9rem;line-height:1.45;display:flex}.highlight-check{color:var(--accent-emerald);flex-shrink:0;margin-top:.15rem}.modal-action-row{border-top:1px solid var(--border-subtle);gap:1rem;padding-top:1.25rem;display:flex}.modal-action-row .btn{flex:1}[data-theme=light] .projects-section{background:linear-gradient(#f8fafc80 0%,#f1f5f9cc 50%,#f8fafc80 100%)}[data-theme=light] .filter-btn{background:#ffffffd9;border-color:#0f172a14}[data-theme=light] .filter-btn.active{color:#7c3aed;background:#7c3aed26;border-color:#7c3aed80;box-shadow:0 0 16px #7c3aed26}[data-theme=light] .project-card{background:#fffffff2;border-color:#0f172a14}[data-theme=light] .project-image-wrap{background:#f1f5f9}[data-theme=light] .tech-badge{color:#334155;background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .projects-cta-banner{background:linear-gradient(135deg,#7c3aed14,#0284c70f)}[data-theme=light] .project-modal-backdrop{background:#0f172a99}[data-theme=light] .project-modal-dialog{background:#fff;border-color:#0f172a1f;box-shadow:0 25px 60px -15px #0f172a40,0 0 35px #7c3aed1a}[data-theme=light] .modal-close-btn{color:var(--text-primary);background:#f1f5f9e6;border-color:#0f172a1a}[data-theme=light] .modal-hero-image{background:#f1f5f9}[data-theme=light] .modal-description-box h4,[data-theme=light] .modal-highlights-box h4,[data-theme=light] .modal-tech-stack h4{color:#7c3aed}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:1.25rem}.projects-cta-banner{flex-direction:column;align-items:flex-start;gap:1.15rem;padding:1.35rem}.projects-cta-banner .btn{width:100%}.modal-action-row{flex-direction:column}}@media (width<=480px){.projects-filter-bar{gap:.35rem;margin-bottom:1.75rem}.filter-btn{padding:.4rem .75rem;font-size:.76rem}.project-modal-backdrop{padding:.5rem}.project-modal-dialog{border-radius:var(--radius-lg);max-height:94vh}.modal-hero-image{height:180px}.modal-body-content{gap:1.15rem;padding:1.25rem 1rem}.modal-header-info h2{font-size:1.35rem}.project-body{padding:1.15rem 1rem}}.experience-section{background:linear-gradient(#03071266 0%,#0a0f1e99 50%,#03071266 100%);position:relative}.experience-tabs-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.75rem;display:flex}.exp-tab-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#0f172a99;align-items:center;gap:.6rem;padding:.65rem 1.4rem;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.exp-tab-btn:hover{color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf64d}.exp-tab-btn.active{color:#fff;background:#8b5cf638;border-color:#8b5cf680;box-shadow:0 0 18px #8b5cf640}.tab-count{font-family:var(--font-mono);color:#c4b5fd;border-radius:var(--radius-full);background:#ffffff14;padding:.1rem .45rem;font-size:.7rem}.experience-timeline{flex-direction:column;gap:1.5rem;margin-bottom:3.5rem;display:flex}.timeline-entry{flex-direction:column;gap:1.15rem;padding:2rem;display:flex}.timeline-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.role-company-group{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.timeline-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:700}.company-badge{color:#38bdf8;border-radius:var(--radius-full);background:#06b6d41f;border:1px solid #06b6d44d;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.timeline-location{color:var(--text-muted);font-size:.8rem}.timeline-period-badge{font-family:var(--font-mono);color:#c4b5fd;border-radius:var(--radius-full);white-space:nowrap;background:#8b5cf61f;border:1px solid #8b5cf640;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.78rem;display:inline-flex}.timeline-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.timeline-achievements{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#080c1899;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.achievements-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.achievements-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.achievements-list li{color:var(--text-secondary);align-items:flex-start;gap:.6rem;font-size:.88rem;line-height:1.45;display:flex}.ach-icon{color:var(--accent-secondary);flex-shrink:0;margin-top:.2rem}.timeline-footer-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.timeline-tech-tags{flex-wrap:wrap;gap:.4rem;display:flex}.exp-tech-tag{border:1px solid var(--border-subtle);color:#cbd5e1;background:#ffffff0a;border-radius:6px;padding:.2rem .55rem;font-size:.74rem;font-weight:500}.impact-metric-pill{color:#a7f3d0;border-radius:var(--radius-full);background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:.78rem;display:inline-flex}.impact-icon{color:var(--accent-emerald)}.impact-metric-pill strong{font-family:var(--font-mono);color:#fff;font-weight:700}.education-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;margin-bottom:3.5rem;display:grid}.education-card{flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.edu-card-top{justify-content:space-between;align-items:center;display:flex}.edu-icon-box{border-radius:var(--radius-md);color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#06b6d426);border:1px solid #8b5cf659;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.edu-period{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0a;padding:.2rem .6rem;font-size:.78rem}.edu-card-body{flex-direction:column;gap:.45rem;display:flex}.edu-honors-tag{color:#fbbf24;align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.74rem;font-weight:700;display:inline-flex}.edu-degree{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3}.edu-institution{color:var(--accent-secondary);font-size:.92rem;font-weight:600}.edu-desc{color:var(--text-secondary);margin-top:.5rem;font-size:.88rem;line-height:1.6}.certifications-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;width:100%;min-width:0;margin-bottom:3.5rem;display:grid}.cert-card{flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.75rem;display:flex}.cert-top{justify-content:space-between;align-items:center;display:flex}.cert-icon-wrap{border-radius:var(--radius-md);color:#fbbf24;background:#8b5cf626;border:1px solid #8b5cf64d;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cert-year-tag{font-family:var(--font-mono);color:#c4b5fd;border-radius:var(--radius-full);background:#8b5cf626;padding:.2rem .6rem;font-size:.78rem}.cert-body{flex-direction:column;gap:.35rem;display:flex}.cert-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.cert-issuer{color:var(--text-secondary);font-size:.85rem}.cert-footer{border-top:1px solid var(--border-subtle);padding-top:1rem}.cert-btn{width:100%}.experience-bottom-cta{background:linear-gradient(135deg,#8b5cf626,#06b6d41a);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex}.bottom-cta-text h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.bottom-cta-text p{color:var(--text-secondary);font-size:.9rem}[data-theme=light] .experience-section{background:linear-gradient(#f8fafc80 0%,#f1f5f9cc 50%,#f8fafc80 100%)}[data-theme=light] .exp-tab-btn{background:#ffffffd9;border-color:#0f172a14}[data-theme=light] .exp-tab-btn.active{color:#7c3aed;background:#7c3aed26;border-color:#7c3aed80;box-shadow:0 0 18px #7c3aed26}[data-theme=light] .tab-count{color:#7c3aed;background:#7c3aed1f}[data-theme=light] .timeline-achievements{background:#f1f5f9b3;border-color:#0f172a0f}[data-theme=light] .exp-tech-tag{color:#334155;background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .impact-metric-pill{color:#065f46;background:#0596691f;border-color:#0596694d}[data-theme=light] .impact-metric-pill strong{color:#065f46}[data-theme=light] .edu-period{color:var(--text-muted);background:#0f172a0a}[data-theme=light] .timeline-entry,[data-theme=light] .education-card,[data-theme=light] .cert-card{background:#fffffff2;border-color:#0f172a14}[data-theme=light] .edu-icon-box,[data-theme=light] .cert-trophy-box{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}[data-theme=light] .cert-verify-btn{color:#7c3aed}[data-theme=light] .experience-bottom-cta{background:linear-gradient(135deg,#7c3aed1a,#0284c714)}@media (width<=768px){.experience-tabs-bar{flex-wrap:wrap;gap:.45rem;margin-bottom:2rem}.exp-tab-btn{padding:.45rem .85rem;font-size:.8rem}.timeline-entry{gap:.85rem;padding:1.25rem 1rem}.timeline-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-title{font-size:1.15rem}.timeline-achievements{padding:.85rem 1rem}.timeline-footer-row{flex-direction:column;align-items:flex-start;gap:.65rem}.education-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem}.education-card{gap:1rem;padding:1.25rem 1rem}.certifications-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem}.cert-card{padding:1.25rem 1rem}.experience-bottom-cta{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1rem}.experience-bottom-cta .btn{width:100%}}.contact-section{background:linear-gradient(#03071266 0%,#0c1226b3 50%,#03071266 100%);position:relative}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:2rem;width:100%;min-width:0;display:grid}.contact-info-col{flex-direction:column;gap:1.25rem;display:flex}.availability-card{background:linear-gradient(145deg,#10b98114,#0f172acc);border-color:#10b98140;flex-direction:column;gap:.85rem;padding:1.75rem;display:flex}.avail-badge{color:#6ee7b7;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.avail-text{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.avail-meta{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:1.25rem;padding-top:.85rem;display:flex}.avail-meta-item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.avail-meta-icon{color:var(--accent-secondary)}.contact-methods-list{flex-direction:column;gap:.85rem;display:flex}.contact-method-card{align-items:center;gap:1.15rem;padding:1.15rem 1.35rem;transition:all .25s;display:flex}.contact-method-card:hover{transform:translate(4px)}.method-icon-box{border-radius:var(--radius-md);color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.method-details{flex-direction:column;flex:1;display:flex}.method-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.method-value-link,.method-value-text{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.method-value-link:hover{color:var(--accent-secondary)}.method-copy-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.method-copy-btn:hover{color:#fff;background:#8b5cf633;border-color:#8b5cf666}.method-copy-btn.copied{color:#6ee7b7;background:#10b98133;border-color:#10b98180}.social-hub-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.social-hub-card h4,.downloads-hub-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.social-hub-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.social-hub-item{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172a99;align-items:center;gap:.75rem;padding:.75rem .95rem;text-decoration:none;transition:all .2s;display:flex}.social-hub-item:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translateY(-2px)}.social-item-icon{color:var(--accent-secondary);justify-content:center;align-items:center;display:flex}.custom-medium-icon{font-family:serif;font-size:1.15rem;font-weight:900}.social-item-text{flex-direction:column;flex:1;display:flex}.social-item-text strong{color:var(--text-primary);font-size:.88rem}.social-item-text span{color:var(--text-muted);font-size:.72rem}.social-item-arrow{color:var(--text-muted);transition:transform .2s}.social-hub-item:hover .social-item-arrow{color:var(--accent-primary);transform:translate(2px,-2px)}.downloads-hub-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.downloads-buttons-row{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.download-action{width:100%}.contact-form-card{flex-direction:column;gap:1.75rem;padding:2.25rem;display:flex}.form-icon-pill{color:#38bdf8;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:#06b6d41f;border:1px solid #06b6d44d;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.form-card-header h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.35rem;font-size:1.6rem;font-weight:700}.form-card-header p{color:var(--text-secondary);font-size:.9rem}.contact-form-element{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-field-group{flex-direction:column;gap:.45rem;display:flex}.form-field-group label{color:var(--text-muted);font-size:.8rem;font-weight:600}.form-field-group input,.form-field-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#0a1020d9;padding:.85rem 1.15rem;font-size:.92rem;transition:all .2s}.form-field-group input:focus,.form-field-group textarea:focus{border-color:var(--accent-primary);background:#0f172af2;outline:none;box-shadow:0 0 16px #8b5cf640}.form-field-group textarea{resize:vertical;min-height:140px}.form-submit-btn{width:100%;margin-top:.5rem;padding:.95rem;font-size:1rem}.form-alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.88rem;line-height:1.5;display:flex}.form-alert.success{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98159}.form-alert.error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e59}[data-theme=light] .contact-section{background:linear-gradient(#f8fafc80 0%,#f1f5f9cc 50%,#f8fafc80 100%)}[data-theme=light] .availability-card{background:linear-gradient(145deg,#05966914,#ffffffe6);border-color:#05966940}[data-theme=light] .avail-badge{color:#065f46}[data-theme=light] .contact-method-card{background:#ffffffe6;border-color:#0f172a14}[data-theme=light] .method-copy-btn{background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .social-hub-item{background:#ffffffd9;border-color:#0f172a14}[data-theme=light] .social-hub-item:hover{background:#7c3aed14;border-color:#7c3aed4d}[data-theme=light] .form-field-group input,[data-theme=light] .form-field-group textarea{color:#0f172a;background:#f1f5f9e6;border-color:#0f172a1f}[data-theme=light] .contact-icon-box{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}[data-theme=light] .social-hub-card,[data-theme=light] .downloads-hub-card,[data-theme=light] .contact-form-card{background:#fffffff2;border-color:#0f172a14}[data-theme=light] .method-copy-btn:hover{color:#7c3aed;background:#7c3aed1f;border-color:#7c3aed66}.method-value-link,.method-value-text{font-family:var(--font-display);color:var(--text-primary);word-break:break-word;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.availability-card{gap:1rem;padding:1.25rem 1rem}.contact-method-card{gap:.75rem;padding:.9rem 1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-field-group input,.form-field-group textarea{padding:.75rem .9rem;font-size:16px}.social-hub-card,.downloads-hub-card{padding:1.25rem 1rem}.social-hub-grid,.downloads-buttons-row{grid-template-columns:1fr}.contact-form-card{padding:1.25rem 1rem}}.footer-section{border-top:1px solid var(--border-subtle);background:#02050f;padding:4.5rem 0 2.5rem;position:relative;overflow:hidden}.footer-callout-card{background:linear-gradient(135deg,#8b5cf626 0%,#06b6d414 100%);border:1px solid #8b5cf659;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:4rem;padding:clamp(2rem,4vw,3rem);display:flex;box-shadow:0 20px 45px -10px #000000b3}.callout-left{max-width:600px}.callout-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;margin-bottom:.85rem;font-size:.75rem;font-weight:700;display:inline-flex}.callout-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.25}.callout-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.footer-columns-grid{grid-template-columns:1.4fr .8fr 1fr;gap:clamp(2rem,5vw,4rem);margin-bottom:3.5rem;display:grid}.footer-col h5{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:.85rem;font-weight:700}.footer-brand-badge{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.footer-monogram{border-radius:var(--radius-md);width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#8b5cf640,#06b6d433);border:1px solid #8b5cf666;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.footer-brand-badge h4{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.footer-brand-badge span{color:var(--text-muted);font-size:.76rem;display:block}.footer-bio{color:var(--text-secondary);max-width:44ch;margin-bottom:1.25rem;font-size:.9rem;line-height:1.65}.footer-availability-chip{color:#6ee7b7;border-radius:var(--radius-full);background:#10b98114;border:1px solid #10b98140;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.footer-nav-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-nav-list a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-block}.footer-nav-list a:hover{color:#c4b5fd;transform:translate(4px)}.footer-contact-items{flex-direction:column;gap:.65rem;display:flex}.footer-contact-link,.footer-contact-static{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.88rem;text-decoration:none;display:flex}.footer-contact-link:hover{color:var(--accent-secondary)}.f-icon{color:var(--accent-primary)}.footer-social-row{gap:.65rem;display:flex}.footer-social-btn{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-secondary);background:#0f172acc;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-social-btn:hover{border-color:var(--accent-primary);color:#fff;background:#8b5cf633;transform:translateY(-3px)}.footer-medium-icon{font-family:serif;font-size:1.1rem;font-weight:900}.footer-bottom-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.copyright-text{color:var(--text-muted);font-size:.82rem}.footer-legal-links{align-items:center;gap:.85rem;display:flex}.footer-legal-links a{color:var(--text-muted);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:var(--text-primary)}.sep{color:var(--text-muted);font-size:.8rem}[data-theme=light] .footer-section{background:#f1f5f9;border-top-color:#0f172a14}[data-theme=light] .footer-callout-card{background:linear-gradient(135deg,#7c3aed1a 0%,#0284c70f 100%);border-color:#7c3aed40;box-shadow:0 20px 45px -10px #0f172a14}[data-theme=light] .footer-col h5{color:#0f172a}[data-theme=light] .footer-monogram{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}[data-theme=light] .footer-social-btn{color:var(--text-secondary);background:#ffffffe6;border-color:#0f172a1a}[data-theme=light] .footer-social-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#7c3aed1f}@media (width<=992px){.footer-columns-grid{grid-template-columns:1fr;gap:2.25rem}.footer-callout-card{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.25rem}.callout-actions,.callout-actions .btn{width:100%}}@media (width<=640px){.footer-section{padding:3rem 0 2rem}.footer-callout-card{margin-bottom:2.5rem}.footer-bottom-bar{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding-top:1.5rem}}:root{--font-display:"Plus Jakarta Sans", "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-primary:#030712;--bg-secondary:#080e1e;--bg-card:#0d1424a6;--bg-card-hover:#141e34d9;--bg-card-solid:#0d1424;--bg-input:#0f172ab3;--border-subtle:#ffffff14;--border-glass:#ffffff1f;--border-active:#8b5cf673;--border-glow:#8b5cf699;--text-primary:#f9fafb;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-brand:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-card:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--gradient-glow:radial-gradient(circle at center, #8b5cf62e 0%, #06b6d40d 50%, transparent 80%);--shadow-sm:0 2px 8px #00000040;--shadow-md:0 10px 30px -10px #00000080;--shadow-lg:0 20px 40px -15px #000000b3;--shadow-glow:0 0 35px #8b5cf640;--shadow-glow-cyan:0 0 35px #06b6d440;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-card-solid:#fff;--bg-input:#f1f5f9f2;--border-subtle:#0f172a14;--border-glass:#0f172a1f;--border-active:#7c3aed8c;--border-glow:#7c3aed4d;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#7c3aed;--accent-secondary:#0284c7;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #0284c7 100%);--gradient-card:linear-gradient(135deg, #fffffff2 0%, #ffffffb3 100%);--gradient-glow:radial-gradient(circle at center, #7c3aed1a 0%, #0284c70a 50%, transparent 80%);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 10px 25px -8px #0f172a14;--shadow-lg:0 20px 35px -12px #0f172a1f;--shadow-glow:0 0 30px #7c3aed26;--shadow-glow-cyan:0 0 30px #0284c726}.App{background-color:var(--bg-primary);background-image:radial-gradient(at 10% 15%,#8b5cf61f 0,#0000 50%),radial-gradient(at 90% 40%,#06b6d417 0,#0000 50%),radial-gradient(at 50% 85%,#8b5cf614 0,#0000 60%);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s;position:relative}[data-theme=light] .App{background-image:radial-gradient(at 10% 15%,#7c3aed14 0,#0000 50%),radial-gradient(at 90% 40%,#0284c712 0,#0000 50%),radial-gradient(at 50% 85%,#7c3aed0d 0,#0000 60%)}.bg-grid-pattern{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] .bg-grid-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230f172a' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}[data-theme=light] .btn-secondary{color:var(--text-primary);background:#0f172a0d;border-color:#0f172a1f}[data-theme=light] .btn-secondary:hover{color:var(--accent-primary);background:#7c3aed1a;border-color:#7c3aed4d}[data-theme=light] .btn-primary{background:var(--gradient-brand);color:#fff}[data-theme=light] .btn-outline{color:var(--accent-primary);border-color:#7c3aed66}[data-theme=light] .btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#7c3aed1a}[data-theme=light] .btn-ghost{color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{color:var(--text-primary);background:#0f172a0d}[data-theme=light] .scroll-to-top{color:var(--text-primary);background:#fff;border-color:#0f172a26;box-shadow:0 8px 24px #00000014}[data-theme=light] .scroll-to-top:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-theme=light] .portfolio-toast{border-color:var(--accent-primary);color:var(--text-primary);background:#fff;box-shadow:0 15px 35px #0000001a,0 0 20px #7c3aed1f}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc}.container{z-index:1;box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(1rem,3.5vw,2.5rem);position:relative}section{box-sizing:border-box;width:100%;max-width:100%;padding:clamp(3.5rem,7.5vw,7.5rem) 0;position:relative;overflow-x:clip}.section-header{text-align:center;max-width:760px;margin:0 auto clamp(2rem,5vw,4rem)}.section-eyebrow{border-radius:var(--radius-full);color:#c4b5fd;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf640;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.section-eyebrow .dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #a78bfa}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.85rem;font-size:clamp(1.85rem,5.5vw,3.25rem);font-weight:800;line-height:1.15}.section-title .text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-subtitle{color:var(--text-secondary);font-size:clamp(.92rem,2vw,1.12rem);line-height:1.65}.btn{border-radius:var(--radius-full);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:#030712;font-weight:700;box-shadow:0 10px 25px -5px #8b5cf673}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 32px -6px #8b5cf699}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.btn-outline{color:#c4b5fd;background:0 0;border:1px solid #8b5cf659}.btn-outline:hover{background:#8b5cf61f;border-color:#8b5cf699;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.82rem}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.scroll-to-top{border-radius:var(--radius-full);border:1px solid var(--border-glass);width:48px;height:48px;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;z-index:90;background:#0f172ad9;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px)}.scroll-to-top:hover{background:var(--accent-primary);color:#030712;border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 10px 25px #8b5cf666}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.portfolio-toast{border:1px solid var(--accent-primary);color:#f3f4f6;border-radius:var(--radius-full);text-align:center;z-index:999;opacity:0;pointer-events:none;background:#0f172a;justify-content:center;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.75rem 1.25rem;font-size:.88rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 15px 35px #0009,0 0 20px #8b5cf64d}.portfolio-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (width<=768px){section{padding:clamp(3rem,6vw,4.5rem) 0}.scroll-to-top{width:40px;height:40px;bottom:1rem;right:1rem}}
