/* General Body Styles */ body { font-family: 'Inter', sans-serif; background-color: #F9FAFB; color: #111827; } /* Typography */ h1, h2, h3, h4, h5, h6 { font-family: 'Georgia', serif; } h2 { color: #D6BCFA; } .section.bg-light-lilac { background-color: #F5F1FD; } /* Hero Section */ .hero { background: linear-gradient(45deg, #D6BCFA, #FDBA74); color: white; padding: 100px 0; } .hero h1 { font-size: 3.5rem; font-weight: bold; } .hero p { font-size: 1.25rem; } /* Section Padding */ .section { padding: 80px 0; } /* Card Styles */ .card { border: none; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } /* Button Styles */ .btn-primary { background-color: #D6BCFA; border-color: #D6BCFA; padding: 12px 24px; border-radius: 0.5rem; } .btn-primary:hover { background-color: #C0A0F8; border-color: #C0A0F8; } .btn-secondary { background-color: #FDBA74; border-color: #FDBA74; padding: 12px 24px; border-radius: 0.5rem; } .btn-secondary:hover { background-color: #F9A84F; border-color: #F9A84F; } /* Contact Form */ .contact-form { background: white; padding: 40px; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }