*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Inter',sans-serif;
background:#050505;
color:white;
overflow-x:hidden;

}

.container{

width:90%;
max-width:1300px;
margin:auto;

}

@media(max-width:900px){

    /* HEADER */

header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    height:80px;

    background:rgba(0,0,0,.92);

    backdrop-filter:blur(12px);

    z-index:9999;

    border-bottom:1px solid rgba(255,255,255,.08);

}

header .container{

    max-width:1200px;

    height:100%;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 20px;

}

    .logo{

    display:flex;

    align-items:center;

}

.logo img{

    width:55px;

    height:55px;

    object-fit:contain;

    display:block;

}
    .menu-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

        width:45px;

        height:45px;

        font-size:28px;

        background:none;

        border:none;

        color:#fff;

        cursor:pointer;

    }

    .btn-menu{

        display:none;

    }

    nav{

        position:fixed;

        top:0;

        right:-100%;

        width:280px;

        height:100vh;

        background:#0b0b0b;

        display:flex;

        flex-direction:column;

        justify-content:center;

        align-items:center;

        gap:35px;

        transition:.35s;

    }

    nav.active{

        right:0;

    }

}

.logo{

    height:55px;

}

nav{

    display:flex;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;

}

header .container{

display:flex;
align-items:center;
justify-content:space-between;

}

.logo{

height:55px;

}

nav{

display:flex;
gap:45px;

}

nav a{

color:white;

text-decoration:none;

font-weight:500;

transition:.3s;

position:relative;

}

nav a::after{

content:'';

position:absolute;

left:0;
bottom:-6px;

width:0%;

height:2px;

background:linear-gradient(
90deg,
#18B5FF,
#411be9,
#2242f5);

transition:.4s;

}

nav a:hover{

color:#18B5FF;

}

nav a:hover::after{

width:100%;

}

.btn-menu{

padding:14px 30px;

border-radius:50px;

text-decoration:none;

font-weight:600;

background:linear-gradient(
90deg,
#18B5FF,
#3209e9,
#0e1091);

color:white;

transition:.4s;

box-shadow:0 10px 30px rgba(0,0,0,.4);

}

.btn-menu:hover{

transform:translateY(-4px);

}

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding:140px 0 80px;

    position:relative;

    overflow:hidden;
    

    min-height:100vh;

    padding:110px 0 60px;

}

.overlay{

position:absolute;

width:700px;
height:700px;

background:linear-gradient(
45deg,
#18B5FF33,
#6C4CF822,
#F58A2215);

filter:blur(160px);

right:-250px;

top:-150px;

}

.hero-content{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:70px;

    align-items:center;

}

.left{

max-width:620px;

}

.left span{

color:#18B5FF;

letter-spacing:3px;

font-weight:600;

}

.left h1{

font-family:'Poppins';

font-size:68px;

line-height:1.05;

margin:20px 0;

}

.left p{

font-size:20px;

color:#bbbbbb;

line-height:1.8;

margin-bottom:45px;

}

.buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.btn-primary{

padding:18px 36px;

border-radius:50px;

background:linear-gradient(
90deg,
#18B5FF,
#3209e9,
#0e1091);

text-decoration:none;

color:white;

font-weight:700;

transition:.4s;

}

.btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 20px 50px rgba(24,181,255,.25);

}

.btn-secondary{

padding:18px 36px;

border-radius:50px;

border:1px solid rgba(255,255,255,.2);

text-decoration:none;

color:white;

display:flex;

gap:10px;

align-items:center;

transition:.4s;

background:rgba(255,255,255,.03);

backdrop-filter:blur(15px);

}

.btn-secondary:hover{

background:white;

color:#111;

}

.right{

display:flex;

flex-direction:column;

gap:30px;

}

.glass-card{

width:300px;

padding:35px;

border-radius:25px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.glass-card:hover{

transform:translateY(-10px);

border-color:#18B5FF;

}

.glass-card h3{

font-family:'Poppins';

font-size:40px;

margin-bottom:10px;

}

.glass-card p{

color:#aaa;

font-size:18px;

}

@media(max-width:1000px){

.hero{

padding-top:80px;

min-height:100vh;

display:flex;

align-items:center;

}

.left h1{

font-size:48px;

}

.buttons{

justify-content:center;

}

.right{

flex-direction:row;

flex-wrap:wrap;

justify-content:center;

}

}

@media(max-width:600px){

nav{

display:none;

}

.btn-menu{

display:none;

}

.left h1{

font-size:38px;

}

.left p{

font-size:17px;

}

.glass-card{

width:100%;

}

}
/* SOBRE */

.about-hero{

padding:180px 0 120px;

text-align:center;

background:#050505;

}

.about-hero span{

color:#18B5FF;

font-weight:600;

letter-spacing:3px;

}

.about-hero h1{

font-family:'Poppins';

font-size:60px;

max-width:900px;

margin:20px auto;

line-height:1.1;

}

.about-hero p{

max-width:750px;

margin:auto;

font-size:20px;

color:#bcbcbc;

line-height:1.8;

}

.about-company{

padding:120px 0;

background:#0b0b0b;

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.about-grid img{

width:100%;

border-radius:25px;

box-shadow:0 30px 60px rgba(0,0,0,.4);

}

.about-grid h2{

font-size:42px;

margin-bottom:25px;

font-family:'Poppins';

}

.about-grid p{

color:#b8b8b8;

line-height:1.9;

margin-bottom:25px;

}

.features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:35px;

}

.features div{

background:#141414;

padding:20px;

border-radius:15px;

border:1px solid rgba(255,255,255,.08);

transition:.3s;

}

.features div:hover{

transform:translateY(-5px);

border-color:#18B5FF;

}

.features i{

margin-right:10px;

color:#18B5FF;

}

.mission{

padding:120px 0;

background:#050505;

}

.mission .container{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.mission-card{

background:#101010;

padding:45px;

border-radius:20px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

transition:.3s;

}

.mission-card:hover{

transform:translateY(-8px);

}

.mission-card i{

font-size:45px;

margin-bottom:25px;

background:linear-gradient(90deg,#18B5FF,#3110c5,#3001b3);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.mission-card h3{

font-size:30px;

margin-bottom:20px;

font-family:'Poppins';

}

.mission-card p{

color:#bcbcbc;

line-height:1.8;

}

.cta-about{

padding:120px 0;

text-align:center;

background:linear-gradient(135deg,#050505,#111111);

}

.cta-about h2{

font-size:48px;

margin-bottom:20px;

font-family:'Poppins';

}

.cta-about p{

font-size:20px;

color:#bcbcbc;

margin-bottom:40px;

}

@media(max-width:900px){

.about-grid{

grid-template-columns:1fr;

}

.mission .container{

grid-template-columns:1fr;

}

.features{

grid-template-columns:1fr;

}

.about-hero h1{

font-size:42px;

}

.cta-about h2{

font-size:34px;

}

}
/* ========= SERVIÇOS ========= */

.services-hero{

padding:180px 0 110px;

text-align:center;

background:#050505;

}

.services-hero span{

color:#18B5FF;

letter-spacing:3px;

font-weight:600;

}

.services-hero h1{

font-size:60px;

font-family:'Poppins';

margin:20px auto;

max-width:850px;

}

.services-hero p{

max-width:700px;

margin:auto;

color:#bdbdbd;

font-size:20px;

line-height:1.8;

}

.services{

padding:110px 0;

background:#0b0b0b;

}

.services .container{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.service-card{

background:#111;

padding:40px;

border-radius:20px;

border:1px solid rgba(255,255,255,.08);

transition:.35s;

}

.service-card:hover{

transform:translateY(-10px);

border-color:#18B5FF;

box-shadow:0 20px 50px rgba(0,0,0,.4);

}

.service-card i{

font-size:45px;

margin-bottom:25px;

background:linear-gradient(90deg,#18B5FF,#361ab4,#0300b3);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.service-card h3{

font-family:'Poppins';

margin-bottom:15px;

font-size:26px;

}

.service-card p{

color:#bcbcbc;

line-height:1.8;

}

.process{

padding:120px 0;

background:#050505;

}

.process h2{

text-align:center;

font-size:46px;

margin-bottom:70px;

font-family:'Poppins';

}

.process-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.process-grid div{

background:#111;

padding:35px;

border-radius:20px;

text-align:center;

}

.process-grid span{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

margin:auto auto 25px;

border-radius:50%;

background:linear-gradient(90deg,#18B5FF,#361ab4,#0300b3);

font-size:26px;

font-weight:700;

}

.process-grid h3{

margin-bottom:15px;

font-size:24px;

}

.process-grid p{

color:#bcbcbc;

line-height:1.7;

}

.cta-services{

padding:120px 0;

text-align:center;

background:linear-gradient(180deg,#050505,#101010);

}

.cta-services h2{

font-size:48px;

font-family:'Poppins';

margin-bottom:20px;

}

.cta-services p{

font-size:20px;

color:#bdbdbd;

margin-bottom:40px;

}

@media(max-width:1000px){

.services .container{

grid-template-columns:repeat(2,1fr);

}

.process-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:700px){

.services .container{

grid-template-columns:1fr;

}

.process-grid{

grid-template-columns:1fr;

}

.services-hero h1{

font-size:40px;

}

.process h2{

font-size:36px;

}

.cta-services h2{

font-size:34px;

}

}
/* CONTATO */

.contact-hero{

padding:180px 0 110px;

text-align:center;

background:#050505;

}

.contact-hero span{

color:#18B5FF;

letter-spacing:3px;

font-weight:600;

}

.contact-hero h1{

font-size:58px;

font-family:'Poppins';

margin:20px auto;

max-width:850px;

}

.contact-hero p{

max-width:700px;

margin:auto;

font-size:20px;

color:#bdbdbd;

line-height:1.8;

}

.contact{

padding:110px 0;

background:#0b0b0b;

}

.contact-grid{

display:grid;

grid-template-columns:1.3fr .9fr;

gap:50px;

}

.contact-form{

background:#111;

padding:45px;

border-radius:25px;

}

.contact-form h2{

margin-bottom:35px;

font-size:34px;

}

.contact-form form{

display:flex;

flex-direction:column;

gap:20px;

}

.contact-form input,
.contact-form textarea{

padding:18px;

border:none;

outline:none;

border-radius:12px;

background:#1b1b1b;

color:white;

font-size:16px;

}

.contact-form textarea{

height:180px;

resize:none;

}

.contact-form button{

border:none;

cursor:pointer;

}

.contact-info{

background:#111;

padding:45px;

border-radius:25px;

}

.contact-info h2{

margin-bottom:40px;

font-size:34px;

}

.info{

display:flex;

gap:20px;

margin-bottom:35px;

align-items:flex-start;

}

.info i{

font-size:28px;

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:linear-gradient(90deg,#18B5FF,#361ab4,#0300b3);

color:white;

}

.info h4{

margin-bottom:8px;

}

.info p{

color:#bdbdbd;

}

.social{

display:flex;

gap:18px;

margin-top:45px;

}

.social a{

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#1b1b1b;

color:white;

font-size:22px;

transition:.3s;

text-decoration:none;

}

.social a:hover{

background:linear-gradient(90deg,#18B5FF,#361ab4,#0300b3);

transform:translateY(-6px);

}

.map{

height:450px;

}

.map iframe{

width:100%;

height:100%;

border:0;

filter:grayscale(100%) invert(90%);

}

@media(max-width:900px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-hero h1{

font-size:40px;

}

}
/* =====================================
            RESPONSIVO
===================================== */

@media (max-width:1100px){

.hero-content{

grid-template-columns:1fr;

text-align:center;

}

.left{

max-width:100%;

}

.buttons{

justify-content:center;

}

.right{

flex-direction:row;

justify-content:center;

flex-wrap:wrap;

}

.glass-card{

width:280px;

}

}

@media (max-width:768px){

header{

padding:18px 0;

}

header .container{

flex-direction:column;

gap:20px;

}

nav{

justify-content:center;

gap:18px;

}

nav a{

font-size:15px;

}

.btn-menu{

display:none;

}

.hero{

padding-top:180px;

padding-bottom:60px;

}

.left h1{

font-size:42px;

line-height:1.2;

}

.left p{

font-size:17px;

}

.left span{

font-size:14px;

letter-spacing:2px;

}

.buttons{

flex-direction:column;

width:100%;

}

.btn-primary,
.btn-secondary{

width:100%;

justify-content:center;

text-align:center;

}

.glass-card{

width:100%;

}

.overlay{

width:350px;
height:350px;

right:-120px;
top:-80px;

filter:blur(100px);

}

}

@media (max-width:500px){

.container{

width:92%;

}

.logo{

height:42px;

}

.left h1{

font-size:32px;

}

.left p{

font-size:16px;

line-height:1.7;

}

.glass-card{

padding:25px;

}

.glass-card h3{

font-size:30px;

}

.glass-card p{

font-size:16px;

}

nav{

display:grid;

grid-template-columns:repeat(2,1fr);

width:100%;

gap:12px;

text-align:center;

}

nav a{

padding:8px;

}

}
/* =====================================
            RESPONSIVO
===================================== */

@media (max-width:1100px){

.hero-content{

grid-template-columns:1fr;

text-align:center;

}

.left{

max-width:100%;

}

.buttons{

justify-content:center;

}

.right{

flex-direction:row;

justify-content:center;

flex-wrap:wrap;

}

.glass-card{

width:280px;

}

}

@media (max-width:768px){

header{

padding:18px 0;

}

header .container{

flex-direction:column;

gap:20px;

}

nav{

justify-content:center;

gap:18px;

}

nav a{

font-size:15px;

}

.btn-menu{

display:none;

}

.hero{

padding-top:180px;

padding-bottom:60px;

}

.left h1{

font-size:42px;

line-height:1.2;

}

.left p{

font-size:17px;

}

.left span{

font-size:14px;

letter-spacing:2px;

}

.buttons{

flex-direction:column;

width:100%;

}

.btn-primary,
.btn-secondary{

width:100%;

justify-content:center;

text-align:center;

}

.glass-card{

width:100%;

}

.overlay{

width:350px;
height:350px;

right:-120px;
top:-80px;

filter:blur(100px);

}

}

@media (max-width:500px){

.container{

width:92%;

}

.logo{

height:42px;

}

.left h1{

font-size:32px;

}

.left p{

font-size:16px;

line-height:1.7;

}

.glass-card{

padding:25px;

}

.glass-card h3{

font-size:30px;

}

.glass-card p{

font-size:16px;

}

nav{

display:grid;

grid-template-columns:repeat(2,1fr);

width:100%;

gap:12px;

text-align:center;

}

nav a{

padding:8px;

}

}
/*========================
MENU MOBILE
========================*/

.menu-toggle{

display:none;

background:none;

border:none;

color:#fff;

font-size:30px;

cursor:pointer;

z-index:1002;

}

.btn-mobile{

display:none;

}

@media(max-width:900px){

header{

padding:18px 0;

}

header .container{

display:flex;

justify-content:space-between;

align-items:center;

}

.btn-menu{

display:none;

}

.menu-toggle{

display:block;

}

nav{

position:fixed;

top:0;

right:-100%;

width:280px;

height:100vh;

background:#0b0b0b;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

gap:35px;

transition:.4s;

z-index:1000;

box-shadow:-15px 0 35px rgba(0,0,0,.45);

}

nav.active{

right:0;

}

nav a{

font-size:20px;

}

.btn-mobile{

display:flex;

padding:14px 26px;

background:linear-gradient(90deg,#18B5FF,#361ab4,#0300b3);

border-radius:50px;

margin-top:20px;

}

body.menu-open{

overflow:hidden;

}

}
@media(max-width:900px){

    header{

        padding:18px 0;

    }

    header .container{

        display:flex;

        flex-direction:row;

        justify-content:space-between;

        align-items:center;

    }

    .logo{

        width:55px;

        height:auto;

    }

    .menu-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

        width:45px;

        height:45px;

        font-size:28px;

        background:none;

        border:none;

        color:#fff;

        cursor:pointer;

    }

    .btn-menu{

        display:none;

    }

    nav{

        position:fixed;

        top:0;

        right:-100%;

        width:280px;

        height:100vh;

        background:#0b0b0b;

        display:flex;

        flex-direction:column;

        justify-content:center;

        align-items:center;

        gap:35px;

        transition:.35s;

    }

    nav.active{

        right:0;

    }

}
/*==================================
PARCEIRO
==================================*/

.partner-hero{

    padding:170px 0 100px;

    text-align:center;

    background:#050505;

}

.partner-hero span{

    color:#18B5FF;

    letter-spacing:3px;

    font-weight:600;

}

.partner-hero h1{

    font-size:60px;

    font-family:'Poppins';

    margin:20px 0;

}

.partner-hero p{

    max-width:750px;

    margin:auto;

    color:#bdbdbd;

    font-size:20px;

    line-height:1.8;

}

.partner-content{

    padding:100px 0;

    background:#0b0b0b;

}

.partner-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}

.partner-image{

    display:flex;

    justify-content:center;

}

.partner-image img{

    width:100%;

    max-width:380px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.4);

}

.partner-text h2{

    font-size:42px;

    margin-bottom:25px;

    font-family:'Poppins';

}

.partner-text p{

    color:#bdbdbd;

    line-height:1.8;

    margin-bottom:35px;

}

.partner-list{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:40px;

}

.partner-list div{

    display:flex;

    align-items:center;

    gap:15px;

}

.partner-list i{

    color:#18B5FF;

    font-size:18px;

}

.partner-list span{

    font-size:18px;

}

@media(max-width:900px){

.partner-grid{

grid-template-columns:1fr;

text-align:center;

}

.partner-list div{

justify-content:center;

}

.partner-hero h1{

font-size:42px;

}

.partner-text h2{

font-size:34px;

}

}
/*==========================
      DROPDOWN
==========================*/

.dropdown{

    position:relative;

}

.drop-btn{

    background:none;

    border:none;

    color:white;

    font-size:17px;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:8px;

    font-family:inherit;

}

.drop-btn i{

    transition:.3s;

}

.dropdown-content{

    position:absolute;

    top:55px;

    left:50%;

    transform:translateX(-50%);

    width:260px;

    background:#141414;

    border-radius:20px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 20px 40px rgba(0,0,0,.45);

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transform:translateX(-50%) translateY(-10px);

    transition:.3s;

}

.dropdown-content a{

    display:block;

    padding:18px 22px;

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.dropdown-content a:hover{

    background:#1f1f1f;

    color:#18B5FF;

    padding-left:28px;

}

/* quando abrir */

.dropdown.open .dropdown-content{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

.dropdown.open .drop-btn i{

    transform:rotate(180deg);

}
.dropdown-content{

    position:absolute;

    top:55px;
    left:50%;
    transform:translateX(-50%);

    width:260px;

    background:#141414;

    border-radius:20px;

    z-index:99999;

}
/*====================================
        CALCULADORA FATOR R
====================================*/

.factor-hero{

padding:170px 0 90px;

text-align:center;

background:#050505;

}

.factor-hero span{

color:#18B5FF;

letter-spacing:3px;

font-weight:600;

}

.factor-hero h1{

font-size:56px;

margin:20px 0;

font-family:'Poppins';

}

.factor-hero p{

max-width:700px;

margin:auto;

color:#bdbdbd;

font-size:19px;

line-height:1.8;

}

.factor{

padding:90px 0;

background:#0b0b0b;

}

.factor-card{

max-width:700px;

margin:auto;

background:#141414;

padding:45px;

border-radius:20px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.factor-card h2{

text-align:center;

margin-bottom:35px;

}

.factor-card label{

display:block;

margin-top:20px;

margin-bottom:10px;

font-weight:600;

}

.factor-card input{

width:100%;

padding:15px;

border-radius:12px;

background:#1d1d1d;

border:1px solid #2d2d2d;

color:white;

font-size:16px;

outline:none;

}

.factor-card input:focus{

border-color:#18B5FF;

}

.factor-card button{

margin-top:30px;

width:100%;

padding:16px;

border:none;

border-radius:50px;

background:linear-gradient(90deg,#18B5FF,#3f2bff);

color:white;

font-size:17px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.factor-card button:hover{

transform:translateY(-3px);

}

#resultado{

margin-top:35px;

text-align:center;

}

#resultado h3{

font-size:46px;

color:#18B5FF;

margin-bottom:15px;

}

.ok{

color:#56d364;

font-size:18px;

line-height:1.7;

}

.erro{

color:#ff7676;

font-size:18px;

line-height:1.7;

}

.factor-info{

padding:90px 0;

text-align:center;

background:#050505;

}

.factor-info h2{

font-size:42px;

margin-bottom:30px;

}

.factor-info p{

max-width:850px;

margin:20px auto;

line-height:1.9;

color:#bdbdbd;

font-size:18px;

}

@media(max-width:768px){

.factor-hero h1{

font-size:38px;

}

.factor-card{

padding:30px;

}

.factor-info h2{

font-size:32px;

}

}
/*======================================
        SIMPLES NACIONAL
======================================*/

.simples-hero{

    padding:170px 0 90px;

    text-align:center;

    background:
    radial-gradient(circle at top right,rgba(24,181,255,.12),transparent 45%),
    #050505;

}

.simples-hero span{

    color:#18B5FF;

    letter-spacing:3px;

    font-weight:600;

    text-transform:uppercase;

}

.simples-hero h1{

    font-family:'Poppins',sans-serif;

    font-size:58px;

    margin:20px 0;

}

.simples-hero p{

    max-width:760px;

    margin:auto;

    color:#bdbdbd;

    font-size:20px;

    line-height:1.8;

}

/*==============================*/

.simples{

    padding:90px 0;

    background:#0b0b0b;

}

.simples-card{

    max-width:900px;

    margin:auto;

    background:#121212;

    border-radius:22px;

    padding:45px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.simples-card h2{

    text-align:center;

    margin-bottom:40px;

    font-size:36px;

}

/*==============================*/

.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

}

.form-grid div:last-child{

    grid-column:1/3;

}

.form-grid label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

}

.form-grid input,
.form-grid select{

    width:100%;

    padding:16px;

    border-radius:12px;

    border:1px solid #2b2b2b;

    background:#1b1b1b;

    color:white;

    font-size:16px;

    outline:none;

    transition:.3s;

}

.form-grid input:focus,
.form-grid select:focus{

    border-color:#18B5FF;

}

.buttons-calc{

    margin-top:35px;

    display:flex;

    gap:20px;

}

.buttons-calc button{

    flex:1;

    padding:17px;

    border:none;

    border-radius:50px;

    cursor:pointer;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.buttons-calc button:first-child{

    background:linear-gradient(90deg,#18B5FF,#3f2bff);

    color:white;

}

.buttons-calc button:first-child:hover{

    transform:translateY(-3px);

}

.btn-clear{

    background:#222;

    color:white;

}

.btn-clear:hover{

    background:#333;

}

/*==============================*/

#resultado{

    margin-top:45px;

}

.result-card{

    background:#181818;

    border-radius:18px;

    padding:35px;

    border-left:5px solid #18B5FF;

}

.result-card h3{

    font-size:34px;

    margin-bottom:15px;

}

.result-card p{

    color:#d0d0d0;

    line-height:1.8;

    margin:8px 0;

}

.result-card strong{

    color:#18B5FF;

}

/*==============================*/

.simples-info{

    padding:100px 0;

    background:#050505;

}

.simples-info h2{

    text-align:center;

    font-size:42px;

    margin-bottom:60px;

}

.info-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.info-box{

    background:#141414;

    border-radius:20px;

    padding:40px;

    text-align:center;

    border:1px solid rgba(255,255,255,.08);

    transition:.3s;

}

.info-box:hover{

    transform:translateY(-8px);

    border-color:#18B5FF;

}

.info-box i{

    font-size:50px;

    color:#18B5FF;

    margin-bottom:20px;

}

.info-box h3{

    margin-bottom:15px;

}

.info-box p{

    color:#bdbdbd;

    line-height:1.8;

}

/*==============================*/

.observacoes{

    padding:100px 0;

    background:#0b0b0b;

}

.observacoes h2{

    text-align:center;

    font-size:42px;

    margin-bottom:45px;

}

.observacoes ul{

    max-width:900px;

    margin:auto;

    list-style:none;

}

.observacoes li{

    padding:18px 25px;

    margin-bottom:15px;

    background:#161616;

    border-left:4px solid #18B5FF;

    border-radius:10px;

    color:#d5d5d5;

    line-height:1.8;

}

/*==============================
RESPONSIVO
==============================*/

@media(max-width:900px){

.form-grid{

grid-template-columns:1fr;

}

.form-grid div:last-child{

grid-column:auto;

}

.info-grid{

grid-template-columns:1fr;

}

.buttons-calc{

flex-direction:column;

}

.simples-card{

padding:30px;

}

}

@media(max-width:768px){

.simples-hero{

padding-top:140px;

}

.simples-hero h1{

font-size:38px;

}

.simples-info h2,
.observacoes h2{

font-size:32px;

}

.simples-card h2{

font-size:28px;

}

}