*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{font-family:Roboto,sans-serif;background-color:var(--cor-fundo);color:var(--cor-texto);line-height:1.6}:root{--cor-fundo: #181818;--cor-cinza: #1a1a1a;--cor-card: #1f1f1f;--cor-texto: #ffffff;--cor-texto-secundario: #ccc;--cor-destaque: #4169E1;--cor-destaque-hover: #3451b2;--espacamento-section: 90px;--padding-container: 100px}h1{font-size:22px;font-weight:400;color:var(--cor-texto);margin-left:50px}nav .highlight{color:var(--cor-destaque)}.hero h2{font-size:36px;color:var(--cor-destaque);margin-bottom:10px;line-height:1.2;letter-spacing:1px;font-weight:600}.sobre h2{font-size:25px;text-align:left;margin-bottom:40px;padding-left:50px;position:relative}.habilidades h2{font-size:25px;margin-bottom:40px;position:relative}.servicos h2{font-size:30px;color:#fff;text-align:left;margin-bottom:50px;position:relative}.portfolio h2{font-size:25px;text-align:center;margin-bottom:40px;position:relative}.sobre .texto h3{font-size:18px;color:var(--cor-texto);margin-bottom:10px}.modal-content h3{font-size:24px;font-weight:600;color:var(--cor-destaque);text-align:center;margin:10px 0;padding-bottom:0;border-bottom:none}.servico h4{font-size:20px;font-weight:400;color:#fff;text-align:left;margin-bottom:15px;width:100%;max-width:240px}.hero p:first-of-type{font-size:22px;line-height:1.2;margin-bottom:10px}.hero p:nth-of-type(2){font-size:22px;color:#e0e0e0;font-weight:400;line-height:1.2;margin-bottom:30px}.sobre .texto p{color:var(--cor-texto);margin-bottom:15px}.servico p{font-size:16px;color:#ccc;line-height:1.5;text-align:left;width:100%;max-width:240px}.projeto p{font-size:14px;color:#ccc;text-align:left;padding:10px}.tipo-projeto{font-size:12px;color:var(--cor-destaque)}.habilidade span{font-size:14px;font-weight:500;color:#fff}.container{padding:0 var(--padding-container);margin:0 auto;width:auto}nav{background-color:var(--cor-fundo);padding:20px 0;position:sticky;top:0;z-index:999}nav .container{display:flex;justify-content:space-between;align-items:center;padding:0 150px}.logo-img{width:30px;height:30px;object-fit:contain}.logo-link{display:flex;align-items:center}.nav-links{list-style:none;display:flex;gap:25px}.nav-links li a{font-size:14px;font-weight:400;color:var(--cor-texto);text-decoration:none;transition:color .3s,font-size .3s}.nav-links li a:hover,.nav-links li a.active{color:var(--cor-destaque);font-size:15px;font-weight:400}.btn-primary,.btn-outline{width:170px;min-height:45px;padding:5px 0;border-radius:20px;font-weight:500;font-size:16px;text-decoration:none;transition:all .3s ease;text-align:center;display:flex;justify-content:center;align-items:center}.btn-primary{background-color:var(--cor-destaque);color:#fff;border:none}.btn-primary:hover{background-color:var(--cor-destaque-hover)}.btn-outline{border:1px solid var(--cor-destaque);color:var(--cor-destaque);background:transparent}.btn-outline:hover{background-color:var(--cor-destaque);color:#fff}.hero-buttons{display:flex;gap:20px;justify-content:flex-start}.cursor{display:inline-block;color:#e0e0e0;font-weight:300;font-size:18px;animation:blink .7s infinite}.hero{padding:200px 600px var(--espacamento-section) 50px;justify-content:center;min-height:90vh;opacity:0;transform:translateY(20px);animation:heroFadeIn 1s ease forwards;position:relative;overflow:hidden}#sobre{padding:var(--espacamento-section) 50px var(--espacamento-section) 0px;opacity:0;transform:scale(.95);transition:opacity .7s ease,transform .7s ease}#sobre.visible{opacity:1;transform:scale(1)}.sobre h2:after{content:"";position:absolute;bottom:-10px;left:50px;width:50px;height:4px;background:var(--cor-destaque)}.sobre-conteudo{display:flex;flex-wrap:wrap;gap:100px;align-items:center;color:#e0e0e0}.foto-perfil{margin-left:50px}.foto-perfil img{width:200px;height:200px;border-radius:8px;object-fit:cover;display:block}.sobre .texto{max-width:600px;margin-right:50px;font-size:16px;color:var(--cor-texto)}.habilidades{padding:var(--espacamento-section) 0;text-align:center}.habilidades h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:4px;background:var(--cor-destaque)}.habilidades-grid{display:flex;flex-direction:column;gap:10px;width:fit-content;margin:0 auto}.fileira{display:flex;justify-content:center}.fileira:last-child{justify-content:flex-start}.cards-container{display:flex;gap:20px}.habilidade{width:100px;padding:5px;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.habilidade:hover{transform:translateY(-5px)}.habilidade i{display:none}.habilidade img{transform:scale(0);opacity:0;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55),opacity .6s ease}.habilidade img.visible{transform:scale(1);opacity:1}.servicos{padding:var(--espacamento-section) 50px}.servicos h2:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:4px;background:var(--cor-destaque)}.servicos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.servico{background:#1a1b20;padding:30px;border-radius:15px;box-shadow:0 4px 10px #0003;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.servico.ativo{opacity:1;transform:translateY(0);animation:slideInLeft .8s ease-out forwards}.servico:hover{transform:translateY(-8px);box-shadow:0 6px 15px #0000004d}.servico img{display:block;margin:0 auto 10px;max-width:100%}.portfolio{padding:var(--espacamento-section) 50px;background-color:var(--cor-cinza-escuro)}.portfolio h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:4px;background-color:var(--cor-destaque)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.projeto{background-color:#1a1b20;border:1px solid #202A31;border-radius:15px;overflow:hidden;text-align:center;position:relative;transition:transform .3s ease;opacity:0;transform:translateY(20px)}.projeto:hover{transform:scale(1.05)!important}.projeto img{width:100%;height:160px;object-fit:cover;display:block}.projeto-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.projeto:hover .projeto-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;padding:25px}.overlay-button{padding:10px 20px;background-color:transparent;color:var(--cor-destaque);text-decoration:none;border:1px solid var(--cor-destaque);border-radius:15px;font-size:14px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.overlay-button:hover{background-color:var(--cor-destaque);color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.active{opacity:1;visibility:visible}body.modal-open{overflow:hidden}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1b20;border:1px solid #000;border-radius:10px;width:90%;max-width:1200px;max-height:500px;display:flex;flex-direction:column;overflow:hidden}.close{color:var(--cor-texto-secundario);position:absolute;top:0;right:15px;font-size:30px;font-weight:700;cursor:pointer;transition:color .3s ease;z-index:1010}.close:hover{color:var(--cor-destaque)}.modal-body{display:flex;flex:1;gap:20px;padding:0 10px 10px;overflow-y:hidden}.modal-right{flex:.6;background-color:transparent;color:var(--cor-texto);padding:0;margin-right:0;display:flex;flex-direction:column;justify-content:flex-start;border-radius:8px;overflow-y:auto;font-size:16px}.modal-right::-webkit-scrollbar{width:8px}.modal-right::-webkit-scrollbar-track{background:transparent;margin-right:0}.modal-right::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-right::-webkit-scrollbar-thumb:hover{background:#555}.modal-right p{margin-top:5px;font-size:14px;margin-bottom:10px;line-height:1.6;color:var(--cor-texto)}.modal-right a{color:var(--cor-destaque);text-decoration:underline;word-break:break-word}.modal-share{display:flex;gap:10px;margin-top:0}.share-icon{width:40px;height:40px;object-fit:contain;transition:filter .3s ease}.modal-left{flex:.9;background:linear-gradient(#00000080,#00000080);display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative}.modal-video{width:100%;height:auto;max-height:70vh;border-radius:10px;display:block;margin-bottom:20px}.contato{padding:var(--espacamento-section) 50px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.contato.visible{opacity:1;transform:translateY(0)}.contato-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.contato-info{flex:1}.contato-info h2{font-size:25px;margin-bottom:0;position:relative}.contato-info h2:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:4px;background-color:var(--cor-destaque)}.contato-info p{margin:30px 0 25px;max-width:400px}.social-icons{display:flex;gap:15px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#121212;color:#bcbcbc;font-size:22px;text-decoration:none;transition:color .3s ease}.social-icons a:hover{color:#4169e1;cursor:pointer}.formulario-contato{flex:1;display:flex;flex-direction:column;gap:10px;max-width:400px;margin-top:70px}.formulario-contato .form-group{display:flex;flex-direction:column;gap:2px}.formulario-contato label{font-size:14px;font-weight:400;color:#e0e0e0;margin-bottom:-9px}.formulario-contato select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23ccc' height='10' width='10' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,10'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:10px;font-family:inherit;padding:12px 15px;border:.1px solid #4040552b;border-radius:15px;background-color:#1a1b20;color:#fff;font-size:16px;outline:none;box-sizing:border-box}.formulario-contato input,.formulario-contato textarea{padding:12px 15px;border:.1px solid #4040552b;border-radius:15px;background-color:#1a1b20;font-family:inherit;font-size:16px;color:#fff;outline:none;box-sizing:border-box}.formulario-contato button{margin-top:20px;align-self:flex-start;height:45px;width:200px;border-radius:15px;background-color:var(--cor-destaque);color:#fff;font-size:15px;border:none;cursor:pointer}.mensagem-sucesso{color:#28a745;padding:10px;margin-top:10px;border-radius:5px;font-weight:700;animation:fadeIn .5s ease}.mensagem-erro{color:#dc3545;padding:10px;margin-top:10px;border-radius:5px;font-weight:700;animation:fadeIn .5s ease}.spinner{border:2px solid #f3f3f3;border-top:2px solid #fff;border-radius:50%;width:14px;height:14px;display:inline-block;margin-right:8px;animation:spin .8s linear infinite;vertical-align:middle}footer{text-align:center;padding:20px 0;background-color:var(--cor-fundo);border-top:1px solid var(--cor-card);font-size:14px;color:#e0e0e0}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--espacamento-section: 50px}#hero,#sobre,#habilidades,#servicos,#portfolio,#contato{scroll-margin-top:30px}.menu-button{display:block}body.no-scroll{overflow:hidden}.nav-links{display:flex}.menu-button{display:none;background:none;border:none;color:#fff;font-size:25px;cursor:pointer;z-index:1000}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;right:0;background-color:var(--cor-fundo);width:50%;height:45vh;overflow-y:auto;padding:20px 50px;box-shadow:0 8px 16px #0003;z-index:998;animation:slideInFromRight .3s ease-out forwards}.nav-links.open li{padding:0;margin:0;line-height:1.5}.nav-links.open li a{font-size:16px;display:block}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.container{padding:0 50px;margin-left:auto;margin-right:auto;max-width:100%}nav .container{padding:0 50px}.hero{padding:100px 50px var(--espacamento-section) 50px;text-align:center}h1{margin-left:0}.hero-buttons{justify-content:center}.sobre-conteudo{flex-direction:column;gap:40px}.sobre h2,.foto-perfil,.sobre .texto{margin-left:0;margin-right:0;padding-left:0;text-align:left}.sobre h2:after{left:0%;transform:translate(0)}.foto-perfil img{margin:0 auto}.habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:480px;margin:0 auto}.habilidade{width:auto;padding:5px;text-align:center}.habilidade img{width:60px;height:60px;object-fit:contain}.fileira,.cards-container{display:contents}.servicos{padding:var(--espacamento-section) 30px}.servicos h2{font-size:24px;text-align:left}.servicos h2:after{left:0%;transform:translate(0)}.servicos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.servico h4,.servico p{max-width:none;text-align:left}.portfolio{padding:var(--espacamento-section) 30px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;max-width:900px;margin:0 auto}.projeto{text-align:left}.projeto img{height:120px}.modal-content{width:85%;max-width:700px;max-height:80vh;flex-direction:column;padding:10px;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-body{flex-direction:column;overflow-y:auto;padding:0;gap:10px}.modal-left,.modal-right{flex:none;width:100%;padding:0}.modal-video{width:100%;height:auto;max-height:45vh;margin-bottom:0}.modal-right{padding-right:0;margin-right:0;text-align:left}.modal-right p{text-align:left;font-size:15px}.modal-content h3{font-size:20px;margin-top:15px;text-align:center}.close{top:0;right:15px;font-size:25px}.modal-share{justify-content:flex-start}.contato{padding:var(--espacamento-section) 30px}.contato-grid{flex-direction:column;gap:50px;align-items:flex-start}.contato-info,.formulario-contato{flex:none;width:100%;max-width:400px;margin:0;text-align:left}.contato-info h2,.contato-info h2:after{left:0;transform:translate(0)}.social-icons{justify-content:flex-start}.formulario-contato{margin-top:0}.formulario-contato button{align-self:flex-start}.formulario-contato label{margin-bottom:-8px}.formulario-contato input:not(#mensagem),.formulario-contato select{height:40px;padding:0 12px}.formulario-contato textarea#mensagem{height:100px;padding:8px 12px}}@media (max-width: 768px){.container{padding:0 20px;margin-left:auto;margin-right:auto;max-width:100%}nav .container{padding:0 20px}.nav-links{display:none}.menu-button{display:block}.logo-img{width:25px;height:25px}.hero{padding:80px 20px var(--espacamento-section) 20px;min-height:auto;text-align:left}.hero p:first-of-type{font-size:18px}.hero h2{font-size:32px}.hero p:nth-of-type(2){font-size:18px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:15px}.btn-primary,.btn-outline{width:100%;max-width:300px}#sobre{padding:var(--espacamento-section) 20px}.sobre-conteudo{flex-direction:column;gap:40px}.sobre h2{font-size:22px;text-align:left}.sobre h2:after{left:0;transform:translate(0)}.sobre .texto{font-size:15px;text-align:left}.sobre .texto h3{font-size:16px}.foto-perfil,.foto-perfil img{margin:0 auto}.habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px;margin:0 auto}.habilidade{width:auto;padding:5px;text-align:center}.habilidade img{width:45px;height:45px;object-fit:contain}.habilidade span{font-size:12px}.fileira,.cards-container{display:contents}.servicos{padding:var(--espacamento-section) 20px}.servicos h2{font-size:22px;text-align:left}.servicos h2:after{left:0;transform:translate(0)}.servicos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.servico h4,.servico p{max-width:none;text-align:left}.portfolio{padding:var(--espacamento-section) 20px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-width:600px;margin:0 auto}.projeto{text-align:left}.projeto img{height:100px}.projeto p{font-size:15px}.tipo-projeto{font-size:12px}.overlay-button{padding:8px 15px;font-size:15px}.modal-content{width:90%;max-width:500px;max-height:85vh;flex-direction:column;padding:5px;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-body{flex-direction:column;overflow-y:auto;padding:0;gap:5px}.modal-left,.modal-right{flex:none;width:100%;padding:0}.modal-video{width:100%;height:auto;max-height:40vh;margin-bottom:0}.modal-right{padding-right:0;margin-right:0;text-align:left}.modal-right p{text-align:left;font-size:15px}.modal-content h3{font-size:18px;margin-top:10px;margin-bottom:5px;text-align:center}.close{top:0;right:15px;font-size:25px}.modal-share{justify-content:flex-start}.share-icon{width:30px;height:30px}.contato{padding:var(--espacamento-section) 20px}.contato-grid{flex-direction:column;gap:50px;align-items:center}.contato-info,.formulario-contato{flex:none;width:100%;max-width:400px;margin:0 auto;text-align:left}.contato-info h2{font-size:22px}.contato-info h2:after{left:0;transform:translate(0)}.contato-info p{font-size:15px}.social-icons{justify-content:flex-start}.social-icons a{width:35px;height:35px;font-size:18px}.formulario-contato{margin-top:0}.formulario-contato label{display:block;font-size:14px;padding:0;margin-bottom:-8px}.formulario-contato input,.formulario-contato textarea,.formulario-contato select{font-size:14px;padding:10px 12px}.formulario-contato input:not(#mensagem),.formulario-contato select{height:40px}.formulario-contato textarea#mensagem{height:100px}.formulario-contato button{height:40px;width:180px;font-size:14px;align-self:flex-start}footer{padding:15px 20px;font-size:12px;text-align:center}}@media (max-width: 480px){.container{padding:0 15px;margin-left:auto;margin-right:auto;max-width:100%}nav .container{padding:0 30px;height:20px}nav:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#4169e11a;z-index:1}.hero{min-height:80vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 15px;text-align:left;box-sizing:border-box;overflow:hidden}.hero p:first-of-type{font-size:18px}.hero h2{font-size:32px}.hero p:nth-of-type(2){font-size:18px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:15px}.btn-primary,.btn-outline{width:100%;max-width:300px}#sobre{padding:var(--espacamento-section) 15px}.sobre-conteudo{flex-direction:column;gap:40px}.sobre h2{font-size:20px;text-align:left}.sobre h2:after{left:0%;transform:translate(0)}.sobre .texto{font-size:15px;text-align:left}.sobre .texto h3{font-size:17px}.foto-perfil{margin:0 auto}.foto-perfil img{width:150px;height:150px;margin:0 auto}.habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0px;width:100%;max-width:480px;margin:0 auto;justify-items:center}.habilidades h2{font-size:20px;text-align:center}.habilidade{width:auto;padding:5px;text-align:center}.habilidade img{width:60px;height:60px;object-fit:contain}.habilidade span{font-size:10px}.fileira,.cards-container{display:contents}.servicos{padding:var(--espacamento-section) 15px}.servicos h2{font-size:20px;text-align:left}.servicos h2:after{left:0%;transform:translate(0)}.servicos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.servico h4,.servico p{max-width:none;text-align:left}.portfolio{padding:var(--espacamento-section) 15px}.portfolio h2{font-size:20px;text-align:center}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;max-width:100%;margin:0 auto}.projeto{text-align:left}.projeto img{height:100px}.projeto p{font-size:15px}.tipo-projeto{font-size:12px}.overlay-button{padding:8px 15px;font-size:15px}.modal-content{width:90%;max-width:400px;max-height:70vh;flex-direction:column;padding:3px;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-body{flex-direction:column;overflow-y:auto;padding:0;gap:5px}.modal-left,.modal-right{flex:none;width:100%;padding:0}.modal-video{width:100%;height:auto;max-height:35vh;margin-bottom:0}.modal-right{padding:0 10px;margin-right:0;text-align:left}.modal-right p{text-align:left;font-size:15px}.modal-content h3{font-size:16px;margin-top:10px;margin-bottom:5px;text-align:center}.close{top:0;right:15px;font-size:25px}.modal-share{justify-content:flex-start}.share-icon{width:40px;height:40px}.contato{padding:var(--espacamento-section) 15px}.contato-grid{flex-direction:column;gap:50px;align-items:center}.contato-info,.formulario-contato{flex:none;width:100%;max-width:400px;margin:0 auto;text-align:left}.contato-info h2{font-size:20px}.contato-info h2:after{left:0;transform:translate(0)}.contato-info p{font-size:15px}.social-icons{justify-content:flex-start}.social-icons a{width:30px;height:30px;font-size:16px}.formulario-contato{margin-top:0}.formulario-contato label{display:block;font-size:13px;padding:0;margin-bottom:-8px}.formulario-contato input,.formulario-contato textarea,.formulario-contato select{font-size:13px;padding:10px 12px;margin-top:0}.formulario-contato input:not(#mensagem),.formulario-contato select{height:40px}.formulario-contato textarea#mensagem{height:100px}.formulario-contato button{height:35px;width:150px;font-size:13px;align-self:flex-start}footer{padding:10px 15px;font-size:11px;text-align:center}}