*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

body{
background:#f7f9fc;
color:#333;
}

/* CONTAINER */

.container{
max-width:1100px;
margin:auto;
padding:0 20px;
}

/* HERO */

.security-hero{
background:linear-gradient(120deg,#0f2740,#1e3a5f);
color:white;
padding:100px 20px;
text-align:center;
}

.security-hero h1{
font-size:42px;
margin-bottom:10px;
}

.security-hero p{
font-size:18px;
opacity:.9;
}

/* OVERVIEW */

.section{
padding:80px 0;
}


.security-overview{
padding:40px 0;
max-width:900px;
margin:auto;
line-height:1.8;
font-size:16px;
}

.security-features h2{
margin-bottom:50px;
margin-top:20px;
font-size:34px;
}

.security-overview{
background:#ffffff;
}

.security-features{
background:#f5f8ff;
}

.security-overview p{
margin-bottom:20px;
}

/* FEATURES */

.security-features{
background:#f0f4f8;
padding:40px 0;
text-align:center;
}

.security-features h2{
font-size:34px;
margin-bottom:50px;
}

.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.feature-card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.3s;
}

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

.feature-card h3{
margin:15px 0;
font-size:18px;
color:#2f80ed;
}

.feature-card p{
font-size:14px;
line-height:1.6;
color:#555;
}

.icon{
font-size:30px;
color:#2f80ed;
}

/* CTA */

.security-cta{
background:#0f2740;
color:white;
padding:80px 20px;
text-align:center;
}

.security-cta h2{
font-size:32px;
margin-bottom:15px;
}

.security-cta p{
opacity:.9;
}

.contact-btn{
display:inline-block;
margin-top:25px;
padding:14px 32px;
background:#2f80ed;
color:white;
border-radius:6px;
text-decoration:none;
font-size:16px;
transition:.3s;
}

.contact-btn:hover{
background:#1c6be0;
}

/* RESPONSIVE */

@media(max-width:1000px){
.feature-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.feature-grid{
grid-template-columns:1fr;
}

.security-hero h1{
font-size:34px;
}
}



body.dark-mode .security-overview,
body.dark-mode .feature-card{
    background:#12163a ;
border:1px solid #1f2937;
color:#e5e7eb;

box-shadow:
0 10px 30px rgba(0,0,0,0.4);
}

body.dark-mode .security-features{
    background:#0b132b;
color:#e5e7eb;
}