/* ===== RESET ===== */

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


/* ===== BODY ===== */

body{

background:#0B0F19;
color:#E5E7EB;

font-family: Arial, Helvetica, sans-serif;
line-height:1.7;

}


/* ===== CONTAINER ===== */

.container{

max-width:1100px;

margin:0 auto;

padding:0 30px;

}


/* ===== HEADER ===== */

.header{

border-bottom:1px solid #1F2937;

padding:20px 0;

}


/* HEADER FLEX */

.header-flex{

display:flex;

justify-content:space-between;

align-items:center;

}


/* LOGO */

.logo{

color:#22C55E;

font-size:22px;

font-weight:600;

line-height:1;

}


/* LINKS TOPO */

.top-links{

display:flex;

align-items:center;

gap:12px;

}

.top-links a{

color:#9CA3AF;

text-decoration:none;

}

.top-links a:hover{

color:#38BDF8;

}


/* NAV */

.nav-main{

margin-top:10px;

padding-bottom:10px;

border-bottom:1px solid #1F2937;

}

.nav-main a{

color:#38BDF8;

text-decoration:none;

margin-right:12px;

}

.nav-main a:hover{

text-decoration:underline;

}


/* ===== HERO ===== */

.hero{

display:flex;

align-items:center;

justify-content:space-between;

gap:50px;

margin-top:30px;

background:#111827;

border-radius:16px;

padding:35px;

}


/* TEXTO HERO */

.hero-text{

max-width:650px;

}

.hero-text h2{

font-size:30px;

margin-bottom:12px;

}

.hero-subtitle{

color:#9CA3AF;

margin-bottom:12px;

}

.hero-text p{

color:#9CA3AF;

}


/* FOTO HERO */

.hero-photo img{

width:210px;

border-radius:12px;

}


/* ===== SEÇÕES ===== */

.section{

background:#111827;

border-radius:16px;

padding:30px;

margin-top:25px;

box-shadow:0 6px 18px rgba(0,0,0,0.35);

}


/* TITULOS */

.section h3{

color:#38BDF8;

margin-bottom:15px;

padding-bottom:8px;

border-bottom:1px solid #1F2937;

}


/* TEXTO */

.section p{

color:#D1D5DB;

margin-bottom:12px;

text-align:justify;

}


/* LISTAS */

.section ul{

padding-left:20px;

margin-top:10px;

}

.section li{

margin-bottom:6px;

color:#D1D5DB;

}


/* ===== BOTÃO ===== */

.button{

display:inline-block;

margin-top:12px;

padding:7px 18px;

border:1px solid #38BDF8;

border-radius:22px;

color:#38BDF8;

text-decoration:none;

font-size:14px;

}

.button:hover{

background:#38BDF8;

color:#0B0F19;

}


/* ===== CARDS (THREAT INTEL) ===== */

.card{

background:#111827;

border:1px solid #1F2937;

border-radius:10px;

padding:22px;

margin-top:18px;

}

.card h3{

color:#E5E7EB;

margin-bottom:5px;

}

.card p{

color:#9CA3AF;

margin-bottom:10px;

}


/* ===== FOOTER ===== */

footer{

margin-top:50px;

padding:25px 0;

border-top:1px solid #1F2937;

color:#9CA3AF;

text-align:center;

}


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

@media (max-width:900px){

.hero{

flex-direction:column;

text-align:center;

gap:25px;

}

.hero-text{

max-width:100%;

}

.hero-photo img{

width:170px;

}

.section{

padding:25px;

}

}