body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', sans-serif; }
.page { display: none; }
.page.active { display: block; }
.hero-slide { opacity: 0; transition: opacity 1s; position: absolute; inset: 0; }
.hero-slide.active { opacity: 1; }
.tab-btn.active { border-color: #b89047; color: #b89047; background: #fdfbf7; }
.modal-overlay { display: none; }
.modal-overlay.show { display: flex; }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #b89047; transition: width 0.3s; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.card-hover { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); border-color: #b89047; }
.btn-gradient { background: linear-gradient(135deg, #0b573c 0%, #08422d 100%); transition: all 0.3s ease; }
.btn-gradient:hover { background: linear-gradient(135deg, #08422d 0%, #063121 100%); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(8, 66, 45, 0.25); }

@keyframes confetti-fall {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(450px) rotate(720deg); opacity: 0; }
}