body {
      margin:0;
      font-family: Arial, sans-serif;
      background: #f5f4f2;
      text-align:center;
      color:#333;
    }

    /* === HAMBURGER MENU === */
    #menu-button{position:absolute;top:15px;left:15px;width:30px;height:24px;cursor:pointer;z-index:2001;display:flex;flex-direction:column;justify-content:space-between;}
    #menu-button span{display:block;height:4px;background:#333;border-radius:2px;}
    #menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;z-index:2000;}
    #side-menu{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,0.4);z-index:2001;display:flex;flex-direction:column;transition:left 0.3s ease;}
    #side-menu.active{left:0;}
    #side-menu nav{flex:1;padding:20px;}
    #side-menu nav a{display:block;padding:10px 0;color:#333;text-decoration:none;font-size:18px;}
    #side-menu nav a:hover{color:#3498db;}
    #side-menu footer{padding:15px 20px;font-size:12px;color:#666;border-top:1px solid #ddd;}
    .nav-link.active{text-decoration:underline;font-weight:bold;}

    /* === LOGO === */
    #logo{margin:4px 0;width:296px;height:auto;}

  /* Main content */
  main {
    max-width: 800px;
    margin: 6rem auto 2rem auto;
    padding: 2rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    animation: fadeIn 0.8s ease;
  }

  h1 {
    text-align: center;
    color: #555;
    margin-bottom: 1rem;
  }

  p {
    line-height: 1.6;
    font-size: 1.05rem;
    text-align: justify;
  }

  footer {
    text-align: center;
    font-size: 0.9rem;
    color: #777;
    margin: 2rem 0;
  }