*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#222}
.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:rgba(8,29,58,.92);color:#fff;z-index:1000}
.logo{font-size:26px;font-weight:bold}
.nav-menu{display:flex;gap:25px;list-style:none}
.nav-menu a{color:#fff;text-decoration:none}
.hero{height:100vh;background:linear-gradient(135deg,#0f4c81,#1d6fb8);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;position:relative}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero-content{position:relative;z-index:2;max-width:850px;padding:20px}
.hero h1{font-size:56px;margin-bottom:20px}
.hero p{font-size:20px;margin-bottom:35px}
.btn{background:#f59e0b;color:#fff;text-decoration:none;padding:14px 30px;border-radius:40px}
.section{padding:90px 8%}
.container{max-width:1100px;margin:auto}
.container h2{color:#0f4c81;margin-bottom:20px;font-size:36px}
.container p{line-height:1.8;font-size:18px;text-align:justify}
.light{background:#fff}
@media(max-width:768px){
.hero h1{font-size:38px}
.nav-menu{display:none}
}
/* ---------- PART 2 CSS ---------- */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-top:40px;
}

.service-card{
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.35s;
text-align:center;
}

.service-card:hover{
transform:translateY(-8px);
}

.service-card i{
font-size:42px;
color:#0f4c81;
margin-bottom:20px;
}

.service-card h3{
margin-bottom:12px;
color:#0f4c81;
}

.team-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
margin-top:40px;
}

.team-card{
background:#ffffff;
padding:35px;
border-left:5px solid #f59e0b;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.35s;
}

.team-card:hover{
transform:translateY(-8px);
}

.team-card h3{
color:#0f4c81;
margin-bottom:8px;
}

.team-card h4{
color:#f59e0b;
margin-bottom:18px;
font-weight:600;
}
/* PART 3 */
.table-wrapper{overflow-x:auto;margin-top:30px}
.standard-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08)}
.standard-table th{background:#0f4c81;color:#fff;padding:16px}
.standard-table td{padding:14px;border-bottom:1px solid #e5e7eb}
.standard-table tr:nth-child(even){background:#f8fafc}
.calculator-card{max-width:650px;margin:auto;background:#fff;padding:35px;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.08)}
.calculator-card input,.calculator-card button{width:100%;padding:14px;margin-top:15px;border-radius:10px}
.calculator-card input{border:1px solid #d1d5db}
.calculator-card button{border:none;background:#0f4c81;color:#fff;cursor:pointer}
.calculator-card button:hover{background:#123d67}
#result{margin-top:20px;color:#0f4c81}

/* ===== PART 4 ===== */

.downloads-grid,.links-grid,.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:35px;
}

.download-card,.contact-card{
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
text-decoration:none;
color:#1f2937;
transition:.35s;
}

.download-card:hover{
transform:translateY(-8px);
}

.download-card i{
font-size:48px;
color:#d62828;
margin-bottom:18px;
}

.links-grid a{
background:#0f4c81;
color:#fff;
padding:16px;
text-align:center;
border-radius:12px;
text-decoration:none;
transition:.3s;
}

.links-grid a:hover{
background:#123d67;
}

.footer{
background:#081d3a;
color:#fff;
padding:45px 20px;
text-align:center;
}

.back-top{
position:fixed;
right:25px;
bottom:25px;
width:50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
background:#f59e0b;
color:#fff;
border-radius:50%;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.2);
}
/* ===== PART 5 ===== */
#loader{position:fixed;inset:0;background:#081d3a;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;transition:.6s}
.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.25);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}
@keyframes spin{to{transform:rotate(360deg)}}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.stat-card{background:#fff;padding:30px;border-radius:18px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.3s}
.stat-card:hover{transform:translateY(-8px)}
.counter{font-size:48px;color:#0f4c81}
.reveal{opacity:0;transform:translateY(40px);transition:.8s}
.reveal.active{opacity:1;transform:none}

.mobile-toggle{display:none}
@media(max-width:768px){
.mobile-toggle{display:block;color:#fff;font-size:28px;cursor:pointer}
.nav-menu{display:none;flex-direction:column;background:#081d3a;position:absolute;top:70px;right:10px;padding:15px;border-radius:12px}
.nav-menu.open{display:flex}
}