:root{--bg-primary: #282c33;--bg-secondary: #1e2228;--bg-card: #21252b;--bg-hover: #2c313a;--accent: #c778dd;--accent-hover: #d9a1e7;--green: #98c379;--cyan: #56b6c2;--orange: #d19a66;--red: #e06c75;--yellow: #e5c07b;--blue: #61afef;--text-primary: #ffffff;--text-secondary: #abb2bf;--text-muted: #5c6370;--border: #abb2bf33;--border-accent: #c778dd66;--bg-primary-rgb: 40, 44, 51;--bg-secondary-rgb: 30, 34, 40;--bg-card-rgb: 33, 37, 43;--accent-rgb: 199, 120, 221;--green-rgb: 152, 195, 121;--cyan-rgb: 86, 182, 194;--orange-rgb: 209, 154, 102;--red-rgb: 224, 108, 117;--yellow-rgb: 229, 192, 123;--blue-rgb: 97, 175, 239;--text-muted-rgb: 92, 99, 112;--border-rgb: 171, 178, 191;--font-mono: "Fira Code", "Cascadia Code", "JetBrains Mono", "Consolas", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.5rem;--fs-3xl: 3rem;--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;--max-width: 1320px;--nav-height: 60px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(199, 120, 221, .15);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #eaeaec;--bg-card: #ffffff;--bg-hover: #e8e8ed;--accent: #9b59b6;--accent-hover: #8e44ad;--green: #27ae60;--cyan: #16a085;--orange: #d35400;--red: #c0392b;--yellow: #f39c12;--blue: #2980b9;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--border: #d0d0d8;--border-accent: #9b59b666;--bg-primary-rgb: 245, 245, 247;--bg-secondary-rgb: 234, 234, 236;--bg-card-rgb: 255, 255, 255;--accent-rgb: 155, 89, 182;--green-rgb: 39, 174, 96;--cyan-rgb: 22, 160, 133;--orange-rgb: 211, 84, 0;--red-rgb: 192, 57, 43;--yellow-rgb: 243, 156, 18;--blue-rgb: 41, 128, 185;--text-muted-rgb: 138, 138, 154;--border-rgb: 208, 208, 216;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(155, 89, 182, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.7;color:var(--text-secondary);background-color:var(--bg-primary);overflow-x:hidden;transition:background-color .4s ease,color .4s ease}::selection{background-color:var(--accent);color:var(--bg-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.language-swap-target{opacity:1;will-change:opacity}.language-swap-target.is-language-fading-out{animation:language-fade-out .4s ease-in-out forwards;pointer-events:none}.language-swap-target.is-language-fading-in{animation:language-fade-in .4s ease-in-out forwards;pointer-events:none}.is-language-switching .language-option{pointer-events:none}@keyframes language-fade-out{0%{opacity:1}to{opacity:0}}@keyframes language-fade-in{0%{opacity:0}to{opacity:1}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.text-accent{color:var(--accent)}.hidden{display:none!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .6s ease,visibility .6s ease}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-terminal{width:480px;max-width:90vw;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.loading-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-bottom:1px solid var(--border)}.loading-dot{width:12px;height:12px;border-radius:50%}.loading-dot.red{background:var(--red)}.loading-dot.yellow{background:var(--yellow)}.loading-dot.green{background:var(--green)}.loading-title{margin-left:auto;margin-right:auto;font-size:var(--fs-xs);color:var(--text-muted)}.loading-body{padding:var(--space-lg);background:var(--bg-secondary)}.loading-line{font-size:var(--fs-sm);color:var(--green);opacity:0;transform:translateY(5px);line-height:2}.loading-line.visible{opacity:1;transform:translateY(0);transition:all .4s ease}.loading-cursor{color:var(--accent);font-size:var(--fs-base);animation:blink .8s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:#1e2228d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;transition:transform var(--transition),box-shadow var(--transition)}.navbar.scrolled{box-shadow:var(--shadow-md)}[data-theme=light] .navbar{background:#f5f5f7e6}.nav-right{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(var(--bg-card-rgb),.48);border:1px solid var(--border);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition),transform var(--transition);position:relative;padding:6px;color:var(--text-primary);isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.04) inset,0 8px 18px #00000014}.theme-toggle:hover{transform:scale(1.08)}.theme-icon-svg{width:20px;height:20px;overflow:visible;transform-origin:center;transform-box:fill-box;position:relative;z-index:1}.theme-body{transition:r .4s cubic-bezier(.4,0,.2,1),cx .4s cubic-bezier(.4,0,.2,1)}.theme-moon-mask{transition:r .4s cubic-bezier(.4,0,.2,1),cx .4s cubic-bezier(.4,0,.2,1),cy .4s cubic-bezier(.4,0,.2,1)}.theme-rays{transform-origin:center;transition:opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}.theme-toggle.is-animating .theme-icon-svg{animation:theme-toggle-spin .55s cubic-bezier(.22,1,.36,1)}.theme-toggle.is-animating{animation:theme-toggle-button-pop .55s cubic-bezier(.22,1,.36,1)}@keyframes theme-toggle-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(110deg) scale(.84)}to{transform:rotate(180deg) scale(1)}}@keyframes theme-toggle-button-pop{0%,to{transform:scale(1)}45%{transform:scale(.88)}72%{transform:scale(1.12)}}[data-theme=dark] .theme-body{r:8;cx:12}[data-theme=dark] .theme-moon-mask{r:7;cx:18;cy:7}[data-theme=dark] .theme-rays{opacity:0;transform:rotate(45deg) scale(0)}[data-theme=light] .theme-body{r:5}[data-theme=light] .theme-moon-mask{r:0}[data-theme=light] .theme-rays{opacity:1;transform:rotate(0) scale(1)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:1}::view-transition-old(root){z-index:0}.theme-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;will-change:clip-path;background:radial-gradient(circle at 18% 18%,rgba(var(--overlay-accent-rgb),.18) 0,transparent 30%),radial-gradient(circle at 80% 14%,rgba(var(--overlay-green-rgb),.12) 0,transparent 22%),repeating-linear-gradient(0deg,transparent 0 29px,rgba(var(--overlay-border-rgb),.14) 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(var(--overlay-text-muted-rgb),.08) 29px 30px),linear-gradient(180deg,var(--overlay-bg-secondary) 0%,var(--overlay-bg-primary) 100%)}.theme-reveal-overlay:before{content:"";position:absolute;inset:clamp(1rem,2.8vw,1.5rem);border-radius:24px;border:1px solid rgba(var(--overlay-border-rgb),.22);box-shadow:inset 0 0 0 1px rgba(var(--overlay-accent-rgb),.08)}.theme-reveal-overlay:after{content:"$ theme --toggle";position:absolute;top:clamp(1rem,2.6vw,1.6rem);right:clamp(1rem,2.6vw,1.6rem);padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(var(--overlay-border-rgb),.24);background:rgba(var(--overlay-bg-card-rgb),.9);color:rgba(var(--overlay-green-rgb),.92);font-size:var(--fs-xs);letter-spacing:.04em}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:var(--fs-md);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.logo-accent{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:var(--fs-sm);color:var(--text-secondary);position:relative;padding:var(--space-xs) 0;transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition)}.nav-link:hover:after,.nav-link.active:after{width:100%}.link-hash{color:var(--accent)}.nav-toggle{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;cursor:pointer}.hamburger{position:relative;width:24px;height:2px;background:var(--text-primary);transition:var(--transition)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);transition:var(--transition)}.hamburger:before{top:-7px}.hamburger:after{top:7px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height);overflow:hidden}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-3xl);align-items:center}.hero-intro{display:block;font-size:var(--fs-lg);font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-xs)}.hero-greeting{display:block;font-size:var(--fs-3xl);font-weight:700;color:var(--text-primary);line-height:1.2;min-height:1.3em}.cursor-blink{color:var(--accent);animation:blink .8s infinite;font-weight:300}.hero-subtitle{font-size:var(--fs-base);color:var(--text-secondary);margin-top:var(--space-lg);line-height:1.8;max-width:500px}.hero-cta{display:flex;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.7rem 1.4rem;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;line-height:1.4;border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px #c778dd66}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-icon{font-size:1.2rem;line-height:0;position:relative;top:-1px;transition:transform var(--transition)}.btn:hover .btn-icon{transform:translate(3px)}.btn-sm{padding:.5rem 1.1rem;font-size:var(--fs-sm)}.hero-status{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);font-size:var(--fs-sm);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #98c37980}50%{box-shadow:0 0 0 6px #98c37900}}.hero-image{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-lg)}.image-frame{position:relative;width:340px;height:420px;overflow:hidden;isolation:isolate;border:1px solid rgba(var(--border-rgb),.32);border-radius:58% 42% 65% 35%/44% 42% 58% 56%;background:linear-gradient(145deg,rgba(var(--accent-rgb),.24),rgba(var(--bg-card-rgb),.84) 42%,rgba(var(--green-rgb),.18));animation:blob-morph 14s ease-in-out infinite,blob-float 8s ease-in-out infinite;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16) inset,0 0 22px rgba(var(--accent-rgb),.28),0 0 44px rgba(var(--green-rgb),.22),0 24px 45px #00000047}.image-frame:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:inherit;border:1px solid rgba(var(--border-rgb),.22);background:linear-gradient(180deg,rgba(var(--bg-card-rgb),.12),rgba(var(--bg-card-rgb),0));pointer-events:none}.image-frame:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 25% 25%,rgba(var(--accent-rgb),.34) 0,transparent 48%),radial-gradient(circle at 75% 70%,rgba(var(--green-rgb),.3) 0,transparent 46%);filter:blur(22px);opacity:.82;animation:blob-morph 14s ease-in-out infinite reverse,neon-pulse 5.5s ease-in-out infinite}.profile-photo{width:100%;height:100%;object-fit:cover;object-position:57% 7%;border-radius:inherit;transform:scale(1.18);transform-origin:57% bottom;filter:saturate(1.04) contrast(1.03);transition:filter var(--transition),transform var(--transition-slow)}.image-frame:hover .profile-photo{filter:saturate(1.1) contrast(1.08);transform:scale(1.23)}.image-decoration{position:absolute;top:20px;right:-10px;z-index:-1}.deco-grid{width:80px;height:80px;background-image:radial-gradient(circle,var(--text-muted) 1px,transparent 1px);background-size:10px 10px;opacity:.4}@keyframes blob-morph{0%,to{border-radius:58% 42% 65% 35%/44% 42% 58% 56%}25%{border-radius:42% 58% 34% 66%/58% 32% 68% 42%}50%{border-radius:63% 37% 54% 46%/39% 63% 37% 61%}75%{border-radius:36% 64% 48% 52%/55% 44% 56% 45%}}@keyframes blob-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(-2deg)}}@keyframes neon-pulse{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:.94;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.language-swap-target.is-language-fading-out,.language-swap-target.is-language-fading-in,.theme-toggle.is-animating,.theme-toggle.is-animating .theme-icon-svg,.theme-toggle.is-animating:before,.image-frame,.image-frame:after{animation:none}}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--text-muted);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.scroll-arrow{font-size:var(--fs-md)}.section{position:relative;padding:var(--space-4xl) 0;overflow:hidden;isolation:isolate;--section-tint-rgb: var(--accent-rgb);--section-terminal-color: var(--green);--section-terminal-rgb: var(--green-rgb);--section-glow-x: 16%;--section-glow-y: 18%;background:linear-gradient(180deg,rgba(var(--section-tint-rgb),.06) 0,transparent 20%,transparent 80%,rgba(var(--section-tint-rgb),.03) 100%)}.section+.section{border-top:1px solid rgba(var(--border-rgb),.16)}.section:before{content:attr(data-shell-label);position:absolute;top:clamp(1rem,2.5vw,1.6rem);right:clamp(1rem,4vw,2.5rem);z-index:1;max-width:min(320px,calc(100% - 2rem));padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(var(--border-rgb),.28);background:rgba(var(--bg-secondary-rgb),.84);color:var(--section-terminal-color);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 12px 30px #0000001f;pointer-events:none}.section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--section-glow-x) var(--section-glow-y),rgba(var(--section-tint-rgb),.16) 0,transparent 28%),radial-gradient(circle at 86% 82%,rgba(var(--section-terminal-rgb),.12) 0,transparent 24%),linear-gradient(90deg,transparent 0,transparent calc(100% - 5rem),rgba(var(--section-terminal-rgb),.08) calc(100% - 5rem),rgba(var(--section-terminal-rgb),.08) calc(100% - 4.85rem),transparent calc(100% - 4.85rem),transparent 100%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(var(--border-rgb),.08) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(var(--border-rgb),.06) 31px 32px)}.section .container{position:relative;z-index:2}.section .container:after{content:"";position:absolute;top:0;left:-12px;width:2px;height:clamp(96px,18vw,144px);border-radius:999px;background:linear-gradient(180deg,transparent 0,rgba(var(--section-terminal-rgb),.86) 35%,rgba(var(--section-terminal-rgb),.18) 100%);box-shadow:0 0 18px rgba(var(--section-terminal-rgb),.28);pointer-events:none}#projects{--section-tint-rgb: var(--cyan-rgb);--section-terminal-color: var(--cyan);--section-terminal-rgb: var(--cyan-rgb);--section-glow-x: 18%;--section-glow-y: 20%}#about{--section-tint-rgb: var(--orange-rgb);--section-terminal-color: var(--orange);--section-terminal-rgb: var(--orange-rgb);--section-glow-x: 82%;--section-glow-y: 16%}#skills{--section-tint-rgb: var(--blue-rgb);--section-terminal-color: var(--blue);--section-terminal-rgb: var(--blue-rgb);--section-glow-x: 22%;--section-glow-y: 14%}#contact{--section-tint-rgb: var(--green-rgb);--section-terminal-color: var(--green);--section-terminal-rgb: var(--green-rgb);--section-glow-x: 76%;--section-glow-y: 20%}#about .container:after,#contact .container:after{left:auto;right:-12px}.section-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.section-title{font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);white-space:nowrap}.section-line{flex:1;height:1px;background:var(--accent);opacity:.3}.section-description{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);cursor:pointer;opacity:0;transform:translateY(30px)}.project-card.animate-in{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,border-color var(--transition),box-shadow var(--transition)}.project-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:var(--shadow-glow),var(--shadow-md)}.project-card-image{width:100%;height:180px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-placeholder-icon{font-size:2.5rem;color:var(--text-muted);opacity:.5}.project-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.project-tag{font-size:var(--fs-xs);color:var(--text-muted)}.project-card-body{padding:var(--space-md)}.project-card-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.project-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.project-card-links{display:flex;gap:var(--space-sm)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-3xl);align-items:start}.about-text p{margin-bottom:var(--space-md);line-height:1.8}.fun-facts{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.fun-facts-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.facts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.fact-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.fact-icon{font-size:var(--fs-md)}.terminal-window{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.terminal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:var(--red)}.terminal-dot.yellow{background:var(--yellow)}.terminal-dot.green{background:var(--green)}.terminal-title{margin-left:auto;margin-right:auto;font-size:var(--fs-xs);color:var(--text-muted)}.terminal-body{padding:var(--space-lg)}.terminal-line{font-size:var(--fs-sm);line-height:2;color:var(--text-secondary)}.t-green{color:var(--green)}.t-white{color:var(--text-primary)}.t-accent{color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);opacity:0;transform:translateY(20px)}.skill-category.animate-in{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,border-color var(--transition)}.skill-category:hover{border-color:var(--accent)}.skill-category-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.skill-category-body{padding:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition);cursor:default}.skill-item:hover{color:var(--text-primary);background:var(--bg-hover)}.skill-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.skill-icon img{width:100%;height:100%;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.contact-text p{margin-bottom:var(--space-md);line-height:1.8}.contact-card-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.contact-links{display:flex;flex-direction:column;gap:var(--space-md)}.contact-link{display:flex;align-items:center;gap:var(--space-md);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--transition);padding:var(--space-sm);border-radius:var(--radius-sm)}.contact-link:hover{color:var(--text-primary);background:var(--bg-hover);transform:translate(4px)}.contact-icon{width:26px;height:26px;flex-shrink:0}.footer{border-top:1px solid var(--border);padding:var(--space-2xl) 0}.footer-content{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-xl)}.footer-desc{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-xs)}.footer-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-sm)}.social-links{display:flex;gap:var(--space-sm)}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition)}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.project-detail-view{padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-4xl);min-height:100vh;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;font-family:var(--font-mono)}.detail-back:hover{border-color:var(--accent);color:var(--accent)}.detail-header{margin-bottom:var(--space-3xl)}.detail-title{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.detail-tag{font-size:var(--fs-xs);color:var(--text-muted);padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm)}.detail-links{display:flex;gap:var(--space-md)}.detail-section{margin-bottom:var(--space-3xl)}.detail-section-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--accent);display:inline-block}.detail-section p{font-size:var(--fs-base);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-md)}.detail-section ul{list-style:none;padding:0}.detail-section li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--fs-base);line-height:1.7;color:var(--text-secondary)}.detail-section li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:600}.detail-impact{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-md)}.detail-impact-title{font-size:var(--fs-md);font-weight:600;color:var(--accent);margin-bottom:var(--space-sm)}.detail-impact p{color:var(--text-secondary)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all var(--transition)}.nav-overlay.active{opacity:1;visibility:visible}.language-fab{position:fixed;right:clamp(1rem,2.8vw,2rem);bottom:clamp(1rem,2.8vw,2rem);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border:1px solid rgba(var(--border-rgb),.28);border-radius:999px;background:rgba(var(--bg-secondary-rgb),.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 32px #0000003d,0 0 0 1px rgba(var(--accent-rgb),.08) inset;z-index:1100}.language-option{min-width:46px;height:38px;padding:0 .8rem;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;color:var(--text-secondary);transition:transform var(--transition),color var(--transition),background-color var(--transition),box-shadow var(--transition)}.language-option:hover{color:var(--text-primary);transform:translateY(-1px)}.language-option.active{color:var(--bg-primary);background:var(--accent);box-shadow:0 10px 20px rgba(var(--accent-rgb),.26),0 0 18px rgba(var(--green-rgb),.18)}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}.hero-content{gap:var(--space-2xl)}.image-frame{width:340px;height:420px}}@media(max-width:768px){:root{--fs-3xl: 2.2rem;--fs-2xl: 1.8rem;--fs-xl: 1.5rem}.nav-toggle{display:flex;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--bg-secondary);flex-direction:column;align-items:flex-start;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-xl);gap:var(--space-lg);border-left:1px solid var(--border);transition:right var(--transition);z-index:999}.nav-links.active{right:0}.language-fab{right:var(--space-md);bottom:var(--space-md)}.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}.hero-text{order:1}.hero-image{order:0}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-status{justify-content:center}.hero-greeting{min-height:2.4em}.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.section:before{top:var(--space-md);right:var(--space-md)}.section:after{background:radial-gradient(circle at var(--section-glow-x) var(--section-glow-y),rgba(var(--section-tint-rgb),.15) 0,transparent 32%),radial-gradient(circle at 82% 84%,rgba(var(--section-terminal-rgb),.1) 0,transparent 26%),repeating-linear-gradient(0deg,transparent 0 35px,rgba(var(--border-rgb),.08) 35px 36px)}.section .container:after{display:none}.footer-content{flex-direction:column;gap:var(--space-lg)}.image-frame{width:min(320px,82vw);height:min(396px,102vw)}}@media(max-width:576px){:root{--fs-3xl: 1.8rem;--fs-2xl: 1.5rem;--fs-xl: 1.3rem;--space-4xl: 4rem}.container{padding:0 var(--space-md)}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.image-frame{width:min(280px,82vw);height:min(350px,102vw)}.detail-title{font-size:var(--fs-xl)}.section:before{max-width:calc(100% - (var(--space-md) * 2));padding:.42rem .7rem;font-size:.68rem}.language-option{min-width:44px;height:36px;padding:0 .7rem}}@media(max-width:375px){:root{--fs-3xl: 1.5rem;--fs-2xl: 1.3rem;--fs-xl: 1.2rem}.hero-cta{flex-direction:column;align-items:center}.skills-grid{grid-template-columns:1fr}.image-frame{width:min(248px,84vw);height:min(310px,104vw)}.nav-links{width:85%}}