:root,[data-color=cyan]{--accent-primary:#00f0ff;--accent-secondary:#7b61ff;--accent-glow:#00f0ff26;--accent-glow-strong:#00f0ff4d;--border-glow:#00f0ff33;--shadow-glow:0 0 20px #00f0ff26;--shadow-glow-strong:0 0 40px #00f0ff40;--gradient-accent:linear-gradient(135deg, #00f0ff, #7b61ff);--gradient-card:linear-gradient(135deg, #00f0ff0d, #7b61ff0d)}[data-color=orange]{--accent-primary:#ff6b35;--accent-secondary:#f7c948;--accent-glow:#ff6b3526;--accent-glow-strong:#ff6b354d;--border-glow:#ff6b3533;--shadow-glow:0 0 20px #ff6b3526;--shadow-glow-strong:0 0 40px #ff6b3540;--gradient-accent:linear-gradient(135deg, #ff6b35, #f7c948);--gradient-card:linear-gradient(135deg, #ff6b350d, #f7c9480d)}[data-color=vice]{--accent-primary:#f0a;--accent-secondary:#00d4ff;--accent-glow:#ff00aa26;--accent-glow-strong:#ff00aa4d;--border-glow:#f0a3;--shadow-glow:0 0 20px #ff00aa26;--shadow-glow-strong:0 0 40px #ff00aa40;--gradient-accent:linear-gradient(135deg, #f0a, #00d4ff);--gradient-card:linear-gradient(135deg, #ff00aa0d, #00d4ff0d)}[data-color=purple]{--accent-primary:#a855f7;--accent-secondary:#6366f1;--accent-glow:#a855f726;--accent-glow-strong:#a855f74d;--border-glow:#a855f733;--shadow-glow:0 0 20px #a855f726;--shadow-glow-strong:0 0 40px #a855f740;--gradient-accent:linear-gradient(135deg, #a855f7, #6366f1);--gradient-card:linear-gradient(135deg, #a855f70d, #6366f10d)}:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1629;--bg-tertiary:#151d35;--bg-card:#0f1629b3;--bg-card-hover:#141e37d9;--bg-glass:#0a0e1abf;--text-primary:#e8eaf0;--text-secondary:#9ca3b4;--text-muted:#636d83;--accent-tertiary:#f0a;--border-color:#6478a026;--gradient-bg:linear-gradient(180deg, #0a0e1a 0%, #0f1629 50%, #111827 100%);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--max-width:1200px;--header-height:72px}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#eef0f5;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-glass:#f8f9fcd9;--text-primary:#0f1629;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#00000014;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow), color var(--transition-slow);line-height:1.7;overflow-x:hidden}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.header{z-index:1000;height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-color);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.header.scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--border-glow)}.header-inner{max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--space-lg);display:flex}.header-logo{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px;transition:all var(--transition-fast);font-size:1.25rem;font-weight:700}.header-logo:hover{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-glow)}.logo-bracket{color:var(--accent-primary)}.theme-controls{align-items:center;gap:var(--space-xs);display:flex}.theme-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-btn:hover{color:var(--accent-primary);background:var(--accent-glow)}.icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.theme-palette-wrapper{position:relative}.theme-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:200px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1001;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-8px)}.theme-dropdown:before{content:"";background:var(--bg-secondary);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.theme-dropdown.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.theme-dropdown-title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:var(--space-md);text-align:center;font-size:.8rem;font-weight:600}.theme-swatches{gap:var(--space-md);justify-content:center;display:flex}.theme-swatch{cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:3px solid #0000;border-radius:50%;position:relative;overflow:hidden}.theme-swatch:before,.theme-swatch:after{content:"";width:50%;height:100%;position:absolute;top:0}.theme-swatch:before{left:0}.theme-swatch:after{right:0}.theme-swatch:hover{box-shadow:var(--shadow-glow);transform:scale(1.15)}.theme-swatch.active{border-color:var(--text-primary);transform:scale(1.1)}.header-nav{gap:var(--space-lg);display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.8rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.header-social{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-social:hover{color:var(--accent-primary);background:var(--accent-glow)}.mobile-menu-btn{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;display:none}.mobile-menu-btn span{background:var(--text-secondary);border-radius:var(--radius-full);width:20px;height:2px;transition:all var(--transition-base);display:block}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg canvas{width:100%;height:100%;display:block}.hero-content{z-index:1;text-align:center;padding:0 var(--space-xl);position:relative}.hero-terminal{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:var(--space-xl);justify-content:center;align-items:center;gap:2px;font-size:.9rem;display:flex}.terminal-prompt{color:var(--accent-primary);font-weight:700}.typed-text{color:var(--text-secondary)}.terminal-cursor{color:var(--accent-primary);font-weight:700;animation:1s step-end infinite blink}.hero-name{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.hero-name-line{font-family:var(--font-heading);letter-spacing:-2px;background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:1}.hero-name-outline{-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--accent-primary);opacity:.7;background:0 0}[data-theme=light] .hero-name-outline{opacity:.5}.hero-title{font-family:var(--font-mono);letter-spacing:6px;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:clamp(.9rem,2vw,1.2rem);font-weight:500}.hero-tags{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.tag{font-family:var(--font-mono);color:var(--accent-primary);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-glow);border-radius:var(--radius-full);background:var(--accent-glow);font-size:.75rem}.tag-separator{color:var(--text-muted);font-size:.5rem}.scroll-indicator{align-items:center;gap:var(--space-sm);color:var(--text-muted);z-index:1;flex-direction:column;animation:2s infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-text{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;font-size:.7rem}.scroll-arrow svg{opacity:.5}.section{padding:var(--space-4xl) 0;position:relative}.section-container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-3xl);display:flex}.section-number{font-family:var(--font-mono);color:var(--accent-primary);opacity:.7;font-size:1rem;font-weight:700}.section-title{font-family:var(--font-heading);white-space:nowrap;letter-spacing:1px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.section-line{background:linear-gradient(90deg, var(--border-glow), transparent);flex:1;height:1px}.about-terminal-wrapper{max-width:850px}.terminal-window{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), var(--shadow-glow);transition:box-shadow var(--transition-base);background:#0d1117;border:1px solid #6478a033;overflow:hidden}.terminal-window:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-strong)}[data-theme=light] .terminal-window{background:#1e1e2e}.terminal-titlebar{background:#ffffff08;border-bottom:1px solid #6478a026;align-items:center;padding:12px 16px;display:flex}.terminal-dots{margin-right:var(--space-lg);gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.terminal-title{font-family:var(--font-mono);color:#7d8590;flex:1;font-size:.75rem}.terminal-title-right{font-family:var(--font-mono);color:#484f58;font-size:.7rem}.terminal-body{padding:var(--space-lg);flex-direction:column;min-height:350px;max-height:450px;display:flex}.terminal-output{margin-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:#30363d #0d1117;flex:1;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.terminal-line{font-family:var(--font-mono);margin-bottom:4px;font-size:.85rem;line-height:1.6}.term-green{color:#3fb950}.term-blue{color:#58a6ff}.term-white{color:#c9d1d9}.term-cmd{color:#e6edf3}.term-response{color:#8b949e;margin-bottom:var(--space-md);padding-left:0}.term-response pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:#8b949e;font-size:.8rem;line-height:1.5}.terminal-input-line{font-family:var(--font-mono);padding-top:var(--space-md);border-top:1px solid #6478a01a;align-items:center;font-size:.85rem;display:flex}.terminal-input{font-family:var(--font-mono);color:#e6edf3;caret-color:var(--accent-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.terminal-input::placeholder{color:#484f58}.skills-section{background:var(--bg-secondary)}.skills-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-sm);transition:all var(--transition-base);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--gradient-accent);height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{border-radius:var(--radius-md);background:var(--accent-glow);border:1px solid var(--border-glow);width:56px;height:56px;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:2.2rem;display:flex}.skill-card:hover .skill-icon{box-shadow:var(--shadow-glow);transform:scale(1.1)}.skill-icon i:not(.colored){color:var(--text-primary)}.skill-name{text-align:center;font-size:.85rem;font-weight:600}.skill-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:3px;margin-top:auto;overflow:hidden}.skill-bar-fill{border-radius:var(--radius-full);background:var(--gradient-accent);width:0;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.skill-category-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent-primary);padding:var(--space-md) 0 0;border-top:1px solid var(--border-color);margin-top:var(--space-md);grid-column:1/-1;font-size:.75rem;font-weight:600}.skill-category-label:first-child{border-top:none;margin-top:0}.projects-list{gap:var(--space-3xl);flex-direction:column;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-slow);position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient-accent);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.project-info{flex:1}.project-year{font-family:var(--font-mono);color:var(--accent-primary);opacity:.7;margin-bottom:var(--space-xs);font-size:.75rem}.project-title{font-family:var(--font-heading);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:700}.project-subtitle{color:var(--text-secondary);font-size:.9rem}.project-links{gap:var(--space-sm);flex-shrink:0;display:flex}.project-link{border-radius:var(--radius-md);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.project-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:var(--shadow-glow)}.project-description{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.project-features{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;display:grid}.project-feature{color:var(--text-secondary);padding-left:var(--space-lg);font-size:.85rem;position:relative}.project-feature:before{content:"▹";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.project-tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-mono);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--accent-glow);color:var(--accent-primary);border:1px solid var(--border-glow);letter-spacing:.5px;font-size:.7rem;font-weight:500}.education-section{background:var(--bg-secondary)}.timeline{padding-left:var(--space-2xl);position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary), transparent);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-dot{left:calc(-1 * var(--space-2xl) + 2px);background:var(--accent-primary);border:3px solid var(--bg-secondary);width:14px;height:14px;box-shadow:0 0 0 3px var(--accent-glow-strong), var(--shadow-glow);z-index:1;border-radius:50%;position:absolute;top:6px}.timeline-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.timeline-content:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.timeline-period{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:var(--space-xs);font-size:.75rem}.timeline-institution{font-family:var(--font-heading);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.timeline-degree{color:var(--accent-secondary);margin-bottom:var(--space-sm);font-size:.9rem;font-weight:500}.timeline-affiliation{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.75rem;display:inline-block}.timeline-description{color:var(--text-secondary);line-height:1.8}.contact-content{text-align:center;max-width:600px;padding:var(--space-4xl) 0;margin:0 auto}.contact-title{font-family:var(--font-mono);letter-spacing:4px;color:var(--accent-primary);margin-bottom:var(--space-md);border:2px solid var(--border-glow);padding:var(--space-lg) var(--space-2xl);transition:all var(--transition-base);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;display:inline-block}.contact-title:hover{box-shadow:var(--shadow-glow-strong)}.contact-terminal{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-2xl);font-size:1.5rem}.contact-prompt{font-weight:700}.contact-cursor{animation:1s step-end infinite blink}.contact-links{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.contact-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);font-size:.85rem;font-weight:600;display:inline-flex}.contact-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.contact-btn-primary{background:var(--gradient-accent);color:var(--bg-primary);box-shadow:var(--shadow-glow);border:none}.contact-btn-primary:hover{color:var(--bg-primary);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)scale(1.02)}.footer{padding:var(--space-2xl) 0;text-align:center;border-top:1px solid var(--border-color)}.footer-inner{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.footer p{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.footer-heart{color:var(--accent-tertiary);animation:1.5s infinite heartbeat;display:inline-block}.footer-year{margin-top:var(--space-sm);font-size:.75rem!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[data-animate]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}[data-animate].visible{opacity:1;transform:translateY(0)}[data-animate=slide-up]{transform:translateY(60px)}[data-animate=slide-up].visible{transform:translateY(0)}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-up].visible{transform:translateY(0)}@media (width<=768px){:root{--header-height:60px}.header-nav{top:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);justify-content:center;align-items:center;gap:var(--space-2xl);transition:transform var(--transition-base);z-index:999;flex-direction:column;position:fixed;bottom:0;left:0;right:0;transform:translate(100%)}.header-nav.open{transform:translate(0)}.nav-link{font-size:1.2rem}.mobile-menu-btn{display:flex}.hero-name-line{letter-spacing:-1px}.hero-title{letter-spacing:3px}.project-header{flex-direction:column}.project-features{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.section-header{margin-bottom:var(--space-2xl)}.contact-links{flex-direction:column;align-items:center}.header-social{display:none}.terminal-body{min-height:280px;max-height:350px}}@media (width<=480px){.hero-tags{gap:var(--space-sm);flex-direction:column}.tag-separator{display:none}.section{padding:var(--space-3xl) 0}.project-card{padding:var(--space-lg)}.skills-grid{grid-template-columns:repeat(2,1fr)}}