:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#fafafa;--bg-nav:#fff6;--bg-badge:#f4f4f5;--bg-badge-hover:#e4e4e7;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#71717a;--text-accent:#18181b;--text-link:#18181b;--border-color:#e4e4e7;--border-subtle:#f4f4f5;--accent:#18181b;--accent-glow:#18181b0f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Helvetica Neue", Helvetica, Arial, -apple-system, sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:820px}[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:#18181b;--bg-card-hover:#27272a;--bg-input:#18181b;--bg-nav:#09090b66;--bg-badge:#27272a;--bg-badge-hover:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-accent:#fafafa;--text-link:#fafafa;--border-color:#27272a;--border-subtle:#18181b;--accent:#fafafa;--accent-glow:#fafafa0f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080}[data-theme=gray]{--bg-primary:#1c1c1e;--bg-secondary:#2c2c2e;--bg-card:#2c2c2e;--bg-card-hover:#3a3a3c;--bg-input:#2c2c2e;--bg-nav:#1c1c1e66;--bg-badge:#3a3a3c;--bg-badge-hover:#48484a;--text-primary:#f2f2f7;--text-secondary:#ebebf5;--text-muted:#8e8e93;--text-accent:#f2f2f7;--text-link:#f2f2f7;--border-color:#3a3a3c;--border-subtle:#2c2c2e;--accent:#f2f2f7;--accent-glow:#f2f2f70f;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);font-weight:450;line-height:1.6}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{opacity:.7}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--max-width);pointer-events:auto;margin:0 auto;padding:0 24px}.section{padding:48px 0}.section-divider{border:none;border-top:1px dashed var(--border-color);margin:0}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:1.4rem;font-weight:800}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.app{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{z-index:1;pointer-events:none;flex:1;position:relative}.bg-orb-wrapper{z-index:0;opacity:.6;pointer-events:auto;width:clamp(250px,40vw,600px);height:clamp(250px,40vw,600px);position:absolute}.bg-orb-wrapper.left{left:-10%}.bg-orb-wrapper.right{right:-10%}@media (width<=1440px){.bg-orb-wrapper{width:clamp(200px,25vw,350px);height:clamp(200px,25vw,350px)}}@media (width<=1024px){.bg-orb-wrapper{display:none}}.navbar{z-index:100;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.navbar-dock{background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);align-items:center;gap:4px;padding:8px 12px;display:flex;overflow:hidden;transform:translateZ(0)}.navbar-dock.is-collapsed{cursor:pointer;border-radius:50%;justify-content:center;width:56px;height:56px;padding:0;overflow:hidden}.collapsed-icon-container{width:100%;height:100%;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.dock-item{font-family:var(--font-mono);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.dock-item:hover{color:var(--text-primary);background:var(--accent-glow)}.dock-item.active{color:var(--text-primary);background:var(--bg-nav);box-shadow:inset 0 0 0 1px var(--border-color)}.dock-divider{background:var(--border-color);flex-shrink:0;width:1px;height:24px;margin:0 4px}.theme-menu-container{display:flex;position:relative}@keyframes genieAppear{0%{opacity:0;transform:scale(.1)translateY(20px)}70%{opacity:1;transform:scale(1.05)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes genieDisappear{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.1)translateY(20px)}}.theme-popover{background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);z-index:101;transform-origin:bottom;gap:8px;padding:8px 12px;display:flex;position:absolute;top:-44px;right:10px}.theme-popover.open{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards genieAppear}.theme-popover.closing{animation:.2s cubic-bezier(.6,-.28,.735,.045) forwards genieDisappear}.theme-swatch{cursor:pointer;border:1px solid var(--border-color);width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%}.theme-swatch:hover{transform:scale(1.2)}.theme-swatch.active{outline:2px solid var(--text-primary);outline-offset:2px}.swatch-light{background:#fff;border:1px solid #e4e4e7}.swatch-gray{background:#8e8e93;border:1px solid #8e8e93}.swatch-dark{background:#000;border:1px solid #000}@media (width<=640px){.navbar{bottom:16px;left:50%;transform:translate(-50%)}.navbar-dock{justify-content:center;gap:4px;width:max-content;padding:6px 12px}.dock-item{padding:8px 10px;font-size:.72rem}.dock-item span{display:none}}.hero{padding-top:48px;padding-bottom:0}.hero-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:48px;display:flex}.hero-text{flex:1}.hero-name{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px;font-size:2.2rem;font-weight:800;line-height:1.2}.hero-tagline{font-size:.88rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:20px;line-height:1.5}.hero-social-row{align-items:center;gap:8px;display:flex}.hero-social-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.hero-social-icon:hover{color:var(--text-primary);transform:translateY(-1px)}.hero-social-icon.cv-btn{gap:6px;width:auto;padding:0 12px}.hero-social-icon.cv-btn span{font-family:var(--font-mono);font-size:.85rem;font-weight:600}.hero-avatar{flex-shrink:0}.hero-avatar-img{border-radius:var(--radius-md);object-fit:cover;object-position:top;background:var(--bg-badge);border:1px solid var(--border-color);width:130px;height:130px}.hero-about{border-bottom:1px dashed var(--border-color);padding-bottom:16px}.hero-bio{font-size:.88rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:12px;font-weight:450;line-height:1.7}.hero-bio:last-child{margin-bottom:0}@media (width<=640px){.hero-header{text-align:center;flex-direction:column-reverse;align-items:center;gap:24px}.hero-social-row{justify-content:center}.hero-name{font-size:1.8rem}.hero-avatar-img{width:110px;height:110px}}.tools-grid{flex-wrap:wrap;gap:8px;display:flex}.tool-badge{background:var(--bg-badge);border:1px solid var(--border-color);font-size:.78rem;font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-weight:600;display:inline-flex}.tool-badge:hover{color:#fff;box-shadow:var(--shadow-sm);background:#000;border-color:#000;transform:translateY(-2px)}.tool-icon{flex-shrink:0;font-size:.9rem}.tool-name{white-space:nowrap}@media (width<=640px){.tools-grid{gap:6px}.tool-badge{padding:5px 10px;font-size:.72rem}}.projects{padding-bottom:48px}.projects-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);height:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;padding:20px;display:flex}.project-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.project-title{color:var(--text-primary);flex:1;align-items:center;gap:4px;font-size:.95rem;font-weight:800;display:inline-flex}.live-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 8px #10b98199}.project-title-link{color:inherit;transition:opacity var(--transition-fast);text-decoration:none}.project-title-link:hover{text-underline-offset:4px;text-decoration:underline}.project-date-badge{font-size:.72rem;font-family:var(--font-mono);background:var(--bg-badge);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;flex-shrink:0;padding:4px 10px}.project-desc{font-size:.82rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:14px;font-weight:450;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.project-tag{font-size:.68rem;font-family:var(--font-mono);background:var(--bg-badge);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:3px 8px;font-weight:600}.project-links{gap:12px;margin-top:auto;padding-top:4px;display:flex}.project-link{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:5px;font-weight:400;display:inline-flex}.project-link:hover{color:var(--text-primary)}@media (width<=640px){.projects-list{grid-template-columns:1fr}.project-card{padding:16px}}.show-more-container{justify-content:center;margin-top:32px;display:flex}.show-more-btn{font-family:var(--font-mono);color:var(--text-primary);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.show-more-icon{align-items:center;margin-left:8px;display:inline-flex;transform:translateY(1px)}.show-more-btn:hover{background:var(--bg-badge)}.certifications{padding-bottom:48px}.cert-list{flex-direction:column;gap:12px;display:flex}.cert-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex}.cert-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.cert-icon{border-radius:var(--radius-sm);background:var(--bg-badge);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.cert-content{flex:1;min-width:0}.cert-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.cert-title{color:var(--text-primary);font-size:.88rem}.cert-date-badge{font-size:.72rem;font-family:var(--font-mono);background:var(--bg-badge);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-weight:600}.cert-meta{align-items:center;gap:16px;display:flex}.cert-link{font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:5px;font-weight:500;text-decoration:none;display:inline-flex}.cert-link:hover{color:var(--text-primary)}@media (width<=640px){.cert-item{gap:12px;padding:12px 14px}.cert-icon{width:36px;height:36px;font-size:1rem}}.education-list{flex-direction:column;gap:12px;display:flex}.education-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.education-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.education-icon{border-radius:var(--radius-sm);background:var(--bg-badge);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;overflow:hidden}.education-logo{object-fit:cover;width:100%;height:100%}.education-content{flex:1;min-width:0}.education-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.education-degree{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:10px;line-height:1.6}.education-meta{align-items:center;gap:16px;display:flex}.education-meta-item{font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}@media (width<=640px){.education-item{gap:12px;padding:14px 16px}.education-icon{width:36px;height:36px;font-size:1rem}.education-meta{flex-direction:column;align-items:flex-start;gap:6px}}.achievements{padding-bottom:48px}.achievements-list{flex-direction:column;gap:12px;display:flex}.achievement-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.achievement-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.achievement-icon{border-radius:var(--radius-sm);background:var(--bg-badge);width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.achievement-icon img{object-fit:contain;width:100%;height:100%;padding:4px}.achievement-content{flex:1;min-width:0}.achievement-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.achievement-title{color:var(--text-primary);font-size:.88rem}.achievement-date-badge{font-size:.72rem;font-family:var(--font-mono);background:var(--bg-badge);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-weight:600}.achievement-desc{font-size:.82rem;font-family:var(--font-mono);color:var(--text-secondary);line-height:1.6}@media (width<=640px){.achievement-item{gap:12px;padding:14px 16px}}.contact{padding-bottom:40px}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.contact-text{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.7}.contact-email{color:var(--text-primary);text-underline-offset:3px;font-weight:600;text-decoration:underline}.contact-social-label{color:var(--text-primary);margin-bottom:12px;font-size:.85rem;font-weight:600}.contact-social-links{gap:8px;display:flex}.contact-social-link{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.contact-social-link:hover{color:var(--text-primary);transform:translateY(-1px)}.contact-form{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:.85rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-submit{background:var(--text-primary);border:1px solid var(--text-primary);border-radius:var(--radius-sm);width:100%;color:var(--bg-primary);cursor:pointer;transition:opacity var(--transition-fast);padding:10px 24px;font-size:.85rem;font-weight:600}.form-submit:hover{opacity:.85}@media (width<=640px){.contact-grid{grid-template-columns:1fr;gap:32px}.form-row{grid-template-columns:1fr}}