:root { --primary-color: #0A2342; --secondary-color: #B0B0B0; --accent-color: #D4AF37; --bg-color: #F8F9FA; --text-color: #212529; --heading-font: 'Merriweather', serif; --body-font: 'Lato', sans-serif; } body { font-family: var(--body-font); background-color: var(--bg-color); color: var(--text-color); } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); color: var(--primary-color); } .btn-primary { background-color: var(--accent-color); border-color: var(--accent-color); color: var(--primary-color); font-weight: bold; } .btn-primary:hover { background-color: #c5a230; border-color: #c5a230; color: var(--primary-color); } .hero { background-color: var(--primary-color); color: var(--bg-color); padding: 6rem 2rem; text-align: center; } .hero h1 { font-size: 3.5rem; font-weight: 700; color: var(--bg-color); } .hero .lead { font-size: 1.5rem; color: var(--secondary-color); margin-bottom: 2rem; } .intake-section { padding: 4rem 2rem; } .intake-form { background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .form-control:focus { border-color: var(--accent-color); box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25); } .success-message { min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }