:root{--primary:#0f172a;--primary-light:#1e293b;--secondary:#3b82f6;--secondary-dark:#2563eb;--accent:#0ea5e9;--background:#f8fafc;--surface:#fff;--surface-glass:hsla(0,0%,100%,.9);--text-main:#334155;--text-muted:#64748b;--border:#e2e8f0;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--container-width:72rem;--header-height:5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);font-family:var(--font-body);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:var(--font-heading);line-height:1.2}.container{margin:0 auto;max-width:var(--container-width);padding:0 1.5rem}@media(min-width:1024px){.container{padding:0 3rem}}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid rgba(226,232,240,.6);height:var(--header-height);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar,.navbar .container{align-items:center;display:flex}.navbar .container{justify-content:space-between;width:100%}.logo{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);background-clip:text;-webkit-background-clip:text;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav-links{align-items:center;display:flex;gap:2.5rem}.nav-links a{color:var(--text-main);font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--secondary)}.nav-links a:after{background:var(--secondary);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.language-switcher{align-items:center;border-left:1px solid var(--border);display:flex;gap:.5rem;margin-left:1.5rem;padding-left:1.5rem}.lang-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-heading);font-size:.875rem;font-weight:600;padding:.4rem .8rem;transition:all .2s}.lang-btn:hover{background:var(--surface);color:var(--primary)}.lang-btn.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);color:var(--secondary)}.hero{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0,transparent 50%);display:flex;min-height:100vh;padding-top:var(--header-height)}.hero-content{animation:fadeUp 1s cubic-bezier(.16,1,.3,1);margin:0 auto;max-width:800px;text-align:center}.greeting{color:var(--secondary);display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.name{color:var(--primary);display:block;font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}@media(min-width:1024px){.name{font-size:5.5rem}}.hero-subtitle{color:var(--text-main);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.hero-description{color:var(--text-muted);font-size:1.25rem;line-height:1.7;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:650px}.hero-cta{display:flex;gap:1.5rem}.btn,.hero-cta{justify-content:center}.btn{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);box-shadow:0 4px 14px #0f172a63;color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:0 6px 20px #0f172a3b;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--primary)}.btn-secondary:hover{background:var(--background);border-color:var(--secondary);box-shadow:var(--shadow-md);color:var(--secondary);transform:translateY(-2px)}.about{background:#fff;padding:8rem 0}.section-title{color:var(--primary);display:inline-block;font-size:2.5rem;font-weight:800;left:50%;letter-spacing:-.02em;margin-bottom:4rem;position:relative;text-align:center;transform:translate(-50%)}.section-title:after{background:var(--secondary);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:60px}.about-content{display:grid;gap:4rem}.about-text{color:var(--text-muted);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.about-text .intro{color:var(--primary);font-size:1.5rem;font-style:normal;font-weight:500;margin-bottom:2rem}.skills-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media(min-width:768px){.skills-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.skill-category{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;transition:all .3s ease}.skill-category:hover{border-color:var(--secondary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.skill-category h3{align-items:center;color:var(--primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.skill-category h3:before{background:var(--secondary);border-radius:4px;content:"";display:block;height:24px;width:8px}.skill-category ul{list-style:none}.skill-category li{border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-main);font-size:1.1rem;padding:.75rem 0}.skill-category li:last-child{border-bottom:none}.current-projects{background:var(--background);overflow:hidden;padding:8rem 0;position:relative}.current-projects:before{background:linear-gradient(90deg,transparent,var(--border),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-subtitle{color:var(--text-muted);font-size:1.25rem;margin-bottom:4rem;margin-top:-3rem;text-align:center}.current-projects-grid{display:grid;gap:4rem}.current-project-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr;overflow:hidden;transition:all .3s ease}@media(min-width:1024px){.current-project-card{grid-template-columns:1.2fr 1fr}}.current-project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.project-image{align-items:center;background:#f1f5f9;display:flex;justify-content:center;min-height:300px;padding:3rem}.project-logo{filter:drop-shadow(0 10px 15px rgba(0,0,0,.1));max-height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.current-project-card:hover .project-logo{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;justify-content:center;padding:3rem}.project-status{align-self:flex-start;background:#ecfdf5;border-radius:var(--radius-full);color:#059669;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.project-content h3{color:var(--primary);font-size:2rem;margin-bottom:1rem}.project-tech{color:var(--secondary);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.project-content p{color:var(--text-muted);font-size:1.125rem;line-height:1.7}.projects{background:#fff;padding:8rem 0}.project-filter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem}.filter-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.filter-btn:hover{border-color:var(--secondary);color:var(--secondary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.projects-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .3s ease}.project-card:hover{border-color:var(--secondary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;font-size:4rem;height:240px;justify-content:center}.project-card .project-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.project-card h3{font-size:1.5rem;margin-bottom:.75rem}.project-card .project-tech{font-size:.875rem;margin-bottom:1rem}.project-link{align-items:center;color:var(--secondary);display:flex;font-weight:600;gap:.5rem;margin-top:auto}.project-links-mobile{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.store-badge{align-items:center;background:var(--primary);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.store-badge:hover{background:var(--primary-light)}.contact{background:var(--primary);padding:8rem 0;text-align:center}.contact,.contact .section-title{color:#fff}.contact-text{color:#cbd5e1;font-size:1.5rem;margin:0 auto 3rem;max-width:700px}.contact-info{display:flex;flex-direction:column;font-size:1.25rem;gap:1.5rem;margin-bottom:3rem}.email-link{color:var(--secondary);font-weight:700;text-decoration:none;transition:color .2s}.email-link:hover{color:#fff}.contact-subtext{color:#94a3b8;margin:0 auto;max-width:500px}.footer{background:var(--primary-light);color:#94a3b8;font-size:.9rem;padding:3rem 0;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1001}.mobile-menu-btn span{background:var(--primary);display:block;height:2px;margin:5px 0;transition:all .3s;width:24px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{align-items:center;background:#fff;display:flex;justify-content:center;inset:0;position:fixed;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000}.mobile-nav.active{transform:translate(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-nav-links a{color:var(--primary);font-size:1.5rem;font-weight:600;text-decoration:none}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}}