:root{--color-bg-primary: #0B0B0B;--color-bg-secondary: #141414;--color-bg-tertiary: #1D1D1D;--color-text-primary: #F7F7F7;--color-text-secondary: #C6C6C6;--color-text-tertiary: #8E8E8E;--color-accent: #FF3B45;--color-accent-strong: #E50914;--color-accent-hover: #FF6B72;--color-accent-soft: rgba(255, 59, 69, .12);--color-border: #333333;--color-border-light: #242424;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: clamp(.875rem, .84rem + .18vw, .95rem);--font-size-base: clamp(1rem, .96rem + .2vw, 1.08rem);--font-size-lg: clamp(1.125rem, 1.05rem + .38vw, 1.3rem);--font-size-xl: clamp(1.35rem, 1.18rem + .85vw, 1.75rem);--font-size-2xl: clamp(1.65rem, 1.35rem + 1.45vw, 2.35rem);--font-size-3xl: clamp(2rem, 1.55rem + 2.2vw, 3.1rem);--font-size-4xl: clamp(2.3rem, 1.55rem + 3.8vw, 4.8rem);--radius-sm: 4px;--radius-md: 8px;--shadow-card: 0 18px 40px rgba(0, 0, 0, .22);--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--enable-parallax: 1;--enable-blur: 1;--enable-animations: 1;--enable-glow: 1;--safe-area-top: max(0px, env(safe-area-inset-top));--safe-area-bottom: max(0px, env(safe-area-inset-bottom));--safe-area-left: max(0px, env(safe-area-inset-left));--safe-area-right: max(0px, env(safe-area-inset-right))}@media(max-width:1024px){:root{--enable-parallax: 0;--enable-blur: .8;--enable-glow: .6;--transition-slow: .3s ease-out}}@media(max-width:768px){:root{--enable-parallax: 0;--enable-blur: .5;--enable-glow: .4;--transition-base: .2s ease-out}}@media(max-width:480px){:root{--enable-parallax: 0;--enable-blur: 0;--enable-glow: 0;--enable-animations: .5;--transition-fast: .1s ease-out;--transition-base: .15s ease-out}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 #e5091400}50%{box-shadow:0 0 10px #e509144d}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes scanParallax{0%,to{opacity:.03}50%{opacity:.08}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-fade-in-up{animation:fadeInUp calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-slide-in-left{animation:slideInLeft calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-slide-in-right{animation:slideInRight calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-scale-in{animation:scaleIn calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-slide-up{animation:slideUp calc(var(--transition-base) * var(--enable-animations)) ease-out}.animate-delay-1{animation-delay:50ms}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}@media(max-width:768px){.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in,.animate-slide-up{animation-duration:calc(var(--transition-base) * .8)}@keyframes scanParallax{0%,to{opacity:.01}50%{opacity:.03}}}@media(max-width:480px){.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in,.animate-slide-up{animation-duration:calc(var(--transition-base) * .6)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;viewport-fit:cover;font-size:100%}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;letter-spacing:0;overflow-x:hidden;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;text-wrap:balance}h1{font-size:clamp(1.875rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1rem,2.5vw,1.5rem)}p{color:var(--color-text-secondary);max-width:68ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}button{font-family:var(--font-primary);font-size:var(--font-size-base);border:none;cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:var(--font-primary);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:4px;transition:all var(--transition-base);font-size:16px;min-height:44px}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px #e509141a}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,var(--spacing-lg));width:100%}.page-header{margin-bottom:clamp(var(--spacing-xl),6vw,var(--spacing-2xl));padding-bottom:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));border-bottom:1px solid var(--color-border)}.page-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-10px;left:0;width:clamp(56px,12vw,100px);height:3px;background:var(--color-accent)}.header-line{width:100%;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent);margin-top:var(--spacing-lg)}.header-subtitle{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-base)}.card-surface{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:1920px){:root{--spacing-lg: 2.5rem;--spacing-xl: 3.5rem;--spacing-2xl: 5rem}.container{max-width:1600px}}@media(min-width:1024px){body{padding:0}}@media(max-width:1023px){.app-main{padding-top:72px}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3.5vw,2rem)}h3{font-size:clamp(1rem,2.5vw,1.5rem)}}@media(max-width:768px){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.app-main{padding-top:72px}.features,.sobre-page,.projetos-page,.skills-page,.experiencia-page,.contato-page{margin-left:0;margin-top:0}h1{font-size:clamp(1.5rem,3.5vw,2rem)}h2{font-size:clamp(1.125rem,3vw,1.5rem)}h3{font-size:clamp(1rem,2vw,1.25rem)}*{--webkit-touch-callout: none}}@media(max-width:480px){:root{--spacing-sm: .75rem;--spacing-md: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}.app-main{padding-top:64px}.container{padding:0 var(--spacing-md)}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.125rem,3vw,1.5rem)}h3{font-size:clamp(1rem,2.5vw,1.25rem)}h4{font-size:var(--font-size-base)}input,textarea,button{font-size:16px}}@media(max-width:360px){:root{--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.25rem}.container{padding:0 var(--spacing-sm)}}