@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Fira+Code:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lunar-cyan: #00f0ff;--lunar-blue: #0077ff;--lunar-magenta: #ff0055;--lunar-violet: #7928ca;--lunar-teal: #00ffc2;--sunset-gold: #ffe600;--sunset-amber: #ff8c00;--sunset-coral: #ff3d71;--sunset-rose: #ff6584;--sunset-pink: #d946ef;--color-primary: var(--lunar-violet);--color-secondary: var(--lunar-magenta);--color-accent: var(--lunar-cyan);--color-spark: var(--lunar-teal);--color-highlight: var(--lunar-blue);--bg: #07070a;--bg-alt: #0e0e14;--bg-trans: rgba(7, 7, 10, .78);--bg-trans-alt: rgba(14, 14, 20, .88);--card-bg: rgba(12, 12, 18, .7);--card-bg-hover: rgba(18, 18, 28, .82);--card-inner: rgba(255, 255, 255, .04);--glass-blur: blur(20px) saturate(190%);--glass-blur-sm: blur(12px) saturate(160%);--text: #ffffff;--text-muted: #a6a6b8;--text-subtle: #68687a;--border: rgba(121, 40, 202, .28);--border-hover: rgba(0, 240, 255, .65);--border-gradient: linear-gradient(135deg, rgba(121, 40, 202, .45) 0%, rgba(0, 240, 255, .45) 100%);--card-shadow: 0 24px 60px rgba(0, 0, 0, .8), 0 0 35px rgba(121, 40, 202, .15);--card-shadow-hover: 0 28px 70px rgba(0, 0, 0, .85), 0 0 45px rgba(0, 240, 255, .25);--btn-primary-bg: #ffffff;--btn-primary-text: #07070a;--btn-primary-border: rgba(255, 255, 255, .25);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-text: #ffffff;--btn-secondary-border: rgba(255, 255, 255, .12);--glitch-cyan: var(--lunar-cyan);--glitch-magenta: var(--lunar-magenta);--glitch-yellow: var(--sunset-gold);--glitch-lime: var(--lunar-teal);--glitch-purple: var(--lunar-violet);--glitch-spectrum: linear-gradient(135deg, #7928ca 0%, #ff0055 25%, #0077ff 50%, #00f0ff 75%, #00ffc2 100%);--glitch-spectrum-h: linear-gradient(90deg, #7928ca 0%, #ff0055 30%, #0077ff 60%, #00f0ff 100%);--glitch-text-shadow: -1.6px 0 var(--lunar-cyan), 1.6px 0 var(--lunar-magenta);--glitch-text-shadow-heavy: -2.4px 0 var(--lunar-cyan), 2.4px 0 var(--lunar-magenta);--font-main: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-code: "Fira Code", monospace;--font-sans: "Inter", sans-serif}[data-theme=light]{--color-primary: var(--sunset-gold);--color-secondary: var(--sunset-amber);--color-accent: var(--sunset-coral);--color-spark: var(--sunset-pink);--color-highlight: var(--sunset-rose);--bg: #fafafd;--bg-alt: #f0f0f6;--bg-trans: rgba(250, 250, 253, .82);--bg-trans-alt: rgba(240, 240, 246, .9);--card-bg: rgba(255, 255, 255, .78);--card-bg-hover: rgba(255, 255, 255, .9);--card-inner: rgba(0, 0, 0, .035);--text: #07070a;--text-muted: #4e4e5e;--text-subtle: #7a7a8c;--border: rgba(255, 140, 0, .25);--border-hover: rgba(255, 61, 113, .6);--border-gradient: linear-gradient(135deg, rgba(255, 140, 0, .45) 0%, rgba(255, 61, 113, .45) 100%);--card-shadow: 0 20px 50px rgba(0, 0, 0, .07), 0 0 35px rgba(255, 140, 0, .1);--card-shadow-hover: 0 26px 65px rgba(0, 0, 0, .12), 0 0 45px rgba(255, 61, 113, .18);--btn-primary-bg: #07070a;--btn-primary-text: #ffffff;--btn-primary-border: rgba(0, 0, 0, .2);--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-text: #07070a;--btn-secondary-border: rgba(0, 0, 0, .12);--glitch-spectrum: linear-gradient(135deg, #ff8c00 0%, #ff3d71 30%, #d946ef 65%, #ffe600 100%);--glitch-spectrum-h: linear-gradient(90deg, #ff8c00 0%, #ff3d71 35%, #d946ef 70%, #ffe600 100%);--glitch-text-shadow: -1.4px 0 rgba(255, 61, 113, .8), 1.4px 0 rgba(255, 140, 0, .8);--glitch-text-shadow-heavy: -2.2px 0 rgba(255, 61, 113, .8), 2.2px 0 rgba(255, 140, 0, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);overflow-y:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:#7d7d7d4d;border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.webgl-canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.scrollytelling-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.scroll-dummy-spacer{width:100%;height:520vh;pointer-events:none}.journey-section{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s step-end,transform .7s cubic-bezier(.16,1,.3,1);z-index:20}.journey-section.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s step-start,transform .7s cubic-bezier(.16,1,.3,1)}.left-aligned-panel{align-self:center;margin-right:auto;margin-left:6%;width:min(520px,90%)}.right-aligned-panel{align-self:center;margin-left:auto;margin-right:6%;width:min(520px,90%)}@media (max-width: 992px){.left-aligned-panel,.right-aligned-panel{margin:auto;width:min(480px,95%);align-self:center}}@keyframes scanlineGlitchCyan{0%,10%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}11%{clip-path:polygon(0 12%,100% 12%,100% 32%,0 32%);transform:translate(-4px,-1px);opacity:.95}13%{clip-path:polygon(0 45%,100% 45%,100% 62%,0 62%);transform:translate(3px,1px);opacity:.85}15%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}16%,54%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}55%{clip-path:polygon(0 65%,100% 65%,100% 88%,0 88%);transform:translate(-5px);opacity:.95}58%{clip-path:polygon(0 4%,100% 4%,100% 24%,0 24%);transform:translate(4px,-2px);opacity:.85}60%{clip-path:polygon(0 38%,100% 38%,100% 50%,0 50%);transform:translate(-2px,1px);opacity:.8}62%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}}@keyframes scanlineGlitchMagenta{0%,10%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}11%{clip-path:polygon(0 18%,100% 18%,100% 38%,0 38%);transform:translate(4px,1px);opacity:.95}13%{clip-path:polygon(0 52%,100% 52%,100% 68%,0 68%);transform:translate(-3px,-1px);opacity:.85}15%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}16%,54%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}55%{clip-path:polygon(0 70%,100% 70%,100% 92%,0 92%);transform:translate(5px,1px);opacity:.95}58%{clip-path:polygon(0 8%,100% 8%,100% 28%,0 28%);transform:translate(-4px,2px);opacity:.85}60%{clip-path:polygon(0 44%,100% 44%,100% 58%,0 58%);transform:translate(2px,-1px);opacity:.8}62%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.25}}.comic-panel-card{position:relative;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;border:1px solid var(--border);box-shadow:var(--card-shadow);overflow:visible!important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.comic-panel-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;border:1.5px solid var(--glitch-cyan);box-shadow:-2px -1px #00f0ff99,inset -1px 0 6px #00f0ff40;pointer-events:none;z-index:1;opacity:.25;animation:scanlineGlitchCyan 5.5s cubic-bezier(.25,.46,.45,.94) infinite}.comic-panel-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;border:1.5px solid var(--glitch-magenta);box-shadow:2px 1px #f059,inset 1px 0 6px #ff005540;pointer-events:none;z-index:1;opacity:.25;animation:scanlineGlitchMagenta 5.5s cubic-bezier(.25,.46,.45,.94) infinite}.comic-panel-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}[data-glitch=off] .comic-panel-card:before,[data-glitch=off] .comic-panel-card:after{display:none!important;animation:none!important;opacity:0!important}.card-header-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff09;border-bottom:1px solid var(--border);font-family:var(--font-code);font-size:.72rem;font-weight:600;letter-spacing:.5px;color:var(--text-muted)}.card-dot-marker{width:9px;height:9px;border-radius:50%;display:inline-block}.card-dot-marker.red{background:#ff5f56}.card-dot-marker.yellow{background:#ffbd2e}.card-dot-marker.green{background:#27c93f}.card-content-area{position:relative;background:transparent;padding:24px}.melting-header{font-family:var(--font-main);font-weight:800;letter-spacing:-.5px;line-height:1.15}.legible-fira-text{font-family:var(--font-code);font-size:.78rem;line-height:1.6;color:var(--text-muted);font-feature-settings:"tnum" 1}.jolly-subtitle{font-family:var(--font-code);font-size:.82rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.header-btn-compact{background:var(--card-bg)!important;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--border)!important;border-radius:8px!important;color:var(--text)!important;transition:all .2s cubic-bezier(.16,1,.3,1)}.header-btn-compact:hover{border-color:var(--border-hover)!important;box-shadow:0 4px 16px #00000040,0 0 14px var(--border-hover);transform:translateY(-1px)}.interaction-bubble{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:30px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:10px;padding:8px 18px;font-family:var(--font-code);font-size:.72rem;font-weight:600;color:var(--text);z-index:100;font-feature-settings:"tnum" 1;outline:none}.interaction-bubble.interactive-stepper{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.interaction-bubble.interactive-stepper:hover{transform:translate(-50%) translateY(-2px);border-color:var(--border-hover);box-shadow:0 12px 30px #00000059,0 0 20px var(--border-hover)}.interaction-tag{background:var(--card-inner);border:1px solid var(--border);padding:2px 8px;border-radius:4px;color:var(--color-accent);font-weight:700}.linear-skill-container{margin-bottom:12px}.linear-skill-label{display:flex;justify-content:space-between;margin-bottom:5px;font-family:var(--font-code);font-size:.74rem;font-weight:600;color:var(--text);font-feature-settings:"tnum" 1}.linear-skill-track{width:100%;height:7px;background:var(--card-inner);border:1px solid var(--border);border-radius:6px;overflow:hidden;position:relative}.linear-skill-fill{height:100%;background:var(--glitch-spectrum-h);border-radius:6px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #7928ca66}.tech-tag{display:inline-flex;align-items:center;padding:5px 11px;background:var(--card-inner);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--border);border-radius:6px;font-family:var(--font-code);font-size:.72rem;font-weight:600;color:var(--text);transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.tech-tag:hover{border-color:var(--border-hover);color:var(--color-accent);background:#ffffff14;box-shadow:0 4px 14px #0000004d,0 0 14px var(--border-hover);transform:translateY(-1.5px)}.btn-orange-resume{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--text);color:var(--bg);border:1px solid var(--border);border-radius:8px;padding:11px 18px;font-family:var(--font-code);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-orange-resume:hover{box-shadow:0 6px 20px #0000004d,0 0 20px var(--border-hover);transform:translateY(-1.5px)}.btn-secondary-glitch{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:11px 18px;font-family:var(--font-code);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-secondary-glitch:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #00000040,0 0 16px var(--border-hover);transform:translateY(-1.5px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.78rem;font-family:var(--font-code);margin-bottom:20px;text-align:left}@media (max-width: 520px){.contact-grid{grid-template-columns:1fr;gap:8px}}.prism-subtitle{background:var(--glitch-spectrum-h);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.chromatic-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:var(--card-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--border);box-shadow:var(--card-shadow);font-family:var(--font-code);font-size:.72rem;font-weight:600;color:var(--text);letter-spacing:.5px}.header-btn-text-short{display:none}.card-actions-row{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 600px){.header-btn-text-full{display:none}.header-btn-text-short{display:inline}.header-btn-compact{padding:6px 10px!important;font-size:.68rem!important}.card-content-area{padding:16px 16px 20px!important}}@media (max-width: 440px){.card-actions-row{flex-direction:column;gap:8px}.card-actions-row a,.card-actions-row button{width:100%!important;padding:9px 14px!important;font-size:.76rem!important}.interaction-bubble{bottom:16px!important;padding:6px 12px!important;font-size:.66rem!important;gap:6px!important}.story-trigger-badge{padding:3px 8px 3px 4px!important}}@media (max-height: 720px){.comic-panel-card{max-height:76vh!important}}@media (max-height: 600px){.comic-panel-card{max-height:70vh!important}}