*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI, sans-serif;}
body{background:#0f172a;color:#fff;scroll-behavior:smooth;}

/* NAVBAR */
.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
background:#0f172a;
color:#fff;

position:fixed; /* deixa a barra fixa */
top:0;
left:0;
width:100%;
z-index:999;
}

/* LOGO */
.logo{
display:flex;
align-items:center;
gap:10px;
}

.logo img{
width:32px;
height:32px;
}

/* LINKS */
.nav-links{
display:flex;
gap:20px;
}

.nav-links a{
color:#fff;
text-decoration:none;
font-size:15px;
}

.nav-links a:hover{
color:#6366f1;
}

/* BOTAO MENU */
.menu-toggle{
font-size:28px;
cursor:pointer;
display:none;
}

/* MOBILE */
@media (max-width:768px){

.nav-links{
display:none;
flex-direction:column;
background:#0f172a;
position:absolute;
top:65px;
left:0;
width:100%;
padding:15px 0;
border-top:1px solid #1e293b;
}

.nav-links a{
padding:12px;
display:block;
}

.nav-links.show{
display:flex;
}

.menu-toggle{
display:block;
}

}

header{
background:linear-gradient(135deg,#1e293b,#0f172a);
padding:140px 40px 100px 40px;
text-align:center;
}

header h1{font-size:42px;margin-bottom:20px;}
header p{font-size:18px;color:#cbd5e1;margin-bottom:30px;}

.alternar {
background:linear-gradient(135deg,#1e293b,#0f172a);
padding:80px 20px 100px 20px;

text-align:center;
}

.hero-form{
max-width:600px;
margin:auto;
display:flex;
gap:10px;
}

.hero-form input{
flex:1;
padding:15px;
border:none;
border-radius:6px;
font-size:16px;
}

.hero-form button{
padding:15px 25px;
background:#6366f1;
border:none;
color:white;
border-radius:6px;
cursor:pointer;
font-weight:bold;
}

.hero-form button:hover{background:#4f46e5;}

.result{
margin-top:20px;
font-weight:bold;
word-break:break-all;
}

section{
padding:50px 50px;
text-align:center;
}

section h2{
font-size:32px;
margin-bottom:20px;
}

.features{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
margin-top:40px;
}

.feature{
background:#1e293b;
padding:30px;
border-radius:12px;
width:280px;
transition:0.3s;
}

.feature:hover{transform:translateY(-5px);}

.stats{
display:flex;
justify-content:center;
gap:60px;
margin-top:40px;
}

.stat h3{font-size:36px;color:#6366f1;}


footer{
background:#0f172a;
padding:40px 20px;
font-size:14px;
color:#94a3b8;
}

@media(max-width:768px){
.hero-form{flex-direction:column;}
.stats{flex-direction:column;gap:30px;}
}



/* CONTATO */

#contato{
max-width:600px;
margin:auto;
padding:40px 20px;
text-align:center;
}

#contato button{
padding:10px 20px;
border:none;
background:#6366f1;
color:#fff;
cursor:pointer;
border-radius:4px;
}

#contato button:hover{
background:#333;
}


/* FORM */

#formContato{
margin-top:25px;
text-align:left;
}

#formContato input,
#formContato textarea{
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
}

#formContato textarea{
height:120px;
resize:vertical;
}

#captcha{
margin:10px 0;
font-size:16px;
}



#faq{
max-width:700px;
margin:auto;
padding:40px 20px;
}

#faq h2{
text-align:center;
margin-bottom:25px;
}

.faq-item{
border-radius: 5px;
background:#1e293b;
padding:15px 0px;
cursor:pointer;
}

.faq-question{
font-weight:bold;
font-size:17px;
}

.faq-answer{
display:none;
margin-top:10px;
padding:0px 20px 0px 20px;
color:#fff;
line-height:1.5;
}

.faq-item.active .faq-answer{
display:block;
}