body{font-family:Arial;margin:0;padding:0;background:#f9f9f9;color:#222;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.logo{font-weight:bold;font-size:20px;}
.menu{list-style:none;display:flex;gap:15px;margin:0;padding:0;}
.menu a{text-decoration:none;color:#333;font-weight:500;}
#menu-toggle{display:none;}
.menu-icon{display:none;font-size:24px;cursor:pointer;}
@media(max-width:768px){
.menu{display:none;flex-direction:column;background:#fff;position:absolute;top:60px;right:20px;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
#menu-toggle:checked + .menu-icon + .menu{display:flex;}
.menu-icon{display:block;}
}
main{padding:20px;max-width:900px;margin:auto;}
.footer{text-align:center;padding:20px;font-size:14px;color:#666;}