:root{

--primary:#0A2E5D;

--secondary:#1E88E5;

--accent:#00B4D8;

--background:#F8FAFC;

}

body{

background:var(--background);

font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;

}

.navbar{

background:var(--primary);

}

.navbar-brand{

font-size:1.4rem;

}

.nav-link{

font-weight:500;

}

.card{

border:none;

border-radius:18px;

box-shadow:0 8px 24px rgba(0,0,0,.08);

}

.footer{

background:var(--primary);

color:white;

padding:40px 0;

margin-top:80px;

}

.footer hr{

border-color:rgba(255,255,255,.15);

}

.display-4{

font-weight:700;

color:var(--primary);

}

.hero{

background:linear-gradient(135deg,#0A2E5D,#1E88E5);

color:white;

padding-top:180px;

padding-bottom:120px;

width:100%;

}

.hero-title{

font-size:4rem;

font-weight:800;

line-height:1.1;

margin-top:20px;

}

.hero-title span{

color:#00B4D8;

}

.hero-subtitle{

font-size:1.25rem;

margin-top:25px;

opacity:.95;

max-width:600px;

}

.hero-badge{

display:inline-block;

padding:8px 20px;

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

border-radius:40px;

font-size:.9rem;

}

.hero-card{

background:white;

color:#0A2E5D;

padding:40px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.2);

}

.hero-icon{

font-size:5rem;

margin-bottom:20px;

}

.service-card{

transition:.3s;

}

.service-card:hover{

transform:translateY(-8px);

}

.btn-primary{

background:#00B4D8;

border:none;

}

.btn-primary:hover{

background:#0096c7;

}

.navbar{

background:#0A2E5D;

}

.navbar .nav-link{

color:white !important;

margin-left:15px;

}

.navbar-brand{

font-size:1.5rem;

}

.section-title{
font-weight:700;
color:#0A2E5D;
}

.section-subtitle{
color:#666;
}

.info-card,
.feature-card,
.pricing-card{
border:none;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

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

.feature-icon{
font-size:3rem;
color:#1E88E5;
}

.price{
font-size:2rem;
font-weight:700;
color:#0A2E5D;
}