@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  body {
    background-color: #ffffff;
    color: #111;
    line-height: 1.6;
    font-size: 16px;
    animation: fade-in 0.8s ease-in-out;
  }
  
  button {
    background-color: #f3f3f3;
    color: #111;
    border: 1px solid #ddd;
    padding: 0.6em 1.2em;
    margin: 0.2em;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
  }
  
  button:hover {
    background-color: #e0e0e0;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
  }