*{box-sizing:border-box;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#222;}
.container{max-width:1100px;margin:0 auto;padding:20px;}
.header{background:#0f172a;color:#fff;}
.logo{font-weight:bold;font-size:18px;}
.nav a{color:#fff;margin-right:15px;text-decoration:none;}
.hero{padding:60px 0;}
.cards{display:flex;gap:20px;flex-wrap:wrap;}
.card{background:#fff;padding:20px;border-radius:6px;flex:1;min-width:250px;}
.footer{background:#0f172a;color:#fff;text-align:center;margin-top:40px;}
@media(max-width:768px){
  .cards{flex-direction:column;}
  .nav{display:flex;flex-direction:column;gap:10px;}
}