body { background: #ffffff; color: #000000; font-family: Arial, sans-serif; }
.container, .wrapper, main, section { max-width: 100%; margin: auto; padding: 20px; }
.card, .panel, .box { border: 1px solid #000; background: #fff; border-radius: 8px; padding: 20px; }
button, input, select { border: 1px solid #000; background: #fff; color: #000; padding: 8px 12px; border-radius: 4px; }
h1, h2, h3, h4 { font-weight: 600; }


/* Animations */
.fade-in { animation: fadeIn 0.8s ease; }
.slide-up { animation: slideUp 0.8s ease; }

@keyframes fadeIn {
  from { opacity:0; } to { opacity:1; }
}
@keyframes slideUp {
  from { opacity:0; transform: translateY(20px);} 
  to { opacity:1; transform: translateY(0);}
}

/* Hover effects */
.card:hover, .box:hover, .panel:hover {
  transform: translateY(-4px);
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}


/* Form spacing update */
input, select {
  width:100%;
  margin-top:6px;
  margin-bottom:14px;
}
label { display:block; font-weight:600; margin-bottom:4px; }
button { margin-top:10px; }