body { font-family: 'Segoe UI', sans-serif; background:#f5f7fb; color:#1a1a1a; }
.navbar { background:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.hero {
  background: linear-gradient(120deg,#00A859,#cc0000, #FFCC29);
  padding:80px 20px;
  text-align:center;
}
.card {
  background:#ffffff;
  border:none;
  border-radius:15px;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
  transition:.3s;
}
.card:hover { transform:translateY(-5px); }
.footer { background:#ffffff; padding:20px; text-align:center; border-top:1px solid #eee; }


    iframe {
      width: 100%;
      height: 500px;
      border: none;
    }