:root{
--blue:#103cff;
--cyan:#35e8ff;
--navy:#061638;
--red:#ef1b1b;
--orange:#ff8a00;
--bg:#f7f9ff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;color:#111}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

.hero{
background:
radial-gradient(circle at top right,rgba(16,60,255,.26),transparent 30%),
radial-gradient(circle at bottom left,rgba(239,27,27,.12),transparent 24%),
linear-gradient(135deg,#ffffff,#edf4ff 55%,#eafcff);
padding-bottom:80px;
}
.nav{width:min(1180px,92%);margin:auto;padding:26px 0;display:flex;justify-content:space-between;align-items:center}
.logo{width:220px}
.menu{display:flex;gap:10px;background:white;padding:8px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.menu a{padding:12px 16px;font-weight:800}

.hero-content,.about{width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-content{padding-top:60px}
.badge{display:inline-block;padding:10px 16px;border-radius:999px;background:#eef4ff;color:var(--blue);font-weight:800;margin-bottom:18px}
h1{font-size:clamp(58px,7vw,100px);line-height:.9;margin-bottom:20px;color:#08173b}
h2{font-size:clamp(42px,5vw,70px);line-height:.9;margin-bottom:18px;color:#08173b}
p{font-size:19px;line-height:1.8;color:#5d6b84}
.actions{display:flex;gap:14px;margin-top:30px}
.btn{padding:17px 24px;border-radius:999px;font-weight:800}
.primary{background:linear-gradient(135deg,var(--red),var(--orange),var(--blue));color:white}
.secondary{background:var(--navy);color:white}
.hero-card,.image{height:560px;border-radius:42px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.12)}
.hero-card img,.image img,.security-box img{width:100%;height:100%;object-fit:cover}

.stats{width:min(1180px,92%);margin:0 auto 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats div{background:white;padding:30px;border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,.08)}
.stats strong{display:block;font-size:34px;color:var(--red)}
.stats span{font-weight:700;color:#5d6b84}

.about{padding-bottom:120px}
.services{width:min(1180px,92%);margin:auto;padding-bottom:120px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.card{
background:white;
padding:34px;
border-radius:34px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
border-top:6px solid var(--blue);
}
.card h3{font-size:30px;color:var(--navy);margin-bottom:12px}

.security{width:min(1180px,92%);margin:0 auto 120px}
.security-box{background:#08173b;color:white;border-radius:42px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.security-box h2,.security-box p{color:white}
.security-box img{border-radius:28px;height:420px}

.contact{width:min(1180px,92%);margin:0 auto 120px}
.contact-box{background:#f3f6ff;padding:50px;border-radius:42px}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
textarea,button{grid-column:1/-1}
input,textarea{padding:16px;border-radius:18px;border:1px solid #dce4ff;font:inherit}
textarea{min-height:140px}
button{padding:16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:800}

footer{background:#08173b;padding:60px 4%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-logo{width:200px}
footer p,footer a{color:white;font-weight:700}

.cookie{position:fixed;right:24px;bottom:24px;width:400px;background:white;padding:20px;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:none}
.cookie.show{display:block}
.cookie-top{display:flex;gap:14px;margin-bottom:16px}
.cookie-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;border-radius:18px;color:white;font-weight:800}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-actions a,.cookie-actions button{padding:13px;border-radius:999px;border:0;font-weight:800;text-align:center}
.cookie-actions a{grid-column:1/-1;background:#eef4ff;color:#0d2dff}
.cookie-actions button:last-child{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}
.cookie-actions button:nth-child(2){background:#08173b;color:white}


.grid .card:nth-child(2),
.grid .card:nth-child(5){
border-top-color:var(--orange);
}

.grid .card:nth-child(3),
.grid .card:nth-child(6){
border-top-color:var(--red);
}

.gallery{
width:min(1180px,92%);
margin:0 auto 120px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.gallery-card{
position:relative;
height:420px;
border-radius:38px;
overflow:hidden;
box-shadow:0 25px 70px rgba(0,0,0,.14);
}

.gallery-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.gallery-card:hover img{
transform:scale(1.05);
}

.gallery-card:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(6,22,56,.82),rgba(6,22,56,.10));
}

.gallery-card div{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:2;
padding:30px;
}

.gallery-card h3{
font-size:32px;
color:white;
margin-bottom:8px;
}

.gallery-card p{
color:white;
font-size:16px;
line-height:1.55;
}

.security-box{
background:
radial-gradient(circle at top right,rgba(255,138,0,.24),transparent 28%),
linear-gradient(135deg,#061638,#0b2a86) !important;
}

.contact-box{
background:
radial-gradient(circle at top right,rgba(53,232,255,.16),transparent 28%),
linear-gradient(135deg,#061638,#0b2a86) !important;
}

button{
background:linear-gradient(135deg,var(--red),var(--orange),var(--blue)) !important;
}

.cookie-icon,
.cookie-actions button:last-child{
background:linear-gradient(135deg,var(--red),var(--orange),var(--blue)) !important;
}

footer{
background:
linear-gradient(135deg,#061638,#071127 70%);
}

@media(max-width:980px){
.gallery{
grid-template-columns:1fr;
}
.gallery-card{
height:340px;
}
}