* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: #1f2937; background: #fefefe; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }
.container-custom { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
@media (min-width: 768px) { .container-custom { padding: 0 2rem; } }
@media (min-width: 1024px) { .container-custom { padding: 0 3rem; } }
.hero-gradient { background: linear-gradient(135deg, #fefefe 0%, #f3f4f6 100%); }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
.float-animation { animation: float 6s ease-in-out infinite; }
html { scroll-behavior: smooth; }