@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}[data-theme=dark]{--bg-primary: #0a0612;--bg-secondary: #120a1e;--bg-tertiary: #1a0f2e;--bg-glass: rgba(26, 15, 46, .75);--bg-glass-solid: rgba(26, 15, 46, .95);--bg-glass-hover: rgba(40, 24, 70, .85);--text-primary: #f0e6ff;--text-secondary: #b8a4d6;--text-muted: #7c6a9a;--accent-primary: #963CBD;--accent-secondary: #C5299B;--accent-tertiary: #FF6F61;--accent-cyan: #00D9FF;--accent-orange: #FEAE51;--accent-gradient: linear-gradient(135deg, #963CBD 0%, #C5299B 40%, #FF6F61 70%, #00D9FF 100%);--accent-glow: rgba(150, 60, 189, .4);--border-color: rgba(150, 60, 189, .15);--border-hover: rgba(197, 41, 155, .3);--shadow-sm: 0 2px 8px rgba(150, 60, 189, .15);--shadow-md: 0 4px 20px rgba(150, 60, 189, .2);--shadow-lg: 0 8px 40px rgba(150, 60, 189, .25);--code-bg: rgba(10, 6, 18, .9);--code-border: rgba(150, 60, 189, .3);--code-text: #00D9FF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.brain-portfolio{position:fixed;inset:0;background:var(--bg-primary);overflow:hidden}.brain-canvas{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:none;-webkit-touch-callout:none}.brain-canvas:active{cursor:grabbing}.brain-canvas canvas{width:100%!important;height:100%!important;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bottom-bar{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem;animation:fadeInUp 1s ease 1s both}.brain-instructions{padding:.5rem 1rem;background:#1a0f2ee6;border:1px solid var(--border-color);border-radius:2rem;font-size:.8125rem;opacity:.8;white-space:nowrap;max-width:calc(100vw - 2rem);overflow:hidden;text-overflow:ellipsis}.brain-credit{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10;font-size:.75rem;opacity:.5;animation:fadeIn 1s ease 1.5s both}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInUpMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.bottom-bar{left:1rem;right:auto;transform:none;flex-direction:column-reverse;align-items:flex-start;gap:.5rem;bottom:4rem;animation:fadeInUpMobile 1s ease 1s both}.brain-instructions{font-size:.625rem;padding:.35rem .7rem;max-width:calc(100vw - 3rem)}.brain-credit{bottom:auto;top:1rem;right:1rem;font-size:.65rem}}@media(max-width:480px){.brain-instructions{font-size:.6875rem;padding:.4rem .75rem;bottom:1rem}.brain-instructions .code-text{display:block;text-align:center}}.floating-nav{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:.5rem;padding:.5rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:1rem;animation:fadeInUp .8s ease .5s both}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-node{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.nav-node:hover{background:#ffffff0d;border-color:var(--node-color);box-shadow:0 0 15px color-mix(in srgb,var(--node-color) 40%,transparent)}.nav-node-box{width:12px;height:12px;background:var(--node-color);border-radius:2px;box-shadow:0 0 8px var(--node-color);transition:all .2s ease}.nav-node:hover .nav-node-box{transform:scale(1.2) rotate(45deg);box-shadow:0 0 12px var(--node-color),0 0 20px var(--node-color)}.nav-node-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.nav-node:hover .nav-node-label{color:var(--node-color)}@media(max-width:768px){.floating-nav{gap:.3rem;padding:.5rem .75rem;bottom:1rem;left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 2rem);border-radius:1.5rem}.nav-node{flex-direction:column;padding:.5rem;gap:.25rem;min-width:44px;min-height:44px}.nav-node-label{display:block;font-size:.5rem}.nav-node-box{width:16px;height:16px}.bottom-bar{bottom:5.5rem}.brain-credit{bottom:auto;top:1rem}}@media(max-width:400px){.floating-nav{bottom:.75rem;gap:.2rem;padding:.4rem .6rem;max-width:calc(100vw - 1.5rem)}.nav-node{padding:.4rem;min-width:40px;min-height:40px}.nav-node-box{width:14px;height:14px}.nav-node-label{font-size:.45rem}.brain-instructions{bottom:6rem}}.brain-credit{position:fixed;bottom:2rem;right:2rem;z-index:10;font-size:.75rem;opacity:.5;animation:fadeIn 1s ease 1.5s both}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:.8;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.loading-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100}.loading-brain{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-pulse{width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);animation:loadingPulse 1.5s ease-in-out infinite}.loading-text{font-size:.875rem;animation:loadingBlink 1s ease-in-out infinite}@keyframes loadingBlink{0%,to{opacity:.5}50%{opacity:1}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0;position:relative}.section-tag{display:inline-block;padding:.375rem 1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-heading);font-size:.9375rem;font-weight:600;border-radius:.75rem;text-decoration:none;cursor:pointer;overflow:hidden;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);color:#fff;border:none}.btn-glow{position:absolute;inset:0;background:var(--accent-gradient);filter:blur(25px);opacity:.4;z-index:-1;transition:opacity .3s ease}.btn-primary:hover .btn-glow{opacity:.7}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--accent-primary);background:var(--bg-glass-hover)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;transition:all .3s ease}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.code-text{font-family:var(--font-mono);color:var(--code-text)}.code-block{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--code-border);border-radius:.5rem;padding:.25rem .75rem;font-size:.875rem;color:var(--code-text)}.terminal-cursor{display:inline-block;width:.5em;height:1.1em;background:var(--accent-cyan);animation:blink 1s step-end infinite;margin-left:.25em;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 2s infinite linear alternate-reverse;color:var(--accent-tertiary);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--accent-cyan);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}.neural-bg{position:relative}.neural-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--accent-glow) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(197,41,155,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,217,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(max-width:768px){.section{padding:4rem 0}.container{padding:0 1rem}.section-header{margin-bottom:3rem}.content-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.hire-me-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px 20px #963cbd66,0 0 40px #c5299b33;transition:all .3s ease;overflow:hidden;position:relative}.hire-me-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #963cbd80,0 0 60px #c5299b4d}.hire-me-btn:active{transform:translateY(0) scale(.98)}.hire-me-pulse{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);animation:hire-me-pulse-anim 2s ease-in-out infinite}@keyframes hire-me-pulse-anim{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hire-me-text{position:relative;z-index:1}.hire-me-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000d9;animation:hire-me-fade-in .3s ease}body:has(.hire-me-overlay) .floating-nav,body:has(.hire-me-overlay) .bottom-bar{visibility:hidden}@keyframes hire-me-fade-in{0%{opacity:0}to{opacity:1}}.hire-me-modal{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#140f23fa,#0a0814fc);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);box-shadow:0 0 60px #963cbd4d,0 0 120px #c5299b26,inset 0 1px #ffffff1a;animation:hire-me-modal-in .4s ease}.hire-me-modal::-webkit-scrollbar{width:8px}.hire-me-modal::-webkit-scrollbar-track{background:transparent;margin:12px 0}.hire-me-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.hire-me-modal::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.content-modal::-webkit-scrollbar{width:8px}.content-modal::-webkit-scrollbar-track{background:transparent;margin:12px 0}.content-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.content-modal::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes hire-me-modal-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hire-me-close{position:absolute;top:1rem;right:1rem;z-index:10;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.hire-me-close:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--accent-primary)}.hire-me-header{padding:2rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-color)}.hire-me-badge{display:inline-block;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-tertiary);background:#ff6f6126;border:1px solid var(--accent-tertiary);border-radius:var(--radius-full);margin-bottom:1rem}.hire-me-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.hire-me-highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hire-me-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}.hire-me-content{padding:1.5rem 2rem}.hire-me-offer,.hire-me-services{margin-bottom:1.5rem}.hire-me-offer h3,.hire-me-services h3{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem}.hire-me-list{list-style:none;padding:0;margin:0}.hire-me-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--text-primary)}.hire-me-check{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.75rem;color:#10b981;background:#10b98126;border-radius:50%}.hire-me-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hire-me-tag{padding:.375rem .75rem;font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan);background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-sm)}.hire-me-cta{position:sticky;bottom:0;padding:1rem 1.5rem 1.25rem;text-align:center;border-top:1px solid var(--border-color);background:#0f0a19fa}.hire-me-cta-btn{display:inline-block;width:100%;padding:.75rem 1.25rem;font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-md);box-shadow:0 4px 20px #963cbd4d;transition:all .3s ease}.hire-me-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #963cbd66}.hire-me-note{margin:1rem 0 0;font-size:.8125rem;color:var(--text-muted)}.hire-me-link{color:var(--accent-cyan);background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hire-me-link:hover{color:var(--accent-primary)}@media(max-width:600px){.hire-me-btn{padding:.4rem .875rem;font-size:.75rem}.hire-me-overlay{background:#000000f2;backdrop-filter:none;-webkit-backdrop-filter:none;padding:1rem}.hire-me-modal{max-height:80vh}.hire-me-header{padding:1.5rem 1.5rem 1.25rem}.hire-me-title{font-size:1.5rem}.hire-me-content{padding:1.25rem 1.5rem}.hire-me-cta{padding:1.25rem 1.5rem 1.5rem}}.app-root{min-height:100vh;background:var(--bg-primary)}.page-container{min-height:100vh}.page-container.transitioning{pointer-events:none}.transition-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);opacity:0;pointer-events:none;transition:opacity .2s ease}.transition-overlay.active{opacity:1;pointer-events:all}.transition-circle{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--accent-primary) 0%,var(--accent-secondary) 50%,transparent 70%)}.transition-overlay.zoom-in .transition-circle{animation:zoomInPulse .8s ease-out forwards}@keyframes zoomInPulse{0%{transform:scale(0);opacity:0}30%{opacity:1}to{transform:scale(30);opacity:0}}.transition-overlay.zoom-out .transition-circle{animation:zoomOutPulse .6s ease-in forwards}@keyframes zoomOutPulse{0%{transform:scale(30);opacity:0}30%{opacity:1}to{transform:scale(0);opacity:0}}.back-to-landing-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;animation:fadeInLeft .5s ease .3s both}.back-to-landing-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent-cyan);transform:translate(-4px);box-shadow:0 0 20px #00d9ff33}.back-to-landing-btn .back-arrow{color:var(--accent-cyan);font-size:1rem;transition:transform .2s ease}.back-to-landing-btn:hover .back-arrow{transform:translate(-4px)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.back-to-landing-btn{top:1rem;left:1rem;padding:.6rem 1rem;font-size:.75rem}}@media(max-width:480px){.back-to-landing-btn{top:.75rem;left:.75rem;padding:.5rem .75rem;font-size:.7rem}.back-to-landing-btn span:not(.back-arrow){display:none}.back-to-landing-btn .back-arrow{font-size:1.25rem}}.brain-loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100}:root{--landing-bg: #0a0612;--glass-bg: rgba(26, 15, 46, .75);--glass-border: rgba(150, 60, 189, .2);--glass-hover: rgba(26, 15, 46, .9);--accent-purple: #963CBD;--accent-magenta: #C5299B;--accent-cyan: #00D9FF;--accent-gold: #f59e0b;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--font-heading: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--section-padding: 6rem 2rem;--container-max: 1200px;--border-radius: 16px;--border-radius-sm: 8px}.landing-page{min-height:100vh;background:var(--landing-bg);color:var(--text-primary);font-family:var(--font-heading);overflow-x:hidden;position:relative}.landing-stars{position:fixed;inset:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(150,60,189,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 130px 80px,rgba(0,217,255,.3),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.2),transparent);background-size:200px 200px;animation:starTwinkle 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes starTwinkle{0%,to{opacity:.5}50%{opacity:.8}}.code-text{font-family:var(--font-mono);font-size:.875em}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all .3s ease}.glass-card:hover{background:var(--glass-hover);border-color:#963cbd66;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d,0 0 30px #963cbd1a}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#0a0612cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s ease}.landing-navbar.scrolled{background:#0a0612f2;border-bottom-color:var(--glass-border)}.navbar-container{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--accent-cyan);text-decoration:none}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease;position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));transition:width .3s ease}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after{width:100%}.navbar-cta{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-magenta));border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.navbar-cta:hover{transform:scale(1.05);box-shadow:0 0 20px #963cbd80}.navbar-mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.navbar-mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#0a0612fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-bottom:1px solid var(--glass-border)}.navbar-mobile-menu.open{display:block}.navbar-mobile-links{display:flex;flex-direction:column;gap:1rem}.navbar-mobile-links .navbar-link{font-size:1.1rem;padding:.5rem 0}.navbar-mobile-links .navbar-cta{margin-top:1rem;justify-content:center}@media(max-width:768px){.navbar-links{display:none}.navbar-mobile-toggle{display:block}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative}.hero-content{z-index:10;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#963cbd26;border:1px solid rgba(150,60,189,.3);border-radius:100px;font-size:.85rem;color:var(--accent-purple);margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem}.title-line{display:block;color:var(--text-secondary);font-size:.5em;font-weight:400}.title-name{display:block;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--accent-cyan);margin-bottom:1rem}.hero-tagline{font-size:1.1rem;color:var(--text-secondary);max-width:500px;line-height:1.6;margin-bottom:2rem}.hero-ctas{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.hero-cta-primary{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-magenta));border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #963cbd66}.hero-cta-primary .cta-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.hero-cta-primary .cta-title{font-size:.95rem;font-weight:600}.hero-cta-primary .cta-subtitle{font-size:.65rem;font-weight:400;opacity:.8;white-space:nowrap}.hero-cta-secondary{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:1px solid var(--accent-cyan);border-radius:12px;color:var(--accent-cyan);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.hero-cta-secondary:hover{background:#00d9ff1a;transform:translateY(-2px);box-shadow:0 10px 30px #00d9ff33}.hero-social{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);transition:all .3s ease}.social-icon:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);transform:translateY(-2px)}.hero-hint{margin-top:1rem}.hint-text{color:var(--text-muted);font-size:.85rem}.hero-brain-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.hero-brain-mobile{display:none;flex-direction:column;align-items:center;margin:1.5rem 0}.hero-brain-desktop{display:flex;position:absolute;right:-15%;top:50%;transform:translateY(-50%);width:70%}.hero-brain-container{position:relative;width:140%;max-width:800px;aspect-ratio:1;cursor:pointer}.hero-brain-container canvas{width:100%;height:100%}.brain-glow{position:absolute;inset:10%;background:radial-gradient(circle,rgba(150,60,189,.3) 0%,transparent 70%);pointer-events:none;animation:brainGlow 3s ease-in-out infinite}@keyframes brainGlow{0%,to{opacity:.4}50%{opacity:.6}}.brain-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.brain-loading-pulse{width:100px;height:100px;background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);border-radius:50%;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.brain-click-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-muted);text-align:center;font-family:var(--font-mono)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.scroll-mouse{width:24px;height:40px;border:2px solid var(--text-muted);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--accent-cyan);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 1.5s ease-in-out infinite}@keyframes scrollWheel{0%,to{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(12px);opacity:0}}.scroll-text{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}@media(max-width:768px){.hero-container{grid-template-columns:1fr;gap:.5rem;text-align:center}.hero-content{display:flex;flex-direction:column}.hero-brain-mobile{display:flex}.hero-brain-desktop{display:none}.hero-brain-mobile .hero-brain-container{width:100%;max-width:280px;margin-left:auto;margin-right:auto}.hero-brain-mobile .hero-brain-container canvas{transform:scale(2)}.hero-ctas{justify-content:center;gap:.75rem;align-items:stretch}.hero-ctas .hero-cta-primary{padding:.5rem 1.25rem;font-size:.95rem;height:auto}.hero-ctas .hero-cta-primary .cta-subtitle,.hero-ctas .hero-cta-secondary{display:none}.hero-ctas .hero-social{display:flex;gap:.75rem}.hero-ctas .social-icon{width:44px;height:44px}.hero-tagline{margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1rem}.hero-hint,.scroll-indicator{display:none}}.landing-section{padding:var(--section-padding);position:relative;z-index:1}.section-container{max-width:var(--container-max);margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;color:var(--accent-cyan);font-size:.9rem;margin-bottom:.5rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.bento-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr)}.bento-card{padding:1.5rem;position:relative;overflow:hidden}.bento-card-sm{grid-column:span 4}.bento-card-md{grid-column:span 6}.bento-card-lg{grid-column:span 8}.bento-card-xl{grid-column:span 12}@media(max-width:1024px){.bento-card-sm,.bento-card-md{grid-column:span 6}.bento-card-lg,.bento-card-xl{grid-column:span 12}}@media(max-width:640px){.bento-card-sm,.bento-card-md,.bento-card-lg,.bento-card-xl{grid-column:span 12}}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#963cbd33;border-radius:12px;color:var(--accent-purple);margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.card-text{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.4rem .8rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:100px;font-size:.8rem;color:var(--accent-cyan)}.about-grid{grid-template-columns:repeat(12,1fr)}.about-story-card{grid-column:span 7}.about-highlights-card{grid-column:span 5}.about-approach-card{grid-column:span 6}.about-interests-card,.about-publication-card{grid-column:span 3}@media(max-width:1024px){.about-story-card,.about-highlights-card,.about-approach-card{grid-column:span 12}.about-interests-card,.about-publication-card{grid-column:span 6}}@media(max-width:640px){.about-interests-card,.about-publication-card{grid-column:span 12}}.stats-card .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.stat-item{text-align:center;padding:1rem;background:#0003;border-radius:var(--border-radius-sm)}.stat-icon{color:var(--accent-cyan);margin-bottom:.5rem}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-purple)}.stat-label{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.25rem}.publication-card .publication-info{margin-top:.5rem}.publication-title{font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.publication-journal{font-size:.8rem;color:var(--accent-cyan);font-family:var(--font-mono)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;padding:1.5rem}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-period{font-size:.875rem;color:var(--text-muted)}.project-links{display:flex;gap:.5rem}.project-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border-radius:8px;color:var(--text-secondary);transition:all .2s ease}.project-link:hover{background:#ffffff1a;color:var(--accent-cyan)}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.25rem;flex-grow:1}.project-highlights{margin-bottom:1.25rem}.highlight-item{display:flex;align-items:flex-start;gap:.5rem;font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.highlight-item svg{color:var(--accent-cyan);flex-shrink:0;margin-top:4px}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-tag{padding:.4rem .75rem;background:#963cbd26;border-radius:6px;font-size:.8rem;color:var(--accent-purple);font-family:var(--font-mono)}.project-accent-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--project-accent, var(--accent-purple)),transparent)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:1rem}}.skill-category-card{position:relative;padding:1.5rem}.skill-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skill-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0000004d;border-radius:12px}.skill-category-title{font-size:1.1rem;font-weight:600}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{padding:.5rem 1rem;background:#0000004d;border-radius:8px;font-size:.85rem;color:var(--text-secondary);transition:all .2s ease}.skill-item:hover{background:#00000080;color:var(--text-primary)}.skill-accent-line{position:absolute;top:0;left:1.5rem;right:1.5rem;height:2px;border-radius:1px;opacity:.5}.skills-cloud{padding:2rem;text-align:center}@media(max-width:768px){.skills-cloud{padding:1.5rem}}.skills-cloud-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media(max-width:768px){.skills-cloud-inner{gap:.75rem}}.skill-cloud-tag{color:var(--text-muted);transition:all .3s ease;animation:float 3s ease-in-out infinite}@media(max-width:768px){.skill-cloud-tag{font-size:.9rem!important}}.skill-cloud-tag:hover{color:var(--accent-cyan);transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.experience-timeline{max-width:900px;margin:0 auto}.timeline-item{display:flex;gap:2rem;margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:16px;height:16px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:50%;box-shadow:0 0 20px #00d9ff66}.timeline-line{width:2px;flex-grow:1;background:linear-gradient(180deg,var(--glass-border),transparent);margin-top:.5rem}.experience-card{flex-grow:1;margin-bottom:1.5rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.experience-role{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.experience-company{display:flex;align-items:center;gap:.5rem;color:var(--accent-cyan);font-size:.95rem}.experience-type-badge{padding:.2rem .5rem;background:#f59e0b33;border-radius:4px;font-size:.7rem;color:var(--accent-gold)}.experience-period{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.experience-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.experience-highlights{display:flex;flex-direction:column;gap:.5rem}@media(max-width:640px){.timeline-item{gap:1rem}.experience-header{flex-direction:column}}.education-grid{grid-template-columns:repeat(12,1fr)}.education-card{grid-column:span 4}.publication-feature-card{grid-column:span 12;background:linear-gradient(135deg,#963cbd33,#00d9ff1a)}@media(max-width:1024px){.education-card{grid-column:span 6}}@media(max-width:640px){.education-card{grid-column:span 12}}.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.education-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00d9ff26;border-radius:12px;color:var(--accent-cyan)}.education-period{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.education-degree{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.education-field{color:var(--accent-purple);font-size:.95rem;margin-bottom:.5rem}.education-institution{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.education-grade{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#f59e0b26;border-radius:6px;color:var(--accent-gold);font-size:.85rem;margin-bottom:1rem}.education-highlights{border-top:1px solid var(--glass-border);padding-top:1rem;margin-top:auto}.education-highlight{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.publication-feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.publication-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#963cbd33;border-radius:12px;color:var(--accent-purple)}.publication-badge{padding:.4rem .8rem;background:#963cbd33;border-radius:6px;color:var(--accent-purple);font-size:.8rem;font-weight:600}.publication-feature-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.publication-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem}.publication-meta .publication-journal{color:var(--accent-cyan)}.publication-meta .publication-date{color:var(--text-muted)}.publication-description{color:var(--text-secondary);line-height:1.6}.contact-grid{grid-template-columns:repeat(12,1fr)}.contact-main-card{grid-column:span 8;position:relative;overflow:hidden}.availability-card,.social-card{grid-column:span 4}@media(max-width:1024px){.contact-main-card{grid-column:span 12}.availability-card,.social-card{grid-column:span 6}}@media(max-width:640px){.availability-card,.social-card{grid-column:span 12}}.contact-main-content{position:relative;z-index:1}.contact-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-intro{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.contact-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.contact-detail-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.contact-detail-item:hover{color:var(--accent-cyan)}.contact-detail-item svg{color:var(--accent-purple)}.contact-cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-magenta));border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.contact-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #963cbd66}.contact-decoration{position:absolute;top:-50%;right:-20%;width:300px;height:300px;pointer-events:none}.contact-glow{width:100%;height:100%;background:radial-gradient(circle,rgba(150,60,189,.3),transparent 70%);filter:blur(40px)}.availability-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.availability-dot{width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.availability-text{font-weight:600;color:#22c55e}.availability-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.social-card-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0003;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.social-link-item:hover{background:#0006;color:var(--text-primary)}.social-link-item svg:first-child{color:var(--accent-cyan)}.social-link-item span{flex-grow:1}.social-link-item svg:last-child{opacity:0;transition:opacity .2s ease}.social-link-item:hover svg:last-child{opacity:1}.landing-footer{padding:2rem;border-top:1px solid var(--glass-border);position:relative;z-index:1}.footer-container{max-width:var(--container-max);margin:0 auto}.footer-bottom{text-align:center}.footer-copyright{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:1rem}.footer-copyright .heart-icon{color:var(--accent-magenta);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-copyright{flex-wrap:wrap}}.back-to-landing{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-to-landing:hover{background:var(--glass-hover);border-color:var(--accent-cyan);transform:translate(-4px)}.back-to-landing svg{color:var(--accent-cyan)}.page-transition-enter{opacity:0;transform:scale(.98)}.page-transition-enter-active{opacity:1;transform:scale(1);transition:all .5s ease-out}.page-transition-exit{opacity:1;transform:scale(1)}.page-transition-exit-active{opacity:0;transform:scale(1.02);transition:all .4s ease-in}.brain-zoom-transition{position:fixed;inset:0;z-index:9999;background:var(--landing-bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.brain-zoom-transition.active{opacity:1;pointer-events:all}.brain-zoom-transition .zoom-circle{width:100px;height:100px;background:radial-gradient(circle,var(--accent-purple) 0%,var(--accent-magenta) 50%,transparent 70%);border-radius:50%;animation:zoomPulse .8s ease-out forwards}@keyframes zoomPulse{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(30);opacity:0}}