:root{--bg-studio:#f6f8fc;--bg-card:#ffffffc7;--bg-card-hover:#ffffffeb;--bg-glass:#ffffffa6;--border-subtle:#e2e8f0e6;--border-focus:#6366f166;--blue-primary:#2563eb;--blue-dark:#1d4ed8;--blue-light:#38bdf8;--purple-primary:#7c3aed;--purple-glow:#7c3aed40;--blue-glow:#2563eb40;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Grotesk", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-studio);width:100%;min-height:100%;font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.portfolio-app-root{width:100%;position:relative}.canvas-wrapper{z-index:1;pointer-events:auto;cursor:grab;width:100vw;height:100vh;position:fixed;top:0;left:0}.canvas-wrapper:active{cursor:grabbing}.navbar-container{z-index:100;width:100%;height:72px;padding:0 40px;padding-left:max(40px, env(safe-area-inset-left,0px));padding-right:max(40px, env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(20px);transition:all .3s var(--ease-out);background:#f6f8fcd1;border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.brand-group{cursor:pointer;transition:transform .2s var(--ease-out);flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-group:hover{transform:translateY(-1px)}.brand-logo{width:40px;height:40px;box-shadow:0 4px 14px var(--purple-glow);background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-letters{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;font-size:16px;font-weight:800}.brand-text{align-items:center;display:flex}.brand-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;font-size:17px;font-weight:700}.brand-name-short{display:none}.nav-links-desktop{align-items:center;gap:28px;display:flex}.nav-link-btn{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:600;transition:color .2s;position:relative}.nav-link-btn:hover{color:var(--blue-primary)}.nav-link-btn.active{color:var(--blue-primary);font-weight:700}.active-pill-indicator{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:4px;width:100%;height:3px;position:absolute;bottom:-2px;left:0}.navbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.desktop-actions-group{align-items:center;gap:8px;display:flex}.icon-action-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;height:38px;transition:all .2s var(--ease-out);background:#ffffffd9;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 6px #00000008}.icon-action-btn:hover{color:var(--blue-primary);border-color:var(--border-focus);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1f}.audio-btn{width:38px;padding:0}.connect-btn{color:#fff;height:40px;font-family:var(--font-body);cursor:pointer;transition:all .25s var(--ease-out);box-shadow:0 4px 14px var(--purple-glow);white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:24px;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:700;display:flex}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed59}.connect-btn:hover .connect-arrow{transform:translate(3px)}.connect-arrow{transition:transform .2s}.mobile-menu-toggle{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:none;box-shadow:0 2px 6px #0000000a}.mobile-menu-toggle:hover{border-color:var(--border-focus);color:var(--blue-primary);background:#fff}.mobile-menu-toggle.open{color:var(--blue-primary);background:#eef2fff2;border-color:#6366f180}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:90;background:#0f172a61;animation:.2s fadeIn;position:fixed;inset:0}.mobile-drawer{-webkit-backdrop-filter:blur(28px);z-index:95;max-height:calc(100vh - 72px);animation:drawerSlideDown .25s var(--ease-out);background:#f6f8fcf5;border-bottom:1px solid #e2e8f0e6;flex-direction:column;gap:16px;padding:18px 20px 24px;display:flex;position:fixed;top:72px;left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px #00000017}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-nav{flex-direction:column;gap:8px;display:flex}.mobile-drawer-link{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:#ffffffb3;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link:active{background:#fff;border-color:#2563eb4d;transform:translate(2px)}.mobile-drawer-link.active{color:var(--blue-primary);background:#fff;border-color:#2563eb59;box-shadow:0 4px 14px #2563eb14}.mobile-drawer-link-left{align-items:center;gap:12px;display:flex}.mobile-drawer-icon-wrap{width:32px;height:32px;color:var(--blue-primary);background:#eef2ffcc;border-radius:8px;justify-content:center;align-items:center;display:flex}.mobile-drawer-link.active .mobile-drawer-icon-wrap{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.mobile-active-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--blue-primary);background:#2563eb14;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:700}.mobile-drawer-divider{background:#e2e8f0cc;width:100%;height:1px}.mobile-3d-controls{border:1px solid var(--border-subtle);background:#ffffffb3;border-radius:16px;padding:14px}.mobile-controls-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;font-size:10.5px;font-weight:700}.mobile-controls-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-control-btn{border:1px solid var(--border-subtle);height:38px;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.mobile-control-btn:active{background:#f8fafc;transform:scale(.97)}.mobile-drawer-footer{width:100%}.connect-btn.full-width{justify-content:center;width:100%;height:46px;font-size:15px}.horizontal-scroll-container{z-index:10;width:100%;height:100vh;position:relative;overflow:hidden}.horizontal-track{will-change:transform;width:max-content;height:100vh;display:flex;position:relative}.scroll-panel{pointer-events:none;flex-shrink:0;align-items:center;width:100vw;height:100vh;padding:0 6vw;display:flex;position:relative}.panel-canvas-space{pointer-events:none;flex:1;height:100%}.panel-content-hero{pointer-events:auto;z-index:20;flex-direction:column;justify-content:center;max-width:520px;display:flex}.eyebrow-line{align-items:center;gap:12px;margin-bottom:20px;display:flex}.eyebrow-text{font-family:var(--font-mono);letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow-divider{background-color:#cbd5e1;width:24px;height:1.5px}.hero-headline{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--text-primary);flex-direction:column;font-size:clamp(40px,5.2vw,68px);font-weight:800;line-height:1.08;display:flex}.hero-greeting{color:var(--text-primary)}.hero-name-gradient{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-bottom:4px;display:inline-block}.hero-description{color:var(--text-secondary);margin-top:20px;font-size:17px;font-weight:400;line-height:1.6}.hero-action-row{align-items:center;gap:14px;margin-top:32px;display:flex}.primary-pill-btn{color:#fff;cursor:pointer;height:46px;transition:all .25s var(--ease-out);box-shadow:0 4px 16px var(--blue-glow);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);border:none;border-radius:28px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:700;display:flex}.primary-pill-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.secondary-glass-btn{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;height:46px;transition:all .2s var(--ease-out);border-radius:28px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.secondary-glass-btn:hover{border-color:var(--border-focus);background:#fff;transform:translateY(-2px)}.scroll-indicator-widget{color:var(--text-muted);align-items:center;gap:10px;margin-top:48px;display:flex}.mouse-icon-wrap{border:1px solid var(--border-subtle);background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:2s ease-in-out infinite pulse-bounce;display:flex}@keyframes pulse-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.scroll-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:700}.scroll-arrow{font-family:var(--font-mono);color:var(--blue-primary);font-size:13px;font-weight:700}.panel-card-container{pointer-events:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);z-index:20;border-radius:24px;max-width:480px;padding:36px 40px;box-shadow:0 16px 40px #0000000a,0 0 20px #fff9}.panel-card-container.wide-card{max-width:580px}.section-index-badge{align-items:center;gap:8px;margin-bottom:12px;display:flex}.index-number{font-family:var(--font-mono);color:var(--blue-primary);letter-spacing:1px;font-size:12px;font-weight:700}.index-line{background:var(--blue-primary);width:18px;height:1.5px}.panel-title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);font-size:26px;font-weight:800}.panel-tagline{color:var(--text-secondary);margin-top:6px;margin-bottom:24px;font-size:15px}.panel-features-grid{flex-direction:column;gap:16px;display:flex}.feature-item{align-items:flex-start;gap:14px;display:flex}.feature-icon-badge{width:36px;height:36px;color:var(--purple-primary);background:#7c3aed1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.feature-icon-badge.blue-badge{color:var(--blue-primary);background:#2563eb1a}.feature-title{color:var(--text-primary);font-size:14px;font-weight:700}.feature-desc{color:var(--text-secondary);margin-top:2px;font-size:12.5px;line-height:1.5}.skills-pill-row{border-top:1px solid #e2e8f0b3;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;display:flex}.skill-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffffe6;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.skill-pill.highlight-pill{color:var(--blue-primary);background:#2563eb14;border-color:#2563eb40}.metrics-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.metric-box{border:1px solid var(--border-subtle);background:#fff9;border-radius:12px;padding:12px 14px}.metric-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.metric-pct{color:var(--blue-primary);font-weight:700}.metric-bar-bg{background:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:4px;height:100%}.metric-bar-fill.purple-fill{background:linear-gradient(90deg,#7c3aed,#a855f7)}.cta-banner-box{background:linear-gradient(135deg,#eef2ffcc 0%,#f5f3ffcc 100%);border:1px solid #c7d2fe99;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.cta-headline{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:800}.cta-sub{color:var(--text-secondary);margin-top:4px;font-size:12.5px}.cta-actions{gap:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:480px;animation:scaleUp .25s var(--ease-out);background:#fff;border-radius:24px;padding:36px;position:relative;box-shadow:0 24px 60px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-primary);background:#e2e8f0}.modal-badge{font-family:var(--font-mono);color:var(--purple-primary);background:#7c3aed14;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:26px;font-weight:800}.modal-subtitle{color:var(--text-secondary);margin-top:6px;font-size:13.5px;line-height:1.5}.email-copy-box{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin-top:24px;padding:10px 14px;display:flex}.email-info{color:var(--text-primary);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.email-icon{color:var(--blue-primary)}.copy-action-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.copy-action-btn:hover{border-color:var(--blue-primary);color:var(--blue-primary)}.text-green{color:#10b981}.modal-links-grid{flex-direction:column;gap:10px;margin-top:16px;display:flex}.modal-action-card{color:var(--text-primary);border:1px solid var(--border-subtle);transition:all .2s var(--ease-out);background:#f8fafc;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.modal-action-card:hover{border-color:var(--border-focus);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.modal-action-card strong{font-size:13px;display:block}.modal-action-card small{color:var(--text-muted);font-size:11px}.mail-card{color:#2563eb}.linkedin-card{color:#0a66c2}.github-card{color:#181717}.modal-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:11px}.fallback-container{background:var(--bg-studio);justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 6vw;display:flex}.fallback-cubes-row{gap:12px;margin-top:28px;display:flex}.fallback-cube{width:58px;height:58px;font-family:var(--font-display);color:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;box-shadow:0 10px 25px #0000001a}.cube-blue{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.cube-purple{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%)}.cube-elevated{transform:translateY(-8px)rotate(6deg)}@media (width<=1024px){.navbar-container{height:68px;padding:0 20px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}.nav-links-desktop{display:none}.mobile-menu-toggle{display:flex}.mobile-drawer{max-height:calc(100vh - 68px);top:68px}.scroll-panel{padding:0 4vw}.hero-headline{font-size:clamp(34px,7vw,52px)}}@media (width<=768px){.navbar-container{height:64px;padding:0 16px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.mobile-drawer{max-height:calc(100vh - 64px);padding:16px 16px 20px;top:64px}.desktop-actions-group{display:none}.horizontal-track{width:400vw}.panel-card-container{max-width:90vw;padding:24px}.hero-action-row{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}}@media (width<=540px){.brand-name-full{display:none}.brand-name-short{display:inline}.brand-logo{border-radius:10px;width:36px;height:36px}.brand-letters{font-size:15px}.brand-name{font-size:15.5px}.connect-btn-header{gap:6px;height:36px;padding:0 13px;font-size:12.5px}.icon-action-btn.audio-btn,.mobile-menu-toggle{width:36px;height:36px}}@media (width<=410px){.connect-btn-header .connect-btn-text{display:none}.connect-btn-header{border-radius:12px;justify-content:center;width:36px;height:36px;padding:0}.connect-btn-header .connect-arrow{margin:0}}