:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent-cyan:#00ffd5;--accent-cyan-dim:#00ffd526;--accent-purple:#b24bf3;--accent-purple-dim:#b24bf326;--accent-amber:#ffb300;--accent-amber-dim:#ffb30026;--accent-green:#4ade80;--accent-green-dim:#4ade8026;--accent-red:#f87171;--accent-blue:#60a5fa;--accent-pink:#f472b6;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--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:1200px;--section-padding:clamp(4rem, 10vh, 8rem);--nav-height:60px;--glow-cyan:0 0 20px #00ffd54d, 0 0 40px #00ffd51a;--glow-purple:0 0 20px #b24bf34d, 0 0 40px #b24bf31a;--glow-amber:0 0 20px #ffb3004d;--shadow-glass:0 8px 32px #0006;--shadow-card:0 4px 24px #0000004d;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;position:relative}a{color:var(--accent-cyan);transition:color var(--duration-normal) var(--ease-in-out), text-shadow var(--duration-normal) var(--ease-in-out);text-decoration:none}a:hover{color:var(--accent-cyan);text-shadow:0 0 12px #00ffd580}img{max-width:100%;height:auto;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::selection{color:var(--accent-cyan);background-color:#00ffd533}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-glow-cyan{text-shadow:0 0 10px #00ffd580,0 0 30px #00ffd533}.text-glow-purple{text-shadow:0 0 10px #b24bf380,0 0 30px #b24bf333}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.glass:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-hover)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanline{0%{top:-5%}to{top:105%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitch-1{0%,to{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(20% 0 60%);transform:translate(-3px,2px)}40%{clip-path:inset(60% 0 10%);transform:translate(3px,-1px)}60%{clip-path:inset(40% 0 30%);transform:translate(-2px,3px)}80%{clip-path:inset(80% 0 5%);transform:translate(2px,-2px)}}@keyframes typing-cursor{0%,to{border-right-color:var(--accent-cyan)}50%{border-right-color:#0000}}@keyframes scroll-indicator{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.section{min-height:100vh;padding:var(--section-padding) var(--space-xl);flex-direction:column;align-items:center;display:flex;position:relative}.section-inner{width:100%;max-width:var(--max-width);margin:0 auto}@media (width<=768px){:root{--section-padding:clamp(3rem, 8vh, 5rem);--nav-height:52px}.section{padding:var(--section-padding) var(--space-md)}}@media (width<=480px){:root{--text-5xl:2.25rem;--text-6xl:2.75rem}}.particle-network{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.particle-network__label{z-index:1;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-cyan);pointer-events:none;position:fixed}.navbar{z-index:100;transition:all var(--duration-normal) var(--ease-in-out);padding:var(--space-sm) var(--space-xl);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);background:#0a0a0fd9;box-shadow:0 4px 30px #0000004d}.navbar__inner{max-width:var(--max-width);align-items:center;gap:var(--space-md);height:var(--nav-height);margin:0 auto;display:flex}.navbar__avatar-wrap{opacity:0;width:36px;height:36px;transition:all var(--duration-slow) var(--ease-out-expo);pointer-events:none;border-radius:50%;flex-shrink:0;overflow:hidden;transform:translate(-20px)}.navbar__avatar-wrap--visible{opacity:1;pointer-events:auto;transform:translate(0)}.navbar__avatar{object-fit:cover;border:2px solid var(--accent-cyan);border-radius:50%;width:100%;height:100%}.navbar__prefix{font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.navbar__prefix-user{color:var(--accent-green);font-weight:600}.navbar__prefix-at{color:var(--text-dim)}.navbar__prefix-host{color:var(--accent-purple);font-weight:500}.navbar__prefix-colon{color:var(--text-dim)}.navbar__prefix-path{color:var(--accent-blue)}.navbar__prefix-dollar{color:var(--text-muted);margin-left:var(--space-xs)}.navbar__links{align-items:center;gap:var(--space-xs);flex-grow:1;display:flex}.navbar__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap;position:relative}.navbar__link:hover{color:var(--accent-cyan);background:var(--accent-cyan-dim)}.navbar__link--active{color:var(--accent-cyan)}.navbar__link--active:after{content:"";background:var(--accent-cyan);width:60%;height:2px;box-shadow:0 0 8px var(--accent-cyan);border-radius:1px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.navbar__link--secret{color:var(--text-dim);font-size:var(--text-xs)}.navbar__link--secret:hover{color:var(--accent-amber);background:var(--accent-amber-dim)}.navbar__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.navbar__lang-wrap{z-index:102;position:relative}.navbar__lang-btn{font-size:var(--text-lg);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-fast);line-height:1}.navbar__lang-btn:hover{background:var(--bg-glass-hover)}.navbar__lang-dropdown{top:calc(100% + var(--space-sm));background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-xs);min-width:120px;animation:slideDown var(--duration-normal) var(--ease-out-expo);box-shadow:var(--shadow-glass);z-index:101;position:absolute;right:0}.navbar__lang-option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-fast);display:flex}.navbar__lang-option:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.navbar__lang-option--active{color:var(--accent-cyan)}.navbar__lang-check{color:var(--accent-cyan);font-size:var(--text-xs);margin-left:auto}.navbar__hamburger{padding:var(--space-sm);z-index:110;flex-direction:column;gap:5px;display:none}.navbar__hamburger span{background:var(--text-secondary);width:22px;height:2px;transition:all var(--duration-normal) var(--ease-out-expo);border-radius:1px;display:block}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__mobile{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);padding:var(--space-2xl) var(--space-xl);gap:var(--space-sm);opacity:0;transition:all var(--duration-slow) var(--ease-out-expo);pointer-events:none;z-index:99;background:#0a0a0ff2;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(-100%)}.navbar__mobile--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__mobile-link{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);align-items:center;gap:var(--space-md);transition:all var(--duration-fast);text-align:left;display:flex}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--accent-cyan);background:var(--accent-cyan-dim)}.navbar__mobile-arrow{color:var(--accent-cyan);font-weight:700}.navbar__overlay{z-index:99;position:fixed;inset:0}@media (width<=768px){.navbar{padding:var(--space-sm) var(--space-md)}.navbar__prefix,.navbar__links{display:none}.navbar__hamburger,.navbar__mobile{display:flex}}.terminal-toggle{z-index:200;background:var(--bg-secondary);border:1px solid var(--accent-cyan);width:48px;height:48px;transition:all var(--duration-normal) var(--ease-in-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 0 20px #00ffd526}.terminal-toggle:hover{background:var(--accent-cyan-dim);box-shadow:var(--glow-cyan);transform:scale(1.1)}.terminal-toggle--open{background:var(--accent-cyan-dim)}.terminal-toggle__icon{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan);font-weight:700}.floating-terminal{z-index:199;width:520px;max-width:calc(100vw - 48px);max-height:420px;transition:all var(--duration-normal) var(--ease-in-out);flex-direction:column;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;border:1px solid var(--accent-cyan)!important;box-shadow:0 0 40px #00ffd51a, var(--shadow-glass)!important;background:#0a0a0ff2!important}.floating-terminal--maximized{width:750px;max-width:calc(100vw - 48px);max-height:calc(100vh - 140px);bottom:90px;right:24px}.floating-terminal--minimized{max-height:none}.floating-terminal--minimized .floating-terminal__body,.floating-terminal--minimized .floating-terminal__input-line,.floating-terminal--minimized .floating-terminal__suggestions{display:none}.floating-terminal__header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-glass);background:#ffffff08;flex-shrink:0;display:flex}.floating-terminal__dot{cursor:pointer;width:10px;height:10px;transition:filter var(--duration-fast);border-radius:50%}.floating-terminal__dot:hover{filter:brightness(1.3)}.floating-terminal__dot--red{background:#ff5f57}.floating-terminal__dot--yellow{background:#ffbd2e}.floating-terminal__dot--green{background:#28ca41}.floating-terminal__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-sm);flex-grow:1}.floating-terminal__shortcut{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border-glass);background:#ffffff0d;border-radius:3px;padding:1px 6px;font-size:.6rem}.floating-terminal__body{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);cursor:text;flex-direction:column;flex-grow:1;gap:2px;display:flex;overflow-y:auto}.floating-terminal__line{white-space:pre-wrap;word-break:break-word;line-height:1.5}.floating-terminal__line--input{color:var(--text-primary)}.floating-terminal__line--output{color:var(--text-secondary)}.floating-terminal__line--ascii{color:var(--accent-cyan);line-height:1.2}.floating-terminal__line--error{color:var(--accent-red)}.floating-terminal__line--success{color:var(--accent-green)}.floating-terminal__suggestions{gap:var(--space-xs);padding:var(--space-xs) 0;flex-wrap:wrap;display:flex}.floating-terminal__suggestion{font-family:var(--font-mono);color:var(--accent-cyan);border:1px solid var(--border-glass);cursor:pointer;transition:all var(--duration-fast);border-radius:3px;padding:1px 8px;font-size:.65rem}.floating-terminal__suggestion:hover{background:var(--accent-cyan-dim);border-color:var(--accent-cyan)}.floating-terminal__input-line{align-items:center;gap:0;min-height:1.5em;display:flex}.floating-terminal__prompt{font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.floating-terminal__input{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);caret-color:var(--accent-cyan);background:0 0;border:none;outline:none;flex-grow:1;padding:0}@media (width<=480px){.floating-terminal{width:calc(100vw - 24px);max-height:320px;bottom:76px;right:12px}.terminal-toggle{width:42px;height:42px;bottom:16px;right:16px}}.glitch-text{display:inline-block;position:relative}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}.hero__boot{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);gap:var(--space-sm);flex-direction:column;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__boot--done{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.95)}.hero__boot-line{white-space:nowrap}.hero__boot-status{color:var(--accent-green);margin-right:var(--space-sm);font-weight:600}.hero__content{align-items:center;gap:var(--space-md);z-index:1;flex-direction:column;display:flex}.hero__avatar-wrap{width:160px;height:160px;position:relative}.hero__avatar{object-fit:cover;border:3px solid var(--accent-cyan);z-index:2;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 30px #00ffd533}.hero__avatar-ring{border:1px solid var(--accent-cyan);opacity:.3;border-radius:50%;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-8px}.hero__avatar-ring--delayed{border-color:var(--accent-purple);opacity:.15;animation-delay:1s;inset:-16px}.hero__name-wrap{margin-top:var(--space-sm)}.hero__name{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:700;line-height:1.2}.hero__greeting{color:var(--text-secondary);font-weight:300;font-size:var(--text-3xl);margin-bottom:var(--space-sm);display:block}.hero__name-glitch{font-size:var(--text-6xl)}.hero__role{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent-cyan);letter-spacing:.05em;font-weight:400}.hero__location-wrap{justify-content:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.hero__location{font-size:var(--text-sm);color:var(--text-muted)}.hero__location--secondary{color:var(--text-dim)}.hero__specialization{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:linear-gradient(135deg,#00ffd514,#b24bf314);border:1px solid #00ffd526;border-radius:20px;animation:6s ease-in-out infinite float;display:flex}.hero__spec-icon{font-size:var(--text-sm)}.hero__spec-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.03em}.hero__socials{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.hero__social-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-in-out);background:var(--bg-glass)}.hero__social-link:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--accent-cyan-dim);text-shadow:none;transform:translateY(-2px);box-shadow:0 0 15px #00ffd526}.hero__cta-wrap{margin-top:var(--space-lg)}.hero__cta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--bg-primary);background:var(--accent-cyan);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-in-out);font-weight:600;display:flex}.hero__cta:hover{box-shadow:var(--glow-cyan);background:#33ffe0;transform:translateY(-2px)}.hero__cta-arrow{animation:2s ease-in-out infinite scroll-indicator}.hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-mouse{border:2px solid var(--text-dim);border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.hero__scroll-dot{background:var(--accent-cyan);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scroll-indicator}@media (width<=768px){.hero__name{font-size:var(--text-3xl)}.hero__name-glitch{font-size:var(--text-4xl)}.hero__greeting{font-size:var(--text-xl)}.hero__avatar-wrap{width:120px;height:120px}.hero__role{font-size:var(--text-base)}}@media (width<=480px){.hero__name{font-size:var(--text-2xl)}.hero__name-glitch{font-size:var(--text-3xl)}.hero__socials{gap:var(--space-xs)}.hero__social-link{padding:2px var(--space-sm);font-size:.65rem}}.command-prompt{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-glass);margin-bottom:var(--space-xl);background:#0000004d;align-items:center;gap:0;width:fit-content;max-width:100%;display:flex;overflow-x:auto}.command-prompt__user{color:var(--accent-green);font-weight:600}.command-prompt__separator{color:var(--text-muted)}.command-prompt__path{color:var(--accent-blue);font-weight:500}.command-prompt__dollar{color:var(--text-secondary);margin:0 var(--space-sm)}.command-prompt__command{color:var(--text-primary);font-weight:400}.command-prompt__cursor{color:var(--accent-cyan);font-size:var(--text-xs);margin-left:2px;animation:1s step-end infinite blink}@media (width<=480px){.command-prompt{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}}.search-demo{gap:var(--space-xs);flex-direction:column;width:100%;max-width:560px;display:flex}.search-demo__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.search-demo__icon{font-size:var(--text-lg)}.search-demo__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan);font-weight:600}.search-demo__input-wrap{border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--duration-normal);background:#0006;align-items:center;gap:4px;display:flex}.search-demo__input-wrap--focused{border-color:var(--accent-cyan);box-shadow:0 0 20px #00ffd51a}.search-demo__input-prefix{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-green);white-space:nowrap;flex-shrink:0}.search-demo__input-cmd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.search-demo__input{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);caret-color:var(--accent-cyan);background:0 0;border:none;outline:none;flex-grow:1;min-width:0}.search-demo__input::placeholder{color:var(--text-dim);font-style:italic}.search-demo__clear{font-size:var(--text-lg);color:var(--text-dim);padding:0 var(--space-xs);transition:color var(--duration-fast)}.search-demo__clear:hover{color:var(--accent-red)}.search-demo__result{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--duration-fast);cursor:pointer;text-align:left;background:#0003;width:100%;display:flex}.search-demo__result:hover{border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.search-demo__result-icon{font-size:var(--text-lg);flex-shrink:0}.search-demo__result-body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.search-demo__result-top{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.search-demo__result-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.search-demo__result-section{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;border:1px solid #00ffd533;border-radius:3px;padding:0 6px;font-size:.6rem}.search-demo__result-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.search-demo__result-go{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim);transition:all var(--duration-fast);flex-shrink:0}.search-demo__result:hover .search-demo__result-go{color:var(--accent-cyan);transform:translate(3px)}.search-demo__empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);text-align:center;padding:var(--space-md)}.search-demo__empty strong{color:var(--text-muted)}@media (width<=480px){.search-demo__input-prefix,.search-demo__input-cmd{display:none}}.skill-constellation{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;display:flex;position:relative}.skill-constellation__filters{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.skill-constellation__filter{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);transition:all var(--duration-fast);display:flex}.skill-constellation__filter:hover,.skill-constellation__filter--active{color:var(--text-primary);background:var(--bg-glass-hover)}.skill-constellation__filter-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.skill-constellation__svg{width:100%;max-width:900px;height:auto}.skill-constellation__tooltip{background:var(--bg-secondary);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);min-width:200px;box-shadow:var(--shadow-glass);z-index:10;flex-direction:column;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skill-constellation__tooltip-header{align-items:center;gap:var(--space-sm);display:flex}.skill-constellation__tooltip-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.skill-constellation__tooltip-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.skill-constellation__tooltip-category{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;margin-left:auto;font-size:.6rem}.skill-constellation__tooltip-desc{font-size:var(--text-xs);color:var(--text-secondary)}.skill-constellation__tooltip-bar-wrap{background:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.skill-constellation__tooltip-bar{height:100%;transition:width .5s var(--ease-out-expo);border-radius:2px}.skill-constellation__tooltip-pct{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);align-self:flex-end}@media (width<=480px){.skill-constellation__filters{gap:var(--space-xs)}.skill-constellation__filter{padding:2px var(--space-sm);font-size:.6rem}}.about{padding-top:var(--space-4xl)}.about__grid{gap:var(--space-3xl);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.about__code-wrap{border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#0006;overflow:hidden}.about__code-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-glass);background:#ffffff08;display:flex}.about__code-dot{border-radius:50%;width:12px;height:12px}.about__code-dot--red{background:#ff5f57}.about__code-dot--yellow{background:#ffbd2e}.about__code-dot--green{background:#28ca41}.about__code-filename{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-sm)}.about__code{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;overflow-x:auto}.about__code-line{align-items:flex-start;gap:var(--space-md);min-height:1.8em;display:flex}.about__line-number{color:var(--text-dim);font-size:var(--text-xs);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:20px;padding-top:2px}.about__line-content{white-space:nowrap}.about__code-comment{color:#6a9955;font-style:italic}.about__code-keyword{color:#c586c0}.about__code-var{color:#4fc1ff}.about__code-operator{color:var(--text-muted)}.about__code-prop{color:#9cdcfe}.about__code-string{color:#ce9178}.about__code-indent{display:inline}.about__text{gap:var(--space-lg);flex-direction:column;display:flex}.about__paragraph{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8}.about__paragraph--highlight{color:var(--accent-cyan);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-md);background:var(--accent-cyan-dim);border-left:3px solid var(--accent-cyan);border-radius:0 var(--radius-md) var(--radius-md) 0}.about__skills{margin-top:var(--space-3xl);padding:var(--space-xl);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.about__skills-title{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.about__skills-icon{color:var(--accent-cyan);font-size:var(--text-2xl)}@media (width<=768px){.about__grid{gap:var(--space-xl);grid-template-columns:1fr}.about__code{font-size:var(--text-xs)}.about__line-content{white-space:pre-wrap;word-break:break-all}.about__skills{padding:var(--space-md)}}.experience{padding-top:var(--space-4xl)}.experience__title{font-family:var(--font-mono);font-size:var(--text-3xl);margin-bottom:var(--space-2xl);color:var(--text-primary);font-weight:600}.experience__timeline{flex-direction:column;display:flex}.exp-entry{gap:var(--space-lg);display:flex;position:relative}.exp-entry__graph{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:6px;display:flex}.exp-entry__dot{z-index:1;width:12px;height:12px;transition:box-shadow var(--duration-normal);border-radius:50%;flex-shrink:0}.exp-entry__dot--work{background:var(--accent-cyan);box-shadow:0 0 8px #00ffd566}.exp-entry__dot--edu{background:var(--accent-purple);box-shadow:0 0 8px #b24bf366}.exp-entry__line{background:linear-gradient(to bottom, var(--border-glass-hover), var(--border-glass));flex-grow:1;width:2px;min-height:20px}.exp-entry__content{padding-bottom:var(--space-xl);flex-grow:1}.exp-entry__header{align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--duration-fast);flex-wrap:wrap;width:100%;display:flex}.exp-entry__header:hover{background:var(--bg-glass-hover)}.exp-entry__hash{color:var(--accent-amber);font-weight:600;font-size:var(--text-xs)}.exp-entry__company{color:var(--accent-cyan);font-weight:600}.exp-entry__separator{color:var(--text-dim)}.exp-entry__role,.exp-entry__role strong{color:var(--text-primary)}.exp-entry__date{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto}.exp-entry__toggle{color:var(--text-muted);font-size:var(--text-xs);transition:transform var(--duration-normal);margin-left:var(--space-sm)}.exp-entry__toggle--open{transform:rotate(90deg)}.exp-entry__tags{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.exp-entry__tag{font-family:var(--font-mono);color:var(--text-muted);padding:1px var(--space-sm);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);transition:all var(--duration-fast);font-size:.65rem}.exp-entry__tag:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.exp-entry__details{overflow:hidden}.exp-entry__details-inner{padding:var(--space-lg) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-top:var(--space-sm);gap:var(--space-md);flex-direction:column;display:flex}.exp-entry__logo-wrap{width:80px}.exp-entry__logo{border-radius:var(--radius-sm);width:100%;height:auto}.exp-entry__desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.exp-entry__about{color:var(--text-muted);font-size:var(--text-xs);padding-top:var(--space-sm);border-top:1px solid var(--border-glass);font-style:italic;line-height:1.6}.exp-entry__link{font-family:var(--font-mono);font-size:var(--text-sm);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);width:fit-content;transition:all var(--duration-normal);display:inline-flex}.exp-entry__link:hover{background:var(--accent-cyan-dim);text-shadow:none;box-shadow:0 0 12px #00ffd533}.experience__meetup{margin-top:var(--space-3xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);max-width:640px}.experience__meetup-title{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.experience__meetup-icon{font-size:var(--text-xl)}.experience__meetup-video{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;max-width:560px;position:relative;overflow:hidden}.experience__meetup-video iframe{position:absolute;inset:0}@media (width<=768px){.exp-entry__header{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.exp-entry__date{width:100%;margin-left:0;margin-top:var(--space-xs)}.exp-entry__graph{width:14px}.exp-entry__dot{width:10px;height:10px}.experience__title{font-size:var(--text-2xl)}}.projects{padding-top:var(--space-4xl)}.projects__title{font-family:var(--font-mono);font-size:var(--text-3xl);margin-bottom:var(--space-sm);font-weight:600}.projects__desc{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-base)}.projects__filters{gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.projects__filter-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0}.projects__filter-tag:hover,.projects__filter-tag--active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.projects__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:border-color var(--duration-normal), box-shadow var(--duration-normal);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 30px #00ffd51a, var(--shadow-card)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card:hover .project-card__image-overlay{opacity:.3}.project-card:hover .project-card__link{color:var(--accent-cyan)}.project-card__image-wrap{height:180px;position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo)}.project-card__image-overlay{background:linear-gradient(to bottom, transparent, var(--bg-primary));opacity:.6;transition:opacity var(--duration-normal);position:absolute;inset:0}.project-card__body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex-grow:1;display:flex}.project-card__title{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.project-card__desc{font-size:var(--text-sm);color:var(--text-secondary);flex-grow:1;line-height:1.6}.project-card__tags{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__tag{font-family:var(--font-mono);color:var(--accent-purple);padding:1px var(--space-sm);border:1px solid var(--accent-purple-dim);border-radius:var(--radius-sm);background:var(--accent-purple-dim);font-size:.65rem}.project-card__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-md);transition:color var(--duration-normal)}.project-card__glow{border-radius:var(--radius-lg);opacity:0;transition:opacity var(--duration-normal);pointer-events:none;background:linear-gradient(135deg,#00ffd51a,#b24bf31a);position:absolute;inset:-1px}.project-card:hover .project-card__glow{opacity:1}@media (width<=768px){.projects__grid{grid-template-columns:1fr}.projects__title{font-size:var(--text-2xl)}}@media (width<=480px){.project-card__image-wrap{height:140px}}.interests{padding-top:var(--space-4xl)}.interests__title{font-family:var(--font-mono);font-size:var(--text-3xl);margin-bottom:var(--space-2xl);font-weight:600}.interests__grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.interest-card{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.interest-card__header{align-items:center;gap:var(--space-md);display:flex}.interest-card__emoji{font-size:var(--text-3xl)}.interest-card__title{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.interest-card__desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.interest-card__videos{gap:var(--space-lg);flex-direction:column;display:flex}.interest-card__video-item{gap:var(--space-sm);flex-direction:column;display:flex}.interest-card__video-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan)}.interest-card__video-wrap{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;overflow:hidden}.interest-card__video-wrap iframe{width:100%;height:100%}.interest-card__image-wrap{border-radius:var(--radius-md);border:1px solid var(--border-glass);margin-top:var(--space-sm);overflow:hidden}.interest-card__image{border-radius:var(--radius-md);width:100%;height:auto;transition:transform var(--duration-slow)}.interest-card:hover .interest-card__image{transform:scale(1.03)}@media (width<=768px){.interests__grid{grid-template-columns:1fr}.interests__title{font-size:var(--text-2xl)}}.contact{padding-top:var(--space-4xl);padding-bottom:var(--space-2xl)}.contact__content{text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.contact__title{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:600}.contact__desc{color:var(--text-secondary);font-size:var(--text-lg);max-width:500px;line-height:1.7}.contact__email-btn{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-3xl);background:var(--bg-glass);border:1px solid var(--accent-cyan);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-in-out);flex-direction:column;text-decoration:none;display:flex}.contact__email-btn:hover{background:var(--accent-cyan-dim);box-shadow:var(--glow-cyan);text-shadow:none}.contact__email-icon{font-size:var(--text-2xl)}.contact__email-text{font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent-cyan);font-weight:600}.contact__email-addr{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.contact__wechat{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.contact__wechat-text{color:var(--text-secondary);font-size:var(--text-base)}.contact__wechat-qr-wrap{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.contact__wechat-qr{border-radius:var(--radius-md);border:1px solid var(--border-glass);opacity:.85;width:180px;transition:opacity var(--duration-normal)}.contact__wechat-qr:hover{opacity:1}.contact__wechat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.contact__socials{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.contact__social-btn{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-glass);transition:all var(--duration-normal);align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.contact__social-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--accent-cyan-dim);text-shadow:none;box-shadow:0 0 15px #00ffd51a}.contact__footer{margin-top:var(--space-4xl);text-align:center;gap:var(--space-xs);flex-direction:column;display:flex}.contact__copyright{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.contact__built-with{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}@media (width<=768px){.contact__title{font-size:var(--text-2xl)}.contact__email-btn{padding:var(--space-md) var(--space-xl)}.contact__wechat-qr{width:150px}}.easter-egg{min-height:100vh;padding:var(--space-xl);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.easter-egg__content{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.easter-egg__title{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700}.easter-egg__subtitle{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--accent-cyan)}.easter-egg__sub2{font-size:var(--text-base);color:var(--text-secondary)}.easter-egg__sub3{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.easter-egg__game-wrap{margin-top:var(--space-xl);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.easter-egg__score{font-family:var(--font-mono);font-size:var(--text-lg);gap:var(--space-sm);display:flex}.easter-egg__score-label{color:var(--text-muted)}.easter-egg__score-value{color:var(--accent-cyan);min-width:30px;font-weight:700}.easter-egg__canvas{border:1px solid var(--accent-cyan);border-radius:var(--radius-md);touch-action:none;max-width:100%;height:auto;box-shadow:0 0 30px #00ffd51a}.easter-egg__controls{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.easter-egg__back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan);padding:var(--space-sm) var(--space-xl);border:1px solid var(--accent-cyan);border-radius:var(--radius-md);margin-top:var(--space-xl);transition:all var(--duration-normal)}.easter-egg__back:hover{background:var(--accent-cyan-dim);box-shadow:var(--glow-cyan)}.easter-egg__copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);margin-top:var(--space-xl)}@media (width<=480px){.easter-egg__title{font-size:var(--text-2xl)}.easter-egg__canvas{width:288px;height:288px}}