*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{background:#F5F8FA;color:#1E293B;}
.container{max-width:1200px;margin:auto;padding:20px;}
header{background:#1E40AF;color:#fff;padding:20px 0;}
header .container{display:flex;justify-content:space-between;align-items:center;}
header nav ul{display:flex;gap:25px;list-style:none;}
header nav ul li a{color:#fff;font-weight:600;transition:0.3s;}
header nav ul li a:hover{color:#FACC15;}
.hero{background:linear-gradient(135deg,#3B82F6,#60A5FA);color:#fff;text-align:center;padding:100px 20px;}
.hero h1{font-size:2.8rem;margin-bottom:20px;}
.hero p{font-size:1.2rem;margin-bottom:30px;}
.hero button{padding:14px 30px;background:#FACC15;color:#1E40AF;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:0.3s;}
.hero button:hover{background:#FFD700;}
section{padding:80px 0;}
h2{text-align:center;font-size:2rem;margin-bottom:40px;color:#1E40AF;}
.cards .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:#fff;border-radius:12px;padding:25px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:0.3s;}
.card:hover{transform:translateY(-5px);}
.card img{max-width:80px;margin-bottom:15px;}
.card h3{margin-bottom:10px;color:#1E40AF;}
.card p{color:#374151;font-size:0.95rem;}
footer{background:#1E40AF;color:#fff;text-align:center;padding:20px 0;font-size:0.9rem;}