body { margin:0; font-family:Poppins, sans-serif; background:#f6f8fb; }

/* NAVBAR */
.navbar { padding:18px 24px; display:flex; justify-content:space-between; align-items:center; background:white; }
.logo { font-size:26px; font-weight:700; }
.logo span { color:#0077ff; }

nav a { margin-left:18px; text-decoration:none; color:#333; font-weight:500; }
.btn-nav { background:#0077ff; color:#fff!important; padding:6px 14px; border-radius:6px; }

.hamburger { display:none; font-size:28px; cursor:pointer; }

/* Mobile menu */
.mobile-menu { display:none; flex-direction:column; background:white; width:100%; padding:14px 20px; box-shadow:0 3px 8px rgba(0,0,0,0.1); }
.mobile-menu a { padding:10px 0; border-bottom:1px solid #eee; color:#333; text-decoration:none; }

/* HERO */
.hero { text-align:center; padding:100px 20px; }
.hero h1 { font-size:42px; margin-bottom:10px; }
.hero p { color:#444; }

/* MOBILE */
@media(max-width:768px){
    nav { display:none; }
    .hamburger { display:block; }
    .logo { font-size:20px; }
    .navbar { padding:14px 16px; }
    .hero h1 { font-size:32px; }
}