body{margin:0;font-family:Arial;background:linear-gradient(135deg,#4facfe,#00f2fe);} 
nav{background:#222;padding:10px;display:flex;justify-content:space-between;align-items:center;}
.logo{color:white;font-weight:bold}
.menu{display:flex;gap:15px}
.menu a{color:white;text-decoration:none;font-weight:bold}
.hamburger{display:none;font-size:24px;color:white;cursor:pointer}
@media(max-width:768px){
  .menu{display:none;flex-direction:column;background:#222;position:absolute;top:60px;left:0;width:100%;text-align:center}
  .menu.active{display:flex}
  .hamburger{display:block}
}
.container{display:flex;justify-content:center;align-items:center;height:80vh;flex-direction:column;color:white;text-align:center;}
footer{background:#222;color:white;text-align:center;padding:15px;position:fixed;bottom:0;width:100%;}
footer a{color:#4facfe;margin:0 10px;text-decoration:none;}