:root{--navy:#0B1D3A;--red:#E11D48;--blue:#2563EB;--green:#25D366;--gray:#F8FAFC;}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;}
body{background:white;color:#111;line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
header{background:var(--navy);color:white;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.logo{font-size:24px;font-weight:800;}
.logo span{color:var(--red);}
.nav-links{display:flex;gap:25px;list-style:none;}
.nav-links a{color:white;text-decoration:none;font-weight:600;transition:0.3s;}
.nav-links a:hover{color:var(--red);}
.hero{background:linear-gradient(135deg,var(--navy) 0%, #1a365d 100%);color:white;padding:100px 20px;text-align:center;}
.hero h1{font-size:48px;margin-bottom:20px;}
.hero h1 span{color:var(--red);}
.hero p{font-size:18px;margin-bottom:30px;opacity:0.9;}
.btn{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block;margin:8px;transition:0.3s;}
.btn-red{background:var(--red);color:white;} .btn-red:hover{background:#c41a3a;}
.btn-blue{background:var(--blue);color:white;} .btn-blue:hover{background:#1d4ed8;}
.section{padding:80px 20px;}
.section-title{text-align:center;font-size:36px;margin-bottom:50px;color:var(--navy);}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.card{background:var(--gray);padding:30px;border-radius:12px;text-align:center;transition:0.3s;border-top:4px solid var(--red);}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.card h3{color:var(--navy);margin-bottom:15px;}
.about{background:var(--gray);}
footer{background:#0a1425;color:white;text-align:center;padding:40px 20px;}
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:var(--navy);display:flex;justify-content:space-around;padding:14px;z-index:999;}
.sticky-bar a{color:white;text-decoration:none;font-weight:600;}
@media(max-width:768px){.nav-links{display:none;} .hero h1{font-size:32px;}}