:root{
--primary:#0c89c9;
--secondary:#14f1c5;
--dark:#031227;
--dark-card:#081d38;
--text:#d8e4f4;
--warning:#ffb020;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Segoe UI',sans-serif;
}

/* NAVBAR */

.navbar-custom{
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.logo{
font-weight:700;
color:var(--primary);
}

/* HERO */

.hero-section{
background:linear-gradient(
135deg,
#0c89c9,
#0871a8
);
padding:100px 0;
}

.hero-title{
font-size:4rem;
font-weight:700;
color:#fff;
line-height:1.1;
}

.hero-text{
color:#e8f5ff;
font-size:1.2rem;
margin-top:20px;
}

.hero-badge{
background:#ffffff20;
padding:10px 20px;
border-radius:30px;
color:#fff;
}

.hero-image{
max-width:500px;
width:100%;
}

.btn-primary-custom{
background:#ffb020;
color:#fff;
border:none;
}

.btn-outline{
background:transparent;
color:#fff;
border:1px solid #fff;
}

/* DASHBOARD */

.dashboard-section{
background:#04111f;
}

.dashboard-card{
background:linear-gradient(
135deg,
#07162f,
#10284d
);
padding:50px;
border-radius:30px;
}

.dashboard-header{
display:flex;
justify-content:space-between;
align-items:center;
color:#b7c7da;
}

.status{
background:#0d5147;
padding:12px 25px;
border-radius:30px;
color:#14f1c5;
}

.dashboard-number{
font-size:5rem;
color:white;
}

.progress-custom{
height:8px;
background:#203149;
border-radius:10px;
overflow:hidden;
}

.progress-fill{
width:82%;
height:100%;
background:#14f1c5;
}

.mini-card{
background:rgba(255,255,255,.04);
padding:30px;
border-radius:20px;
color:white;
}

.mini-card i{
font-size:2rem;
color:#14f1c5;
margin-bottom:15px;
}

/* LIGHT SECTION */

.section-light{
background:#f4f6f9;
}

.section-title{
text-align:center;
font-size:2.2rem;
margin-bottom:50px;
color:#fff;
}

.section-title-dark{
font-size:2.2rem;
margin-bottom:30px;
}

.about-image{
border-radius:30px;
}

/* SERVICES */

.service-card{
background:white;
padding:40px;
text-align:center;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.service-card i{
font-size:3rem;
color:var(--primary);
margin-bottom:20px;
}

/* CTA */

.cta-section{
background:#0c89c9;
padding:70px 0;
color:white;
}

.btn-contact{
background:#ffb020;
color:white;
border:none;
}

/* DISCLAIMER */

.disclaimer-section{
background:#04111f;
}

.disclaimer-card{
background:linear-gradient(
135deg,
#03101d,
#071a34
);
padding:50px;
border-radius:30px;
border:1px solid rgba(255,255,255,.08);
}

.disclaimer-card h2{
color:#ffb020;
margin-bottom:25px;
}

.disclaimer-card p{
color:#dbe6f5;
line-height:2;
}

/* FOOTER */

.footer-custom{
background:#0871a8;
color:white;
}