*,:before,:after{box-sizing:border-box;font-family:var(--font-primary);margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:1.2}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus{outline:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--color-primary:#11b0c8;--color-black:#000;--color-l-black:#1a1a1a;--color-g-black:#0f0f0f;--color-white:#fff;--font-primary:"Poppins", sans-serif}.btn-primary,.btn-secondary{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:20px;font-style:normal;font-weight:700;line-height:130.62%;display:flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary)}header{background-color:var(--color-primary);justify-content:flex-end;padding:10px 35px;display:flex}.header-wrapper a{color:var(--color-black);align-items:center;gap:16px;display:flex}.header-wrapper a span{font-size:20px;font-weight:700}.header-wrapper a:hover{color:#0f3a29;text-decoration:underline}main{background-color:var(--color-black);justify-content:center;align-items:center;padding:88px 0;display:flex}main .content-main{justify-content:center;align-items:center;gap:192px;width:61.6%;display:flex}main .content-main aside{color:var(--color-white);flex-direction:column;gap:26px;line-height:130.62%;display:flex}main .content-main aside h1{color:#fff;font-size:40px;font-style:normal;font-weight:700}main .content-main aside h1 span{color:var(--color-primary)}main .content-main aside p{font-size:20px;font-weight:400}main .content-main aside .button-wrapper{align-items:center;gap:20px;display:flex}@media (width<=480px){main{padding:40px 20px}main .content-main{text-align:center;flex-direction:column;gap:40px;width:100%}main .content-main aside{align-items:center}main .content-main aside h1{font-size:26px}main .content-main aside p{font-size:15px}main .content-main aside .button-wrapper{flex-direction:column;width:100%}main .content-main aside .button-wrapper button{width:100%}}@media (width<=768px){main{padding:60px 20px}main .content-main{text-align:center;flex-direction:column;gap:60px;width:90%}main .content-main aside{align-items:center}main .content-main aside h1{font-size:32px}main .content-main aside p{font-size:17px}main .content-main aside .button-wrapper{justify-content:center}}@media (width<=1024px){main .content-main{gap:80px;width:95%}}@media (width<=768px){main .content-main svg{width:100%;max-width:280px;height:auto}}@media (width<=1024px) and (width>=769px){main{padding:60px 20px}main .content-main{text-align:center;flex-direction:column;gap:60px;width:85%}main .content-main aside{align-items:center}main .content-main aside h1{font-size:34px}main .content-main aside p{font-size:18px}main .content-main svg{width:100%;max-width:350px;height:auto}}.wrapper-cards{flex-flow:wrap;justify-content:center;align-items:center;gap:36px;width:100%;max-width:1277px;display:flex}.wrapper-cards .card-character{background:var(--color-black);max-width:256px;min-height:481px;color:var(--color-white);border-radius:20px;flex-direction:column;gap:12px;padding:30px 20px;transition:transform .3s,box-shadow .3s;display:flex}.wrapper-cards .card-character img{border-radius:50px;height:216px;transition:border .1s}.wrapper-cards .card-character h6{text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:130.62%}.wrapper-cards .card-character .text-wrapper{align-items:flex-start;gap:10px;display:flex}.wrapper-cards .card-character .text-wrapper svg{flex-shrink:0}.wrapper-cards .card-character .text-wrapper p{font-size:20px;font-style:normal;font-weight:400;line-height:130.62%}.wrapper-cards .card-character:hover{box-shadow:0px 10px 30px var(--color-primary);transform:scale(1.05)}.wrapper-cards .card-character:hover img{border:4px solid var(--color-primary)}section{background-color:var(--color-l-black);justify-content:center;align-items:center;padding:60px 0;display:flex}section .content-section{flex-direction:column;align-items:center;gap:40px;display:flex}section .content-section h1{color:var(--color-white);font-size:40px;font-style:normal;font-weight:700;line-height:130.62%}section .content-section h1 span{color:var(--color-primary)}@media (width<=480px){section{padding:40px 20px}section .content-section{text-align:center;gap:24px}section .content-section h1{font-size:26px}}@media (width<=768px){section{padding:50px 20px}section .content-section{text-align:center;gap:30px}section .content-section h1{font-size:32px}}@media (width<=1024px){section{padding:60px 20px}section .content-section{gap:35px}section .content-section h1{font-size:36px}}footer{background-color:var(--color-black);color:var(--color-white);justify-content:center;align-items:center;padding:60px 0;font-size:20px;font-weight:700;line-height:130.62%;display:flex}footer a span{color:var(--color-primary)}footer span:hover{color:#0f3a29;text-decoration:underline}@media (width<=480px){footer{text-align:center;padding:30px 20px;font-size:14px}}@media (width<=768px){footer{text-align:center;padding:40px 20px;font-size:16px}}@media (width<=1024px){footer{padding:50px 20px;font-size:18px}}
