/* Navy/Gold Theme + Animations for ContractorLicenseCPA.com */ body { font-family: 'Arial', sans-serif; background: linear-gradient(to bottom, #f8fafc, #ffffff); color: #1e293b; } .header { background: #1e293b; color: white; padding: 4rem 1rem; text-align: center; } .hero h1 { font-size: 3rem; color: #f59e0b; margin: 0; } .cta-button { background: #f59e0b; color: white; padding: 1rem 2rem; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; transition: all 0.3s; } .cta-button:hover { background: #d97706; transform: scale(1.05); } .section { padding: 3rem 1rem; max-width: 1200px; margin: 0 auto; } .table { width: 100%; border-collapse: collapse; margin: 1rem 0; } .table th { background: #1e293b; color: white; padding: 1rem; } .table td { padding: 1rem; border-bottom: 1px solid #cbd5e1; } .form-group { margin-bottom: 1rem; } .form-group label { font-weight: bold; color: #1e293b; display: block; margin-bottom: 0.5rem; } .form-group input, select, textarea { width: 100%; padding: 0.75rem; border: 1px solid #cbd5e0; border-radius: 4px; box-sizing: border-box; } .testimonial { background: #fef3c7; padding: 1.5rem; border-radius: 8px; margin: 1rem 0; text-align: center; } #popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; } .popup-content { background: white; margin: 15% auto; padding: 2rem; width: 90%; max-width: 400px; border-radius: 10px; text-align: center; animation: fadeIn 0.3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .hero h1 { font-size: 2rem; } .table { font-size: 0.9rem; } }