body { margin:0; font-family: Arial, sans-serif; background:#f4f4f9; }
header { display:flex; align-items:center; justify-content:space-between; padding:10px 20px; background:#343a40; position:relative; }
header .logo { height:50px; }
.menu-btn { background:none; border:none; color:#fff; font-size:28px; cursor:pointer; }
.nav-menu { position:absolute; top:60px; right:20px; background:#343a40; width:200px; transform:scaleY(0); transform-origin:top; transition:transform 0.2s ease; z-index:1000; }
.nav-menu.open { transform:scaleY(1); }
.nav-menu ul { list-style:none; margin:0; padding:10px; }
.nav-menu li { margin:10px 0; }
.nav-menu a { color:#fff; text-decoration:none; font-size:16px; }
.nav-menu a:hover { color:#0d6efd; }
.container { padding:20px; }
.card { background:#fff; padding:15px; margin-bottom:15px; border-radius:5px; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
button, .cta { background:#0d6efd; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer; }
button:hover, .cta:hover { background:#0b5ed7; }
@media(max-width:600px){
  .nav-menu { width:100%; right:0; }
}