@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";[data-theme=navy-neon]{--bg-dark: #0a192f;--bg-panel: rgba(17, 34, 64, .7);--bg-panel-hover: rgba(30, 55, 95, .8);--color-text: #ccd6f6;--color-text-sec: #8892b0;--color-accent: #64ffda;--border-subtle: rgba(100, 255, 218, .1);--backdrop-blur: blur(16px);--radius-lg: 12px;--radius-md: 8px;--glow-accent: 0 0 20px rgba(100, 255, 218, .3)}[data-theme=minimal-mono]{--bg-dark: #121212;--bg-panel: rgba(30, 30, 30, .8);--bg-panel-hover: rgba(50, 50, 50, .9);--color-text: #e0e0e0;--color-text-sec: #a0a0a0;--color-accent: #ffffff;--border-subtle: rgba(255, 255, 255, .08);--backdrop-blur: blur(12px);--radius-lg: 16px;--radius-md: 10px;--glow-accent: none}[data-theme=warm-sunset]{--bg-dark: #1a1512;--bg-panel: rgba(40, 30, 25, .8);--bg-panel-hover: rgba(60, 45, 35, .9);--color-text: #f5e8d8;--color-text-sec: #c4a882;--color-accent: #ff6f61;--border-subtle: rgba(255, 111, 97, .15);--backdrop-blur: blur(14px);--radius-lg: 20px;--radius-md: 12px;--glow-accent: 0 0 25px rgba(255, 111, 97, .25)}[data-theme=apple-dark]{--bg-dark: #000000;--bg-panel: rgba(28, 28, 30, .6);--bg-panel-hover: rgba(44, 44, 46, .7);--color-text: #f5f5f7;--color-text-sec: #86868b;--color-accent: #2997ff;--border-subtle: rgba(255, 255, 255, .08);--backdrop-blur: blur(20px);--radius-lg: 24px;--radius-md: 16px;--glow-accent: 0 0 15px rgba(41, 151, 255, .3)}[data-theme=dracula]{--bg-dark: #282a36;--bg-panel: rgba(68, 71, 90, .7);--bg-panel-hover: rgba(98, 114, 164, .5);--color-text: #f8f8f2;--color-text-sec: #6272a4;--color-accent: #bd93f9;--border-subtle: rgba(189, 147, 249, .15);--backdrop-blur: blur(14px);--radius-lg: 14px;--radius-md: 8px;--glow-accent: 0 0 20px rgba(189, 147, 249, .3)}:root{--bg-dark: #0a192f;--bg-panel: rgba(17, 34, 64, .7);--bg-panel-hover: rgba(30, 55, 95, .8);--color-text: #ccd6f6;--color-text-sec: #8892b0;--color-accent: #64ffda;--border-subtle: rgba(100, 255, 218, .1);--backdrop-blur: blur(16px);--radius-lg: 12px;--radius-md: 8px;--glow-accent: 0 0 20px rgba(100, 255, 218, .3)}:root{--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--transition-fast: all .3s cubic-bezier(.25, 1, .5, 1);--transition-slow: all .5s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;transition:background-color .4s ease,color .4s ease}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover,.accent{color:var(--color-accent)}.mono{font-family:var(--font-mono);font-size:.9em}.animate-fade-in{animation:fadeIn .7s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glow{box-shadow:var(--glow-accent)}::selection{background-color:var(--color-accent);color:var(--bg-dark)}.app-layout{display:flex;max-width:1280px;margin:0 auto;padding:0 6rem;min-height:100vh;gap:4rem}.sidebar{position:sticky;top:0;height:100vh;width:45%;max-width:480px;display:flex;flex-direction:column;justify-content:space-between;padding:6rem 0}.sidebar-content{display:flex;flex-direction:column;height:100%}.intro{margin-bottom:4rem}.name{font-size:3rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:.5rem}.title{font-size:1.25rem;font-weight:500;color:var(--color-text);margin-bottom:1rem}.tagline{font-size:1rem;color:var(--color-text-sec);line-height:1.6;max-width:300px}.nav{display:flex;flex-direction:column;gap:.75rem;margin-bottom:auto}.nav-link{display:flex;align-items:center;gap:1rem;padding:.25rem 0;text-decoration:none;color:var(--color-text-sec);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.nav-indicator{width:2rem;height:1px;background-color:var(--color-text-sec);transition:all .3s ease}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:hover .nav-indicator,.nav-link.active .nav-indicator{width:4rem;background-color:var(--color-text)}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links a{color:var(--color-text-sec);transition:color .3s ease}.social-links a:hover{color:var(--color-text)}.main-content{flex:1;padding:6rem 0}.section{margin-bottom:6rem;scroll-margin-top:6rem}.section-heading-mobile{display:none;position:sticky;top:0;z-index:10;padding:1rem 0;margin-bottom:1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);background-color:var(--bg-dark)}.about-content p{color:var(--color-text-sec);line-height:1.7;margin-bottom:1rem}.about-content .highlight{color:var(--color-text)}.experience-list{display:flex;flex-direction:column;gap:1rem}.experience-card{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1.5rem;border-radius:var(--radius-md);text-decoration:none;transition:all .3s ease;border:1px solid transparent}.experience-card:hover{background-color:var(--bg-panel);border-color:var(--border-subtle);box-shadow:0 4px 20px #0003}.exp-period{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-sec);padding-top:.25rem}.exp-details{display:flex;flex-direction:column;gap:.5rem}.exp-title{font-size:1rem;font-weight:500;color:var(--color-text);line-height:1.4}.exp-company{color:var(--color-text)}.experience-card:hover .exp-title{color:var(--color-accent)}.exp-description{font-size:.875rem;color:var(--color-text-sec);line-height:1.6}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-card{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1.5rem;border-radius:var(--radius-md);text-decoration:none;transition:all .3s ease;border:1px solid transparent}.project-card:hover{background-color:var(--bg-panel);border-color:var(--border-subtle);box-shadow:0 4px 20px #0003}.project-image-container{width:120px;height:80px;border-radius:4px;overflow:hidden;border:2px solid var(--border-subtle)}.project-image{width:100%;height:100%;object-fit:cover}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);color:var(--color-accent);font-size:1.5rem;font-weight:700}.project-details{display:flex;flex-direction:column;gap:.5rem}.project-title{font-size:1rem;font-weight:500;color:var(--color-text);line-height:1.4}.project-card:hover .project-title{color:var(--color-accent)}.project-description{font-size:.875rem;color:var(--color-text-sec);line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;background-color:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.arrow{display:inline-block;margin-left:.25rem;transition:transform .2s ease}.experience-card:hover .arrow,.project-card:hover .arrow,.view-full-link:hover .arrow{transform:translate(4px,-4px)}.view-full-link:hover .arrow{transform:translate(4px)}.view-full-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:2rem;font-size:.875rem;font-weight:600;color:var(--color-text);text-decoration:none;transition:color .3s ease}.view-full-link:hover{color:var(--color-accent)}.footer{max-width:500px;padding-top:4rem}.footer p{font-size:.875rem;color:var(--color-text-sec);line-height:1.6}.footer .highlight{color:var(--color-text-sec);transition:color .2s ease}.footer .highlight:hover{color:var(--color-accent)}@media(max-width:1024px){.app-layout{padding:0 3rem;gap:2rem}.sidebar{width:40%}.name{font-size:2.5rem}}@media(max-width:768px){.app-layout{flex-direction:column;padding:0 1.5rem;gap:0}.sidebar{position:relative;width:100%;max-width:none;height:auto;padding:6rem 0 2rem}.nav{display:none}.section-heading-mobile{display:block}.main-content{padding:0 0 4rem}.section{margin-bottom:4rem;scroll-margin-top:4rem}.experience-card,.project-card{grid-template-columns:1fr}.exp-period{margin-bottom:.25rem}.project-image-container{width:100%;height:150px}.name{font-size:2.5rem}.intro{margin-bottom:2rem}}