@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-display:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out-expo);--transition-base:.3s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo);--transition-theme:.4s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-tooltip:500}:root,[data-theme=light]{--bg-base:linear-gradient(180deg, #e0f2fe 0%, #f0f9ff 50%, #fff 100%);--bg-base-solid:#f0f9ff;--bg-surface:#ffffffe6;--bg-elevated:#fffffff2;--bg-muted:#e0f2feb3;--bg-subtle:#bae6fd80;--text-primary:#0c4a6e;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#0284c7;--accent-secondary:#0ea5e9;--accent-tertiary:#38bdf8;--accent-hover:#0369a1;--accent-muted:#0ea5e926;--accent-subtle:#0ea5e914;--gradient-accent:linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);--gradient-shine:linear-gradient(135deg, #fff9 0%, #fff0 50%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #0ea5e940 0%, transparent 60%);--gradient-sky:linear-gradient(180deg, #bae6fd 0%, #e0f2fe 40%, #f0f9ff 70%, #fff 100%);--gradient-aurora:linear-gradient(135deg, #0ea5e91f 0%, #38bdf81a 50%, #7dd3fc14 100%);--gradient-mesh:radial-gradient(at 20% 10%, #0ea5e92e 0px, transparent 50%), radial-gradient(at 80% 20%, #38bdf81f 0px, transparent 50%), radial-gradient(at 50% 60%, #7dd3fc1a 0px, transparent 50%), radial-gradient(at 10% 80%, #0ea5e914 0px, transparent 40%);--border-subtle:#0ea5e914;--border-default:#0ea5e926;--border-strong:#0ea5e940;--border-accent:var(--accent-primary);--shadow-xs:0 1px 2px #0ea5e90f;--shadow-sm:0 2px 8px #0ea5e914, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0ea5e91a, 0 2px 4px #0000000a;--shadow-lg:0 8px 32px #0ea5e91f, 0 4px 8px #0000000a;--shadow-xl:0 16px 48px #0ea5e926, 0 8px 16px #0000000f;--shadow-glow:0 0 40px #0ea5e933;--shadow-accent:0 4px 24px #0ea5e94d;--glass-bg:#ffffffb3;--glass-border:#0ea5e926;--glass-blur:blur(20px);--glass-sky:#e0f2fe80;--code-bg:#e0f2fe;--code-text:#0c4a6e;--status-success:#22c55e;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#0ea5e9}[data-theme=dark]{--bg-base:#000;--bg-base-solid:#000;--bg-surface:#0a0a0af2;--bg-elevated:#121212fa;--bg-muted:#1e1e1e99;--bg-subtle:#38bdf814;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#000;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-tertiary:#7dd3fc;--accent-hover:#7dd3fc;--accent-muted:#38bdf82e;--accent-subtle:#38bdf81a;--gradient-accent:linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #7dd3fc 100%);--gradient-shine:linear-gradient(135deg, #ffffff1a 0%, #fff0 50%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #38bdf826 0%, transparent 60%);--gradient-sky:linear-gradient(180deg, #0a0a0a 0%, #000 100%);--gradient-aurora:linear-gradient(135deg, #38bdf81a 0%, #0ea5e914 50%, #7dd3fc0d 100%);--gradient-mesh:radial-gradient(at 20% 10%, #38bdf81f 0px, transparent 50%), radial-gradient(at 80% 20%, #0ea5e914 0px, transparent 50%), radial-gradient(at 50% 60%, #38bdf80f 0px, transparent 50%), radial-gradient(at 10% 80%, #0ea5e90a 0px, transparent 40%);--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-strong:#38bdf84d;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #0009, 0 2px 4px #0000004d;--shadow-lg:0 8px 32px #000000b3, 0 4px 8px #0006;--shadow-xl:0 16px 48px #000c, 0 8px 16px #00000080;--shadow-glow:0 0 50px #38bdf826;--shadow-accent:0 4px 30px #38bdf840;--glass-bg:#0a0a0acc;--glass-border:#38bdf81f;--glass-blur:blur(20px);--glass-sky:#0f0f0fe6;--code-bg:#121212;--code-text:#e2e8f0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);min-height:100vh;transition:background var(--transition-theme), color var(--transition-theme);background-attachment:fixed;margin:0;padding:0}body:before{content:"";background:var(--gradient-mesh);pointer-events:none;z-index:-2;position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0ea5e908 1px,#0000 1px),linear-gradient(90deg,#0ea5e908 1px,#0000 1px);background-size:60px 60px;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=dark] body:after{background-image:linear-gradient(#38bdf80a 1px,#0000 1px),linear-gradient(90deg,#38bdf80a 1px,#0000 1px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-md) 0}h1{font-size:var(--text-5xl);letter-spacing:-.03em}h2{font-size:var(--text-4xl);letter-spacing:-.02em}h3{font-size:var(--text-3xl);letter-spacing:-.02em}h4{font-size:var(--text-2xl);letter-spacing:-.01em}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}code,.mono{font-family:var(--font-mono);background:var(--code-bg);border-radius:var(--radius-sm);color:var(--accent-primary);padding:2px 6px;font-size:.9em}.gradient-border{background:var(--bg-surface);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--gradient-accent);z-index:-1;opacity:0;transition:opacity var(--transition-base);position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.gradient-border:hover:before{opacity:1}.glow-hover{transition:box-shadow var(--transition-base)}.glow-hover:hover{box-shadow:var(--shadow-glow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:4s ease-in-out infinite float}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.grid-pattern{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:40px 40px}.dot-pattern{background-image:radial-gradient(var(--border-default) 1px, transparent 1px);background-size:20px 20px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-sm)}.card-interactive:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-accent)}.badge{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--accent-primary);background:var(--accent-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid #0000;display:inline-flex}.badge:hover{background:var(--accent-subtle);border-color:var(--accent-primary)}.badge-outline{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-inverse);background:var(--gradient-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--gradient-shine);opacity:0;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0;right:0}.btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn:hover:before{opacity:1}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-subtle);box-shadow:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.section-title{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-xl);display:inline-flex;position:relative}.section-title:before{content:"//";font-family:var(--font-mono);color:var(--accent-primary);font-weight:var(--font-normal)}.section-title:after{content:"";background:linear-gradient(90deg, var(--border-default) 0%, transparent 100%);height:1px;margin-left:var(--space-md);flex:1;min-width:60px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) forwards}.animate-fade-in-down{animation:fadeInDown .6s var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn .5s var(--ease-out-expo) forwards}.animate-slide-left{animation:slideInLeft .6s var(--ease-out-expo) forwards}.animate-slide-right{animation:slideInRight .6s var(--ease-out-expo) forwards}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.delay-5{opacity:0;animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--bg-subtle);border-radius:var(--radius-full);border:2px solid var(--bg-muted)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-subtle) var(--bg-muted)}::selection{background:var(--accent-primary);color:var(--text-inverse)}
.root{min-height:100vh;padding:var(--space-lg);background:var(--bg-base);scrollbar-gutter:stable;flex-direction:column;display:flex;overflow-x:hidden}.container{background:var(--glass-sky);width:100%;max-width:1400px;-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);flex:1;grid-template-columns:220px minmax(0,1fr) 240px;gap:0;margin:0 auto;display:grid;overflow:hidden}.sub-container{padding:0}.sub-container:first-child{align-self:start;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky}.content{width:100%;min-width:0;min-height:80vh;padding:var(--space-2xl);background:var(--glass-sky);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);overflow-x:hidden;overflow-y:auto}.right-part{align-self:start;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky}.header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(12px);padding:5px 24px;display:flex;position:relative;overflow:hidden}.header:before{content:"";background:var(--gradient-accent);width:4px;height:100%;position:absolute;top:0;left:0}.header img{border-radius:var(--radius-lg);object-fit:cover;width:84px;height:94px;transition:transform var(--transition-base), box-shadow var(--transition-base);border:2px solid #0ea5e933;box-shadow:0 4px 20px #0ea5e926}.header img:hover{transform:scale(1.05);box-shadow:0 8px 32px #0ea5e940}.header-info{flex:1;min-width:0}.header h2{margin:0 0 var(--space-2xs) 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-role{margin:0 0 var(--space-xs) 0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary)}.header-tagline{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:0}.section{padding:var(--space-xl) 0;border-bottom:1px solid var(--border-subtle);animation:fadeInUp .6s var(--ease-out-expo) forwards}.section:last-child{border-bottom:none;padding-bottom:0}.section h3,h3{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-lg);display:inline-flex;position:relative}.section h3:before,.experience h3:before,.education h3:before,.publications h3:before,.contact h3:before{content:"//";font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--font-normal)}h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}h5{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm)}em{color:var(--text-tertiary);font-style:normal}strong{font-weight:var(--font-semibold);color:var(--text-primary)}ul{margin:0;padding:0;list-style:none}li{font-family:var(--font-body);color:var(--text-secondary);padding:var(--space-xs) 0;padding-left:var(--space-lg);line-height:var(--leading-normal);position:relative}li:before{content:"→";color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-sm);position:absolute;left:0}.experience-item{padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid #ffffff1a;position:relative;box-shadow:0 2px 12px #0000000a}.experience-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.experience-item:last-child{margin-bottom:0}.experience-item h4{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.experience-item h4>div{flex:1}.experience-item ul{margin-top:var(--space-md)}.experience-item li:before{content:"▹"}.contact{padding:var(--space-lg);background:var(--bg-surface);border-radius:0px 0px var(--radius-md) var(--radius-md)}.contact-info{margin:0;padding:0;list-style-type:none}.contact-info li{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-secondary);transition:all var(--transition-fast);display:flex}.contact-info li:before{display:none}.contact-info li:hover{color:var(--accent-primary);transform:translate(4px)}.contact-info svg{color:var(--accent-primary);flex-shrink:0;font-size:18px}.contact-info a{color:var(--text-secondary);font-size:var(--text-sm);word-break:break-all;transition:color var(--transition-fast)}.contact-info li:hover a{color:var(--accent-primary)}.footer{text-align:center;padding:var(--space-lg);margin-top:var(--space-xl);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono);justify-content:center;align-items:center;gap:var(--space-xs);background:0 0;border:none;display:flex}.footer svg{color:var(--accent-primary)}.feed-card{margin:var(--space-md) 0;border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base);border:1px solid #ffffff1a;padding:0;overflow:hidden;box-shadow:0 2px 12px #0000000a}.feed-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feed-card li{margin:0;padding:0}.feed-card li:before{display:none}.card-link{text-decoration:none;display:block;overflow:hidden}.card-image{width:100%;height:auto;transition:transform var(--transition-slow);display:block}.feed-card:hover .card-image{transform:scale(1.05)}.feed-container{max-width:100%;margin:0}.react-tabs__tab-list{gap:var(--space-xs);display:flex;border-bottom:1px solid var(--border-subtle)!important;margin-bottom:var(--space-lg)!important;padding:0!important}.react-tabs__tab{cursor:pointer;padding:var(--space-sm) var(--space-md)!important;color:var(--text-tertiary)!important;font-family:var(--font-mono)!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;transition:all var(--transition-fast)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;background:0 0!important;border:none!important}.react-tabs__tab:hover{color:var(--accent-primary)!important;background:var(--accent-subtle)!important}.react-tabs__tab--selected{color:var(--accent-primary)!important;background:var(--accent-muted)!important;border-bottom:2px solid var(--accent-primary)!important}.company-logo{border-radius:var(--radius-md);object-fit:cover;margin-right:var(--space-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:52px!important;height:52px!important}@media (max-width:1024px){.root{padding:var(--space-md)}.container{grid-template-columns:180px 1fr;gap:0}.right-part{display:none}.content{padding:var(--space-lg)}}@media (max-width:768px){.root{padding:0}.container{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.sub-container:first-child{z-index:var(--z-fixed);margin:0;padding:0;position:fixed;top:auto;bottom:0;left:0;right:0}.content{padding:var(--space-md);background:var(--bg-surface);border-left:none;border-right:none;border-radius:0;width:100%;margin-bottom:80px}.header{text-align:center;padding:var(--space-lg) var(--space-md);background:var(--bg-elevated);flex-direction:column}.header:before{width:100%;height:3px;top:0;left:0;right:0}.header img{width:74px;height:84px}.header h2{font-size:var(--text-xl)}.header-info{text-align:center}.right-part{margin-bottom:80px;display:block;position:static}.section h3:before,.experience h3:before,.education h3:before,.publications h3:before,.contact h3:before{display:none}.experience-item{padding:var(--space-md)}.experience-item h4{gap:var(--space-sm);flex-direction:column}.contact{border-radius:0;margin:0}}@media (max-width:480px){.root{padding:0}.content{padding:var(--space-sm)}.header{padding:var(--space-md) var(--space-sm)}.header img{width:64px;height:74px}.header h2{font-size:var(--text-lg)}.header-role,.header-tagline{font-size:var(--text-xs)}.section{padding:var(--space-md) 0}.experience-item{padding:var(--space-sm);border-radius:var(--radius-md)}.feed-card{border-radius:var(--radius-md);margin:var(--space-sm) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.section,.feed-card,.header img,.experience-item{transition:none!important;animation:none!important}}


.navbar{gap:var(--space-lg);padding:var(--space-lg);background:var(--glass-sky);border-radius:var(--radius-md) 0px var(--radius-md) var(--radius-md);flex-direction:column;display:flex;position:relative}.nav-header{padding-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-muted);width:42px;height:42px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:before{content:"";background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0;right:0}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.theme-toggle:hover:before{opacity:.1}.theme-toggle svg{z-index:1;width:20px;height:20px;transition:transform var(--transition-base);position:relative}.theme-toggle:hover svg{transform:rotate(15deg)}.nav-desktop{display:block}.nav-list{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-list li{margin:0;padding:0}.nav-list li:before{display:none}.nav-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:before{content:">";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);opacity:0;transition:all var(--transition-fast);transform:translate(-8px)}.nav-link:hover:before,.nav-link.active:before{opacity:1;transform:translate(0)}.nav-link:hover{color:var(--accent-primary);padding-left:var(--space-lg);background:#0ea5e914}.nav-link.active{color:var(--accent-primary);font-weight:var(--font-semibold);padding-left:var(--space-lg);background:#0ea5e91f;box-shadow:inset 0 0 20px #0ea5e90d}.nav-link.active:after{content:"";right:var(--space-sm);background:var(--accent-primary);border-radius:var(--radius-full);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);position:absolute}.nav-mobile-container{display:none}.nav-mobile-toggle{border-radius:var(--radius-md);background:var(--gradient-accent);width:48px;height:48px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nav-mobile-toggle:before{content:"";background:var(--gradient-shine);opacity:0;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0;right:0}.nav-mobile-toggle:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.nav-mobile-toggle:hover:before{opacity:1}.nav-mobile-toggle svg{z-index:1;width:24px;height:24px;position:relative}.nav-mobile{opacity:0;visibility:hidden;display:none}.nav-mobile--open{opacity:1;visibility:visible;display:block}.nav-list-mobile{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.nav-list-mobile li{margin:0;padding:0}.nav-list-mobile li:before{display:none}.nav-list-mobile .nav-link{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-full);background:var(--bg-muted)}.nav-list-mobile .nav-link:before,.nav-list-mobile .nav-link:after{display:none}.nav-list-mobile .nav-link.active{background:var(--accent-primary);color:var(--text-inverse);padding-left:var(--space-md)}@media (max-width:768px){.navbar{width:100%;padding:var(--space-sm) var(--space-md);border:none;border-top:1px solid var(--border-default);background:var(--bg-elevated);-webkit-backdrop-filter:var(--glass-blur);border-radius:0;flex-direction:row;justify-content:space-between;align-items:center}.navbar:before{display:none}.nav-header{border-bottom:none;padding-bottom:0}.nav-desktop{display:none}.nav-mobile-container{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.nav-mobile{background:var(--bg-elevated);border-top:1px solid var(--border-default);box-shadow:var(--shadow-xl);padding:var(--space-md);z-index:var(--z-dropdown);transition:all var(--transition-base);border-radius:0;position:fixed;bottom:72px;left:0;right:0;transform:translateY(16px)}.nav-mobile--open{opacity:1;visibility:visible;transform:translateY(0)}.nav-list-mobile{gap:var(--space-xs);flex-flow:wrap;justify-content:center}.nav-list-mobile .nav-link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-align:center;background:var(--bg-muted);font-size:var(--text-xs);display:block}.nav-list-mobile .nav-link:hover{background:var(--accent-subtle);padding-left:var(--space-sm)}.nav-list-mobile .nav-link.active{background:var(--gradient-accent);color:var(--text-inverse)}}@media (max-width:480px){.navbar{padding:var(--space-xs) var(--space-sm)}.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}.nav-mobile-toggle{width:40px;height:40px}.nav-mobile-toggle svg{width:20px;height:20px}.nav-mobile{padding:var(--space-sm);bottom:60px;left:0;right:0}.nav-list-mobile .nav-link{padding:6px 10px;font-size:11px}}