*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial;}
body{background:#f4f8ff;color:#222}

header{
display:flex;justify-content:space-between;
padding:18px 40px;
background:#0b3cc1;color:white;
position:sticky;top:0;z-index:999;
}

.logo{font-size:22px;font-weight:700}

nav a{color:white;margin:0 12px;text-decoration:none}
/*nav .cta{background:#ffc107;color:black;padding:8px 14px;border-radius:20px}*/
nav .login{background:#ffc107;color:black;padding:8px 14px;border-radius:20px}
nav .register{background:#fff;color:black;padding:8px 14px;border-radius:20px}

.menu-toggle{display:none;font-size:24px;cursor:pointer}

.hero{
padding:90px 20px;text-align:center;
background:linear-gradient(135deg,#0b3cc1,#2196f3);
color:white;
}

.hero h1{font-size:40px}
.hero p{margin:15px 0;font-size:18px}

.hero-buttons button{
margin:10px;padding:12px 25px;
border:none;border-radius:30px;font-size:16px;
}

.hero-buttons .outline{
background:none;border:2px solid white;color:white;
}

.trust{margin-top:15px;font-size:14px}

section{padding:70px 20px;text-align:center}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:25px;margin-top:40px;
}

.card{
background:white;padding:40px;border-radius:20px;
box-shadow:0 10px 20px rgba(0,0,0,.1);
transition:.3s;
}
.card:hover{transform:translateY(-6px)}

.highlight{
background:#fff176;
}

.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:15px;margin:30px 0;
}

button{
background:#0b3cc1;color:white;
border:none;border-radius:25px;padding:12px 30px;
}

.submit_btn{
background:#0b3cc1;color:white;
border:none;border-radius:25px;padding:12px 30px;
}

.testimonials{
background:#e3f2fd;
}

form{max-width:400px;margin:auto}
input,textarea{
width:100%;margin:10px 0;padding:12px;
border-radius:8px;border:1px solid #ccc;
}

footer{
background:#0b3cc1;color:white;padding:25px;
}

@media(max-width:768px){
nav{display:none;flex-direction:column;background:#0b3cc1;width:100%}
nav.show{display:flex}
.menu-toggle{display:block}
}
