*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,sans-serif;padding-bottom:7rem;background-color:#121212;color:#fff;background-color:#1f1f1f;background-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:8vw 8vw;animation:b 7s linear infinite;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes a{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes b{0%{background-position:0 0,0 0}to{background-position:100px 100px,100px 100px}}header{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:#1f1f1f;box-shadow:0 0 30px 0 hsla(0,0%,100%,.15);border-radius:1rem;color:#fff;position:fixed;bottom:0;left:50%;transform:translateX(-50%);margin:1rem;z-index:3}header:hover{border:1px solid #6d28d9}header .logo{margin-right:2.5rem}header .logo .icon-logo{width:50px;height:50px;transition:transform .3s ease}header .logo .icon-logo:hover{transform:scale(1.1)}nav{display:flex;align-items:center;flex-wrap:nowrap;gap:1rem}nav a{margin:0 .5rem;text-decoration:none;color:inherit;font-size:1.8rem}nav a:hover{color:#6d28d9;font-size:2.2rem}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:5rem;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:1rem}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media (max-width:768px){header{padding:.5rem 1rem}header .logo{display:none}nav{gap:.5rem}nav a{font-size:1.5rem}nav a:hover{font-size:1.6rem}.tooltip .tooltiptext{width:4rem;font-size:.9rem}}@media (max-width:480px){header{padding:.5rem;flex-wrap:wrap}nav{gap:.5rem}nav a{font-size:1.3rem}nav a:hover{font-size:1.4rem}}#hero{height:80vh;display:flex;justify-content:center;align-items:center}#hero,.hero-text{text-align:center}.hero-text{color:#fff;padding:0 1rem}.hero-text h1{font-size:3rem;margin-bottom:1rem;will-change:transform,opacity}.highlight{display:inline-block;font-weight:700;color:#6d28d9;font-size:2rem}.hero-text p{font-size:1.7rem;margin-bottom:2rem;will-change:transform,opacity;line-height:1.6}.cta{margin-top:1.5rem;font-size:2rem}.cta-button-hero{display:inline-flex;align-items:center;text-decoration:none;color:#fff;font-family:Nunito,sans-serif;font-size:1.2rem;padding:15px 25px;background:hsla(0,0%,100%,.5);border-radius:10px;transition:background .3s ease,color .3s ease;gap:.8rem}.cta-button-hero:hover{background:#5a21b2}@media (max-width:1200px){#hero{padding:8rem}.hero-text h1{font-size:2.8rem}.hero-text p{font-size:1.7rem}}@media (max-width:992px){#hero{height:50vh}.hero-text h1{font-size:2.7rem}.hero-text p{font-size:1.3rem}}@media (max-width:768px){#hero{height:70vh;padding:20px}.hero-text h1{font-size:3.2rem}.hero-text p{font-size:1.5rem}}@media (max-width:576px){#hero{height:105vh;padding:40px}.hero-text h1{font-size:2rem}.hero-text p{font-size:1.2rem}.cta{font-size:1.5rem}.s-marquee{display:none}}@media (max-width:374px){#hero{height:85vh;padding:20px}.hero-text h1{font-size:1.8rem}.hero-text p{font-size:1.2rem}.cta{font-size:1.4rem}.s-marquee{display:none}}@media (max-width:320px){#hero{height:125vh;padding:20px}.hero-text h1{font-size:1.5rem}.hero-text p{font-size:1.2rem}.cta{font-size:1.3rem}}#sobre{width:100%;display:flex;justify-content:center;align-items:center;text-align:left;padding:15rem 2rem;gap:4rem;overflow-x:hidden}.sobre_titulo{flex:1;max-width:700px;margin-right:2rem}.sobre_titulo h1{font-size:2.5rem;margin:0;color:#fff;margin-bottom:1.5rem}.sobre_titulo p{font-size:1.5rem;line-height:1.5;margin-top:10px;color:#fff;margin-top:1.5rem}.text{font-size:1.4rem}.sobre-button{margin-top:2rem;padding:1rem 2rem}.picture{flex:1;position:relative;z-index:2}#animated-photo{width:450px;height:500px;border-radius:100px 20px 100px 20px;box-shadow:0 40px 25px rgba(0,0,0,.3);margin-left:2rem}@media (max-width:1200px){#sobre{padding:10rem 1rem;gap:4rem}.sobre_titulo h1{font-size:2rem}.sobre_titulo p{font-size:1.3rem}.sobre_titulo h1,.sobre_titulo p,.text{padding:0 1rem}#animated-photo{width:400px;height:450px}}@media (max-width:992px){#sobre{flex-direction:column;align-items:center;padding:8rem 2rem;text-align:center}.sobre_titulo{max-width:90%;margin-right:0;text-align:center}.sobre_titulo h1{font-size:1.8rem}.sobre_titulo p{font-size:1.4rem}#animated-photo{width:350px;height:400px;margin-left:0}}@media (max-width:768px){#sobre{padding:5rem 1rem}#sobre,.sobre_titulo{text-align:center}.sobre_titulo h1{font-size:1.5rem}.sobre_titulo p{font-size:1.3rem}#animated-photo{width:250px;height:300px;border-radius:50px 20px 50px 20px}}@media (max-width:576px){#sobre{padding:3rem 1rem}#sobre,.sobre_titulo{text-align:center}.sobre_titulo h1{font-size:1.3rem}.sobre_titulo p{font-size:1.2rem}#animated-photo{display:none}}.s-marquee{width:100%;background-color:#5a21b2;padding:2.65rem 0;height:60%;overflow:hidden;font-family:Nunito,sans-serif}.s-marquee .content-marquee{width:100%;margin:0 auto;gap:16px;animation:a 80s linear infinite}.s-marquee .content-marquee,.s-marquee .content-marquee .item-marquee{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.s-marquee .content-marquee .item-marquee{-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background-color:#7138c8;padding:16px 32px;gap:8px;border-radius:10px}.s-marquee .content-marquee .item-marquee p{color:#fff;font-size:18px;font-weight:700;line-height:150%;letter-spacing:.54px}.s-skills{width:100%;padding:112px 0;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Nunito,sans-serif;background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:100px 100px;overflow-x:hidden}.container{max-width:1200px}.s-skills .skills-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:64px}.s-skills .skills-title h2{color:#4f4f4f;font-size:2rem;font-weight:700;line-height:100%;padding:20px}.s-skills .skills-title p{max-width:409px;color:#4f4f4f;font-size:1.2rem;font-weight:400;line-height:1.8rem;padding:20px;text-align:justify}.s-skills .skills-title p strong{color:#5a21b2}.s-skills .skills-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.s-skills .skills-cards li{width:100%;background-color:#f1f5f3;padding:32px;border-radius:10px}.s-skills .skills-cards li h3{color:#4f4f4f;font-size:1.3rem;font-weight:700;line-height:100%;margin-top:16px;margin-bottom:16px}.s-skills .skills-cards li p{color:#78799b;font-size:1.1rem;font-weight:400;line-height:1.8rem}.s-skills .skills-cards .icons{color:#5a21b2;font-size:1.7rem}.cta-button-skill{display:inline-flex;align-items:center;text-decoration:none;color:#fff;font-family:Nunito,sans-serif;font-size:1.2rem;padding:15px 25px;background:#5a21b2;border-radius:10px;transition:background .3s ease,color .3s ease;gap:.8rem}.cta-button-skill:hover{background:#7a40d1}@media (max-width:1200px){.cta-button-skill{margin-right:20px}}@media (max-width:992px){.s-skills .skills-title{text-align:center;padding-bottom:48px}.s-skills .skills-title h2{font-size:1.8rem}.s-skills .skills-title p{font-size:1.1rem;max-width:90%}.s-skills .skills-cards{grid-template-columns:repeat(2,1fr)}.cta-button-skill{margin-left:20px;margin-right:20px}}@media (max-width:768px){.s-skills{padding:80px 0}.s-skills .skills-title{padding-bottom:32px}.s-skills .skills-title h2{font-size:1.5rem}.s-skills .skills-title p{font-size:1rem;max-width:100%}.s-skills .skills-cards{grid-template-columns:1fr;gap:16px}.s-skills .skills-cards li{padding:40px}.s-skills .skills-cards li h3{font-size:1.2rem}.s-skills .skills-cards li p{font-size:1rem}.s-skills .skills-cards .icons{font-size:1.5rem}.cta-button-skill{margin-left:20px;margin-right:20px}}@media (max-width:576px){.s-skills{padding:60px 0}.s-skills .skills-title{flex-direction:column;align-items:center;justify-content:center}.s-skills .skills-title h2{font-size:1.3rem;margin-bottom:1.2rem}.s-skills .skills-title p{font-size:.9rem;padding:1.2rem}.s-skills .skills-cards li{padding:30px}.s-skills .skills-cards li h3{font-size:1rem}.s-skills .skills-cards li p{font-size:.9rem;text-align:justify}.s-skills .skills-cards .icons{font-size:1.3rem}.cta-button-skill{margin-left:20px;margin-right:20px}}#why-create-site{width:100%;background-color:#f4f7fa;background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:100px 100px;overflow-x:hidden;padding:90px 0}#why-create-site .container-site{width:90%;max-width:1200px;margin:0 auto}#why-create-site h2{font-size:2.5rem;color:#4f4f4f;margin-bottom:40px;font-weight:600}#why-create-site .reasons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}#why-create-site .reason{font-family:Nunito,sans-serif;background-color:#f1f5f3;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:30px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}#why-create-site .reason i{font-size:2rem;color:#5a21b2;margin-bottom:15px}#why-create-site .reason h3{font-size:1.3rem;color:#4f4f4f;margin-bottom:15px;font-weight:600}#why-create-site .reason p{font-size:1.1rem;color:#777;line-height:1.5;font-weight:500}#why-create-site .reason:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.15)}@media (max-width:1024px){#why-create-site .reasons{grid-template-columns:1fr 1fr}}@media (max-width:768px){#why-create-site .reasons{grid-template-columns:1fr}#why-create-site h2{font-size:1.8rem;text-align:center}}#faq{font-family:Nunito,sans-serif;justify-content:center;min-height:90vh;background-color:#1f1f1f;padding:60px 20px;overflow-x:hidden}#faq,.faq-container{display:flex;align-items:center;width:100%}.faq-container{max-width:1200px;gap:6rem}.faq-image{flex:1}.faq-image img{max-width:100%;height:auto;border-radius:100px 20px 100px 20px}.faq-questions{flex:1}.faq-questions h2{font-size:2.5rem;color:#fff;margin-bottom:2rem}.faq-item{margin-bottom:1rem;border-bottom:1px solid #444}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;color:#fff}.faq-question i,.faq-question span{font-size:1.2rem}.faq-question i{transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:#ccc;font-size:1rem;line-height:1.6}.faq-answer p{padding:0 0 1rem}.faq-item.active .faq-question i{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:200px;padding-top:1rem}@media (max-width:1200px){.faq-container{flex-direction:column;gap:2rem}.faq-image{text-align:center}.faq-questions{width:100%}.faq-questions h2{text-align:center}.faq-image img{margin-bottom:20px;max-width:50%;height:auto}}@media (max-width:768px){.faq-questions h2{font-size:2rem}.faq-question span{font-size:1rem}.faq-answer{font-size:.9rem}.faq-image img{border-radius:50px 20px 50px 20px}}#projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:90vh;background-color:#1f1f1f;padding-top:60px;padding-bottom:60px;overflow-x:hidden}#projects .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;font-family:Nunito,sans-serif}.title h2{font-size:2.2rem;margin-bottom:4rem;color:#fff;text-align:left}.card-list{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:1.5rem}.card-list .card-item{color:#fff;padding:0;display:flex;flex-direction:column;align-items:center;border-radius:10px;background:hsla(0,0%,100%,.2);overflow:hidden;width:300px;height:400px;max-width:500px;transition:transform .3s ease-in-out}.card-list .card-item:hover{transform:translateY(-10px);border:2px solid #6d28d9}.card-list .card-item .scroll-image{position:relative;width:100%;height:350px;overflow:hidden}.card-list .card-item .scroll-image img{position:absolute;width:100%;height:auto;object-fit:cover;transition:transform .8s ease-in-out}.card-list .card-item:hover .scroll-image img{transform:translateY(-50%)}.card-list .card-item .button-link{font-size:1.1rem;padding:10px 25px;color:#fff;font-weight:500;cursor:pointer;background:hsla(0,0%,100%,.5);width:10rem;margin:1rem auto;text-decoration:none;text-align:center;border-radius:10px;transition:background .3s ease,color .3s ease}.card-list .card-item .button-link:hover{background:#5a21b2}@media (max-width:1280px){.card-list{grid-template-columns:repeat(2,1fr)}.card-list .card-item .project-image{max-width:100%}}@media (max-width:768px){.card-list{grid-template-columns:repeat(2,1fr);gap:1rem}.card-list .card-item{max-width:100%}.title h2{font-size:2rem;text-align:center}}@media (max-width:576px){.card-list{grid-template-columns:1fr;gap:1rem}.card-list .card-item{max-width:100%}.title h2{font-size:2rem;text-align:center}}#contact{width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.large-title{font-size:2.8rem;padding:3rem;font-weight:500}.contact-container{display:flex;justify-content:space-between;gap:40px}.form-container{width:100%;max-width:600px;background-color:#18181b;border-radius:16px;padding:32px}form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:4px}label{font-size:20px;color:#a1a1aa}input,select,textarea{padding:12px 16px;background-color:#27272a;border:1px solid #3f3f46;border-radius:8px;color:#fff;font-size:16px;width:100%;transition:border-color .2s ease}input::placeholder,select::placeholder{color:#52525b}input:focus,select:focus,textarea:focus{outline:none;border-color:#a855f7}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}textarea{resize:none;min-height:100px}.radio-group{display:flex;gap:16px;margin-top:4px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:#d4d4d8}.radio-option input[type=radio]{appearance:none;width:16px;height:16px;border:2px solid #3f3f46;border-radius:50%;padding:0;position:relative}.radio-option input[type=radio]:checked{border-color:#a855f7}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#a855f7;border-radius:50%}button{background-color:#5a21b2;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}button:hover{background-color:#7a40d1;transform:scale(1.02)}button:active{transform:scale(.98)}.contact-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-info h2{font-size:1.5rem;margin-bottom:2rem;font-weight:100}.contact-info p{font-size:2rem;color:#5a21b2;font-family:raleway,sans-serif;font-weight:700}.social-media{display:flex;gap:3rem;margin-bottom:5rem}.social-media a{color:#fff;font-size:2.2rem;text-decoration:none}.social-media a:hover{color:#5a21b2}.social-icon{position:relative;display:inline-block}.icon-title{position:absolute;left:50%;top:100%;transform:translateX(-50%) rotate(90deg);opacity:0;transition:opacity .3s ease,transform .3s ease;font-size:1rem;color:#fff;font-family:Nunito,sans-serif}.social-icon:hover .icon-title{margin-top:.5rem;opacity:1;transform:translateX(-50%) rotate(0)}.rights-reserved{padding:2rem 0}.rights-reserved p{font-size:1.5rem;color:#6c757d}@media (max-width:768px){.contact-container{flex-direction:column;gap:2rem}.contact-form h2{font-size:2.4rem}.contact-info h2{font-size:1.4rem}.social-media{justify-content:center}}@media (max-width:576px){.contact-form h2{font-size:2rem}.large-title{text-align:center;font-size:1.6rem}.contact-info h2{font-size:1.4rem}.rights-reserved p{font-size:1rem}}