:root{--radius: 12px;--background: 222 47% 4%;--foreground: 210 40% 98%;--surface: 222 47% 8%;--surface-foreground: 210 40% 98%;--card: 222 47% 8%;--card-foreground: 210 40% 98%;--popover: 222 47% 8%;--popover-foreground: 210 40% 98%;--primary: 172 66% 50%;--primary-foreground: 222 47% 4%;--secondary: 215 28% 17%;--secondary-foreground: 210 40% 98%;--muted: 215 28% 17%;--muted-foreground: 217 10% 65%;--accent: 172 66% 50%;--accent-foreground: 222 47% 4%;--border: 215 28% 17%;--input: 215 28% 17%;--ring: 172 66% 50%}:root{--background: 220 20% 97%;--foreground: 220 25% 10%;--card: 0 0% 100%;--card-foreground: 220 25% 10%;--popover: 0 0% 100%;--popover-foreground: 220 25% 10%;--primary: 172 72% 36%;--primary-foreground: 0 0% 100%;--secondary: 220 16% 93%;--secondary-foreground: 220 25% 10%;--muted: 220 16% 93%;--muted-foreground: 220 12% 40%;--accent: 172 72% 36%;--accent-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 100%;--border: 220 16% 84%;--input: 220 16% 84%;--ring: 172 72% 36%;--radius: .75rem;--surface: 220 16% 93%;--surface-foreground: 220 25% 10%;--sidebar-background: 220 18% 95%;--sidebar-foreground: 220 20% 20%;--sidebar-primary: 220 25% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 220 16% 90%;--sidebar-accent-foreground: 220 25% 10%;--sidebar-border: 220 16% 84%;--sidebar-ring: 172 72% 36%}.dark{--background: 220 25% 6%;--foreground: 220 15% 90%;--card: 220 25% 9%;--card-foreground: 220 15% 90%;--popover: 220 25% 9%;--popover-foreground: 220 15% 90%;--primary: 172 66% 50%;--primary-foreground: 220 30% 8%;--secondary: 220 20% 14%;--secondary-foreground: 220 15% 90%;--muted: 220 20% 14%;--muted-foreground: 220 10% 55%;--accent: 172 66% 50%;--accent-foreground: 220 30% 8%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 220 20% 16%;--input: 220 20% 16%;--ring: 172 66% 50%;--surface: 220 25% 10%;--surface-foreground: 220 15% 90%;--sidebar-background: 220 25% 8%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 172 66% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 220 20% 14%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 220 20% 16%;--sidebar-ring: 172 66% 50%}body{font-family:Inter,system-ui,sans-serif;line-height:1.6}code{font-family:JetBrains Mono,monospace}h1{font-size:48px;font-weight:700}h2{font-size:32px;font-weight:600}h3{font-size:24px}p{font-size:16px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground))}a{color:inherit;text-decoration:none}button{font-family:inherit}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button-primary:hover{opacity:.9}.button-secondary{background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.button-secondary:hover{border-color:hsl(var(--primary) / .4);color:hsl(var(--primary))}.button-icon{display:flex;align-items:center}.button svg{color:inherit}.hero{min-height:100vh;display:flex;align-items:center;position:relative}.hero-container{max-width:1024px;margin:0 auto;padding:120px 24px 80px;display:flex;flex-direction:column;gap:64px}.hero-content{text-align:center}.hero-intro{font-family:JetBrains Mono,monospace;font-size:14px;color:hsl(var(--primary));margin-bottom:16px}.hero-title{font-size:clamp(48px,6vw,72px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.hero-lastname{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary) / .6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-role{font-size:24px;color:hsl(var(--muted-foreground));margin-bottom:8px}.hero-description{max-width:520px;margin:0 auto 32px;color:hsl(var(--muted-foreground))}.hero-highlight{color:hsl(var(--foreground));font-weight:500}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-image-wrapper{position:relative;width:280px;height:280px;margin:0 auto}.hero-image-background{position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .05));filter:blur(40px)}.hero-image{position:relative;width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid hsl(var(--border))}@media(min-width:1024px){.hero-container{flex-direction:row;align-items:center;justify-content:space-between}.hero-content{text-align:left}.hero-description{margin-left:0}.hero-buttons{justify-content:flex-start}.hero-image-wrapper{width:380px;height:380px}}.developer-card{width:100%;height:fit-content;max-width:320px;padding:18px 16px;border-radius:var(--radius);background:hsl(var(--surface));border:1px solid hsl(var(--border));text-align:center;transition:all .25s ease}.developer-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary) / .4);box-shadow:0 0 0 1px hsl(var(--primary) / .08),0 10px 35px hsl(var(--primary) / .12)}.developer-avatar{width:72px;height:72px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:2px solid hsl(var(--primary) / .3)}.developer-avatar img{width:135%;height:135%;object-fit:scale-down}.developer-name{font-weight:600;color:hsl(var(--foreground))}.developer-role{font-size:14px;margin-top:4px;color:hsl(var(--muted-foreground))}.developer-tags{margin-top:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.developer-tags span{font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 8px;border-radius:6px;background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.about{position:relative;padding:120px 24px}.about-container{max-width:1024px;margin:0 auto}.section-title{font-family:JetBrains Mono,monospace;font-size:14px;color:hsl(var(--primary));margin-bottom:8px}.section-heading{font-size:36px;font-weight:700;letter-spacing:-.02em}.about-grid{display:grid;grid-template-columns:1fr;gap:32px}.about-text{display:flex;flex-direction:column;color:hsl(var(--muted-foreground));line-height:1.7}.about-text span{color:hsl(var(--foreground));font-weight:500}.about-card{display:flex;justify-content:center}@media(min-width:768px){.about-grid{grid-template-columns:2fr 1fr}}.experience{padding:120px 24px}.experience-container{max-width:1024px;margin:0 auto}.experience-list{margin-top:40px}.experience-item{position:relative;padding-left:32px;padding-bottom:40px}.timeline-line{position:absolute;left:7px;top:10px;bottom:0;width:1px;background:hsl(var(--border))}.timeline-dot{position:absolute;left:0;top:10px;width:15px;height:15px;border-radius:50%;border:2px solid hsl(var(--primary));background:hsl(var(--background))}.experience-card{margin-left:16px;padding:20px;border-radius:var(--radius);background:hsl(var(--surface));border:1px solid hsl(var(--border));transition:all .25s ease}.experience-card:hover{border-color:hsl(var(--primary) / .4);box-shadow:0 0 0 1px hsl(var(--primary) / .08),0 10px 35px hsl(var(--primary) / .12)}.experience-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.experience-role{font-weight:600;color:hsl(var(--foreground))}.experience-company{font-size:14px;font-family:JetBrains Mono,monospace;color:hsl(var(--primary))}.experience-period{font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--muted-foreground))}.experience-description{display:flex;flex-direction:column;gap:8px}.experience-description-item{display:flex;gap:8px;font-size:14px;line-height:1.6;color:hsl(var(--muted-foreground))}.experience-arrow{color:hsl(var(--primary));margin-top:2px;flex-shrink:0}@media(min-width:640px){.experience-header{flex-direction:row;align-items:center;justify-content:space-between}}.project-card{display:flex;flex-direction:column;padding:20px;border-radius:var(--radius);background:hsl(var(--surface));border:1px solid hsl(var(--border));transition:all .25s ease}.project-card:hover{transform:translateY(-3px);border-color:hsl(var(--primary) / .4);box-shadow:0 0 0 1px hsl(var(--primary) / .08),0 10px 35px hsl(var(--primary) / .12)}.project-card-title{font-size:18px;font-weight:600;color:hsl(var(--foreground));margin-bottom:8px}.project-card-description{font-size:14px;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:16px;flex:1}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-card-tag{font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 8px;border-radius:6px;background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.project-card-links{display:flex;gap:16px}.project-card-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:hsl(var(--muted-foreground));transition:color .2s ease}.project-card-link:hover{color:hsl(var(--foreground))}.projects{padding:120px 24px}.projects-container{max-width:1024px;margin:0 auto}.section-description{margin-top:12px;color:hsl(var(--muted-foreground));max-width:520px}.projects-loader{width:20px;height:20px;color:hsl(var(--primary));animation:spin 1.5s linear infinite}.projects-loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-grid{margin-top:40px;display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.projects-grid{grid-template-columns:1fr 1fr}}.tech-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:hsl(var(--surface));border:1px solid hsl(var(--border));min-height:38px;font-size:14px;transition:all .2s ease}.tech-badge:hover{border-color:hsl(var(--primary) / .4);transform:translateY(-2px);box-shadow:0 0 0 1px hsl(var(--primary) / .08),0 8px 30px hsl(var(--primary) / .12)}.tech-icon-wrapper{display:flex;align-items:center;justify-content:center;padding-right:10px;border-right:1px solid hsl(var(--border) / .6)}.tech-icon{font-size:18px;color:hsl(var(--primary))}.techstack{position:relative;padding:120px 24px}.techstack-container{max-width:1024px;margin:0 auto}.section-description{margin-top:8px;max-width:520px;color:hsl(var(--muted-foreground))}.tech-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.tech-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.tech-grid{grid-template-columns:repeat(4,1fr)}}.contact{padding:120px 24px;text-align:center}.contact-container{max-width:720px;margin:0 auto}.contact-heading{margin-left:auto;margin-right:auto}.contact-description{max-width:520px;margin:12px auto 40px;color:hsl(var(--muted-foreground))}.contact-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}@media(min-width:640px){.contact-buttons{flex-direction:row;justify-content:center}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease;background:hsl(var(--background) / .6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-scrolled{background:hsl(var(--background) / .85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border))}.navbar-container{max-width:1024px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:JetBrains Mono,monospace;font-weight:700;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:2px}.logo-c{color:hsl(var(--primary))}.logo-v{color:hsl(var(--foreground))}.light .logo-v{color:#000}.navbar-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;color:hsl(var(--muted-foreground));transition:color .2s ease}.nav-link:hover{color:hsl(var(--foreground))}.nav-link.active{color:hsl(var(--primary))}.theme-button{padding:8px;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--surface));display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-button{background:none;border:none;cursor:pointer}.navbar-mobile{display:none;align-items:center;gap:12px}.mobile-menu{display:none}@media(max-width:768px){.navbar-links{display:none}.navbar-mobile{display:flex}.mobile-menu{display:flex;flex-direction:column;gap:16px;padding:24px;background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border))}.mobile-link{font-size:14px;color:hsl(var(--muted-foreground))}}.footer{border-top:1px solid hsl(var(--border))}.footer-container{max-width:1024px;margin:0 auto;padding:32px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-text{font-size:14px;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:6px}.footer-heart{color:hsl(var(--primary))}.footer-socials{display:flex;align-items:center;gap:16px}.footer-icon{color:hsl(var(--muted-foreground));transition:color .2s ease}.footer-icon:hover{color:hsl(var(--foreground))}@media(max-width:640px){.footer-container{flex-direction:column;text-align:center}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}