*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#e0e0e0;background-color:#0a0a0a;scroll-behavior:smooth}
header{background-color:#1a1a1a;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.3);border-bottom:1px solid #333}
.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.nav-brand a{display:flex;align-items:center;text-decoration:none;outline:0}
.nav-brand a:focus{outline:0}
.nav-logo{height:45px;width:auto;max-width:180px;object-fit:contain}
nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}
nav a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color .3s;position:relative}
nav a:hover{color:#f7f8e5}
nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#f7f8e5;transition:width .3s}
nav a:hover::after{width:100%}
.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px;z-index:1001}
.hamburger span{width:25px;height:3px;background-color:#f7f8e5;margin:3px 0;transition:.3s;border-radius:2px}
.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
.lang-switcher{position:relative;display:flex;align-items:center;background:rgba(247,248,229,.08);border:1.5px solid #f7f8e5;border-radius:18px;padding:2px;margin-left:14px;width:90px;height:28px;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 8px rgba(40,40,40,.08)}
.lang-slider{position:absolute;top:0;left:0;width:32px;height:100%;background:rgba(247,248,229,.95);transition:transform .25s cubic-bezier(.4, 0, .2, 1),border-radius .25s;z-index:1;box-shadow:0 2px 8px rgba(40,40,40,.1)}
.lang-switcher[data-current=pt-BR] .lang-slider{border-radius:14px 0 0 14px;transform:translateX(0)}
.lang-switcher[data-current=en-US] .lang-slider{border-radius:0;transform:translateX(28px)}
.lang-switcher[data-current=he-IL] .lang-slider{border-radius:0 14px 14px 0;transform:translateX(58px)}
.lang-option{position:relative;z-index:2;background:0 0;border:none;color:#f7f8e5;width:30px;height:24px;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s,transform .15s;border-radius:12px;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;letter-spacing:.5px}
.lang-option.active{color:#222;font-weight:700}
.lang-option:hover{color:#f7f8e5;transform:scale(1.08)}
.lang-option.active:hover{color:#222;transform:scale(1.08)}
.lang-switcher:hover{box-shadow:0 0 10px rgba(247,248,229,.18)}
.lang-switcher-mobile{display:none}
.lang-switcher-desktop{display:flex}
@media (max-width:600px){
.lang-switcher-mobile{position:relative}
.lang-switcher-desktop{display:none!important}
.lang-switcher{position:relative;width:auto;height:auto;background:0 0;border:none;box-shadow:none;margin-left:0;padding:0;display:flex;align-items:center}
.lang-slider{display:none}
.lang-dropdown-toggle{background:#222;color:#f7f8e5;border:2px solid #f7f8e5;border-radius:8px;font-size:.9rem;font-weight:600;padding:4px 12px 4px 8px;display:flex;align-items:center;gap:4px;cursor:pointer}
.lang-dropdown-toggle svg{margin-left:2px;transition:transform .2s}
.lang-dropdown-menu{display:none;position:absolute;top:110%;left:0;background:#222;border:2px solid #f7f8e5;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:10;min-width:60px;flex-direction:column}
.lang-dropdown-menu.open{display:flex}
.lang-globe-toggle{background:#222;border:2px solid #f7f8e5;border-radius:50%;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lang-modal{display:none;position:absolute;top:110%;right:0;left:auto;transform:none;background:#222;border:2px solid #f7f8e5;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:1000;flex-direction:column;gap:8px;padding:12px 8px;min-width:60px}
.lang-modal.open{display:flex}
.lang-option{text-align:left;cursor:pointer;background:0 0;border:none;color:#f7f8e5;font-size:1.1rem;font-weight:600;padding:8px 12px;border-radius:8px;transition:background .2s,color .2s}
.lang-option.active,.lang-option:hover{background:#f7f8e5;color:#222}
}
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.hero{background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);color:#fff;padding:8rem 0 4rem;text-align:center;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out}
.hero.fade-in{opacity:1;transform:translateY(0)}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1}
.hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(247,248,229,.3);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .3s,transform .8s ease-out .3s}
.hero.fade-in h1{opacity:1;transform:translateY(0)}
.hero h2{font-size:2rem;margin-bottom:1.5rem;font-weight:300;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .5s,transform .8s ease-out .5s;color:#f7f8e5}
.hero.fade-in h2{opacity:.9;transform:translateY(0)}
.hero-description{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .7s,transform .8s ease-out .7s;color:#b0b0b0;position:relative}
.hero.fade-in .hero-description{opacity:.8;transform:translateY(0)}
.hero-description.typing{overflow:hidden;white-space:nowrap}
section{padding:5rem 0;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}
section.fade-in{opacity:1;transform:translateY(0)}
section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}
section.fade-in h2{opacity:1;transform:translateY(0)}
.sobre{background-color:#111;border-top:1px solid #333;border-bottom:1px solid #333}
.sobre-content{max-width:800px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}
section.fade-in .sobre-content{opacity:1;transform:translateY(0)}
.sobre-texto p{font-size:1.1rem;margin-bottom:1.5rem;text-align:center;color:#b0b0b0}
.habilidades{background-color:#0a0a0a}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}
section.fade-in .skills-grid{opacity:1;transform:translateY(0)}
.skill-card{background:#1a1a1a;padding:2rem;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.5);text-align:center;transition:transform .3s,box-shadow .3s,opacity .6s ease-out,transform .6s ease-out;border:1px solid #333;opacity:0;transform:translateY(30px)}
section.fade-in .skill-card{opacity:1;transform:translateY(0)}
section.fade-in .skill-card:first-child{transition-delay:0.6s}
section.fade-in .skill-card:nth-child(2){transition-delay:0.7s}
section.fade-in .skill-card:nth-child(3){transition-delay:0.8s}
section.fade-in .skill-card:nth-child(4){transition-delay:0.9s}
.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px rgba(247,248,229,.2);border-color:#f7f8e5}
.skill-card h3{color:#f7f8e5;margin-bottom:1rem;font-size:1.3rem}
.skill-card p{color:#b0b0b0;line-height:1.6}
.projetos{background-color:#111;border-top:1px solid #333;border-bottom:1px solid #333}
.projetos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}
section.fade-in .projetos-grid{opacity:1;transform:translateY(0)}
.projeto-card{background:#1a1a1a;padding:2rem;border-radius:10px;border-left:4px solid #f7f8e5;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 25px rgba(0,0,0,.5);opacity:0;transform:translateY(30px)}
section.fade-in .projeto-card{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}
section.fade-in .projeto-card:first-child{transition-delay:0.6s}
section.fade-in .projeto-card:nth-child(2){transition-delay:0.7s}
section.fade-in .projeto-card:nth-child(3){transition-delay:0.8s}
.projeto-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px rgba(247,248,229,.2)}
.projeto-card h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}
.projeto-card p{color:#b0b0b0;margin-bottom:1.5rem}
.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tech-tags span{background:#f7f8e5;color:#000;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}
.contato{background-color:#0a0a0a;color:#fff}
.contato h2{color:#fff}
.contato-content{max-width:600px;margin:0 auto;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}
section.fade-in .contato-content{opacity:1;transform:translateY(0)}
.contato-info h3{font-size:1.5rem;margin-bottom:1rem;color:#f7f8e5}
.contato-info p{margin-bottom:2rem;opacity:.9;color:#b0b0b0}
.contato-links{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto}
.contato-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;border-radius:8px;transition:.3s;background:rgba(247,248,229,.1);border:1px solid rgba(247,248,229,.2);color:#f7f8e5}
.contato-link:hover{background:rgba(247,248,229,.15);transform:translateY(-2px);box-shadow:0 5px 15px rgba(247,248,229,.2)}
.contato-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:.3s}
.contato-icon svg{width:100%;height:100%;color:#f7f8e5;transition:.3s}
.contato-link:hover .contato-icon svg{color:#f7f8e5}
.contato-link[href*=mailto]:hover .contato-icon svg{color:#ea4335}
.contato-link[href*=linkedin]:hover .contato-icon svg{color:#0077b5}
.contato-link[href*=github]:hover .contato-icon svg{color:#333}
.contato-link[href*="wa.me"]:hover .contato-icon svg{color:#25d366}
.whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:1000;animation:3s ease-in-out infinite float}
.whatsapp-float a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#25d366;border-radius:50%;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:.3s;text-decoration:none}
.whatsapp-float a:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(37,211,102,.6)}
.whatsapp-float svg{width:32px;height:32px;color:#fff}
@keyframes float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.contato-link span{font-weight:500;font-size:1rem}
.frase-dinamica{background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);color:#fff;text-align:center;padding:3rem 0;border-top:1px solid #333;border-bottom:1px solid #333;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}
.frase-dinamica.fade-in{opacity:1;transform:translateY(0)}
.frase-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1000px;margin:0 auto}
.frase-dinamica p{font-size:1.3rem;font-style:italic;flex:1;line-height:1.6;color:#e0e0e0;text-shadow:0 0 10px rgba(247,248,229,.3);margin:0}
.frase-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:150px}
.frase-info span{font-size:1.1rem;font-weight:600;color:#f7f8e5;margin-bottom:.3rem}
.frase-info small{font-size:.8rem;color:#b0b0b0;opacity:.8}
footer{background-color:#1a1a1a;color:#b0b0b0;text-align:center;padding:1.5rem;border-top:1px solid #333}
footer p{margin:0;opacity:.8}
@media (max-width:768px){
.hero-description.typing{white-space:normal;word-wrap:break-word}
.whatsapp-float{bottom:15px;right:15px}
.whatsapp-float a{width:55px;height:55px}
.whatsapp-float svg{width:28px;height:28px}
.frase-content{flex-direction:column;text-align:center;gap:1rem}
.frase-info{align-items:flex-start;text-align:left}
.frase-dinamica p{font-size:1.1rem}
.hamburger{display:flex}
.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(26,26,26,.95);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s;z-index:1000}
.nav-menu.active{right:0}
.nav-menu li{opacity:0;transform:translateY(20px);transition:.3s}
.nav-menu.active li{opacity:1;transform:translateY(0)}
.nav-menu li:first-child{transition-delay:0.1s}
.nav-menu li:nth-child(2){transition-delay:0.2s}
.nav-menu li:nth-child(3){transition-delay:0.3s}
.nav-menu li:nth-child(4){transition-delay:0.4s}
.lang-switcher{margin-left:10px;width:100px;height:35px}
.lang-slider{width:30px;height:27px}
.lang-switcher[data-current=en-US] .lang-slider{transform:translateX(35px)}
.lang-switcher[data-current=he-IL] .lang-slider{transform:translateX(70px)}
.lang-option{font-size:.8rem;padding:6px 8px}
.nav-menu a{font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none;transition:color .3s}
.nav-menu a:hover{color:#f7f8e5}
.hero h1{font-size:2.5rem}
.hero h2{font-size:1.5rem}
section h2{font-size:2rem}
.projetos-grid,.skills-grid{grid-template-columns:1fr}
.contato-links{flex-direction:column;align-items:center;max-width:350px}
.contato-link{padding:.8rem 1.2rem}
.contato-link span{font-size:.9rem}
.container,.nav-container{padding:0 1rem}
.nav-logo{height:35px;max-width:140px}
.lang-switcher-desktop{display:none!important}
}
@media (max-width:480px){
.hero h1{font-size:2rem}
.hero h2{font-size:1.2rem}
.frase-dinamica p{font-size:1.1rem}
.nav-menu a{font-size:1.3rem}
.nav-logo{height:30px;max-width:120px}
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#1a1a1a}
::-webkit-scrollbar-thumb{background:#f7f8e5;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#e8e9d0}
@media (min-width:769px){
.nav-lang-item{display:none!important}
}