/* Layout Variant: F */
body { background: #f5f5f5; }
main { animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
h1, h2, h3 { font-weight: 600; }
@media (max-width: 768px) {
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  main { padding: 0 10px !important; }
}
div:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }