:root{--bg-page: #0a0a0f;--bg-card: #0D0D0D;--bg-surface: #1a1a2e;--bg-placeholder: #3D3D3D;--bg-alternate-surface: #9b9a9a;--orange-primary: #FF6B35;--orange-glow: rgba(255, 107, 53, .4);--teal-success: #00D4AA;--teal-glow: rgba(0, 212, 170, .3);--gradient-primary: linear-gradient(135deg, #FF6B35 0%, #ff8f65 50%, #FF6B35 100%);--gradient-hero: linear-gradient(180deg, #0a0a0f 0%, #111128 40%, #0a0a0f 100%);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(255, 107, 53, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(0, 212, 170, .06) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(255, 107, 53, .04) 0%, transparent 50%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, 0) 100%);--gradient-border: linear-gradient(135deg, rgba(255, 107, 53, .3), rgba(0, 212, 170, .3), rgba(255, 107, 53, .3));--white-primary: #FFFFFF;--gray-600: #888888;--gray-500: #444444;--font-display: "Oswald";--font-mono: "JetBrains Mono";--font-size-5xl: clamp(2.75rem, 2.5721rem + .7596vw, 3rem);--font-size-4xl: clamp(2.25rem, 2.0721rem + .7596vw, 2.5rem);--font-size-3xl: clamp(1.75rem, 1.5721rem + .7596vw, 2rem);--font-size-2xl: clamp(1.375rem, 1.1971rem + .7596vw, 1.625rem);--font-size-xl: clamp(1.125rem, .9471rem + .7596vw, 1.375rem);--font-size-lg: clamp(1rem, .8221rem + .7596vw, 1.25rem);--font-size-base: clamp(.875rem, .6971rem + .7596vw, 1.125rem);--font-size-md: clamp(.8125rem, .6346rem + .7596vw, 1.0625rem);--font-size-sm: clamp(.75rem, .5721rem + .7596vw, 1rem);--font-size-xs: clamp(.6875rem, .5096rem + .7596vw, .9375rem);--space-9: 2rem;--space-8: 1.5rem;--space-6: 1rem;--space-5: .75rem;--space-4: .5rem;--space-2: .25rem;--space-1: .125rem;--font-weight-700: 700;--font-weight-600: 600;--font-weight-400: 400}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none;color:var(--bg-card)}.text-white{color:var(--white-primary)}.text-orange{color:var(--orange-primary)}.text-teal{color:var(--teal-success)}.text-gray-600{color:var(--gray-600)}.text-gray-500{color:var(--gray-500)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-5xl{font-size:var(--font-size-5xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-xl{font-size:var(--font-size-xl)}.text-lg{font-size:var(--font-size-lg)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:var(--font-weight-700)}.font-semibold{font-weight:var(--font-weight-600)}.font-normal{font-weight:var(--font-weight-400)}.p-9{padding:var(--space-9)}.p-8{padding:var(--space-8)}.p-6{padding:var(--space-6)}.p-5{padding:var(--space-5)}.p-4{padding:var(--space-4)}.p-2{padding:var(--space-2)}.p-1{padding:var(--space-1)}.m-9{margin:var(--space-9)}.m-8{margin:var(--space-8)}.m-6{margin:var(--space-6)}.m-5{margin:var(--space-5)}.m-4{margin:var(--space-4)}.m-2{margin:var(--space-2)}.m-1{margin:var(--space-1)}.gap-9{gap:var(--space-9)}.gap-8{gap:var(--space-8)}.gap-6{gap:var(--space-6)}.gap-5{gap:var(--space-5)}.gap-4{gap:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-1{gap:var(--space-1)}.bg-orange{background:var(--orange-primary)}.bg-card{background:var(--bg-card)}.bg-dark-surface{background-color:var(--bg-surface)}.bg-alternate-surface{background-color:var(--bg-alternate-surface)}.border-placeholder{border:1px solid var(--bg-placeholder)}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes border-dance{0%{background-position:0% 0%}to{background-position:300% 0%}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,-60px) scale(.95)}75%{transform:translate(40px,-20px) scale(1.02)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-40px,30px) scale(.98)}50%{transform:translate(30px,50px) scale(1.05)}75%{transform:translate(-20px,20px) scale(.96)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-stagger.visible{opacity:1;transform:translateY(0)}body{margin:0;padding:0;background:var(--bg-page);overflow-x:hidden}.layout{position:relative}.navigation{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;height:auto;padding:var(--space-6) var(--space-8);background:#0a0a0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);transition:transform .3s ease,background .3s ease}.navigation.nav-hidden{transform:translateY(-100%)}.navigation.nav-scrolled{background:#0a0a0feb;border-bottom:1px solid rgba(255,107,53,.1)}.nav-logo{display:flex;align-items:center;gap:var(--space-2)}.nav-links{display:flex;align-items:center;gap:var(--space-8);margin-left:auto}.nav-link{display:none;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--gray-600);text-decoration:none;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--orange-primary);transition:width .3s ease}.nav-link:hover{color:var(--orange-primary)}.nav-link:hover:after{width:100%}.lang-toggle{display:flex;align-items:center;gap:4px;background:none;border:1px solid rgba(255,255,255,.1);padding:6px 12px;cursor:pointer;border-radius:4px;transition:border-color .3s ease}.lang-toggle:hover{border-color:var(--orange-primary)}.lang-active{color:var(--orange-primary);font-weight:600}.lang-inactive{color:var(--gray-600)}.lang-separator{color:var(--gray-500)}.hero-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--gradient-hero)}.hero-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px)}.hero-orb--orange{width:500px;height:500px;top:-10%;right:-5%;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 70%);animation:orb-float-1 15s ease-in-out infinite}.hero-orb--teal{width:400px;height:400px;bottom:-10%;left:-5%;background:radial-gradient(circle,rgba(0,212,170,.1) 0%,transparent 70%);animation:orb-float-2 18s ease-in-out infinite}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%)}.hero{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-8);padding-top:100px}.hero h1{line-height:1;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{max-width:600px}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--orange-primary);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}.btn-container{display:flex;flex-direction:column;gap:var(--space-6)}.button-site{display:flex;justify-content:center;align-items:center;padding:var(--space-6) var(--space-8);font-family:var(--font-mono);border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.button-site:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15) 0%,transparent 60%)}.button-site:hover:before{opacity:1}.button-site:hover{transform:translateY(-2px)}.button-site.bg-orange:hover{box-shadow:0 8px 30px #ff6b354d}.button-site.bg-dark-surface:hover{box-shadow:0 8px 30px #ffffff0d}.container{display:flex;flex-direction:column;gap:5rem}.section-wrapper{position:relative;padding:4rem 0}.section-wrapper:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none}.metrics-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-6)}.metric-card{flex:1 1 calc((100% - var(--space-6)) / 2);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.metric-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.metric-card:not(.bg-orange){border:1px solid rgba(255,255,255,.06);background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card:not(.bg-orange):hover{transform:translateY(-4px);border-color:#ff6b3533;box-shadow:0 20px 40px #0000004d,0 0 60px #ff6b350d}.metric-card.bg-orange{border:none;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 4s ease infinite}.metric-card.bg-orange:hover{transform:translateY(-4px);box-shadow:0 20px 40px #ff6b3540}.projects-container{display:flex;flex-direction:column;gap:var(--space-5)}.projects-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-container{display:grid;grid-template-columns:1fr}.card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);overflow:hidden;background:#0d0d0dcc;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.card:hover{transform:translateY(-4px);border-color:#ff6b3533;box-shadow:0 20px 40px #0000004d}.project-image-container{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--bg-placeholder)}.project-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .project-image{transform:scale(1.08)}.description{display:flex;flex-direction:column}.card-description-wrapper{overflow:hidden}.card-skills{display:flex;flex-direction:column;gap:var(--space-4)}.card-skills-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-skills-pills .chip{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.card-skills-pills .chip img{width:18px;height:18px}.card-links{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.card-links .button-site{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);flex:1}.stack-container{display:flex;flex-direction:column}.chip-container{display:flex;flex-wrap:wrap}.chip{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-6);background:#1a1a2e99;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.chip:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,107,53,.1) 0%,transparent 60%);transition:opacity .3s ease}.chip:hover:before{opacity:1}.chip:hover{transform:translateY(-2px);border-color:#ff6b3533;box-shadow:0 8px 24px #0003}.chip img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.contact-wrapper{position:relative;padding:2px;border-radius:4px;background:var(--gradient-border);background-size:300% 100%;animation:border-dance 6s linear infinite}.contact{display:flex;flex-direction:column;background:var(--bg-card);border-radius:3px;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,107,53,.06) 0%,transparent 60%);pointer-events:none}.contact .button-site{align-self:flex-start}.section-label{display:inline-flex;align-items:center;gap:var(--space-4)}.section-label:before{content:"";display:inline-block;width:20px;height:2px;background:var(--orange-primary)}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;z-index:101;transition:width .1s linear}@media(min-width:578px){.btn-container{display:flex;flex-direction:row}.button-site{flex:0 1 calc((100% - var(--space-6)) / 3);padding:var(--space-6)}.metrics-container{flex:1 1;flex-wrap:nowrap}.metric-card{flex:1 1 0}.card-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.nav-link{display:inline}.navigation-container{display:flex;margin:0 auto;justify-items:flex-start}.layout-container{width:100%;max-width:1200px;margin:0 auto}.contact>.button-site:last-child{width:calc(30% - var(--space-8))}.card-container{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(3.5rem,3rem + 2vw,5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}