Contact | AiTech Quest Contact Us | AI Tech Quest /* Color Palette */ :root { --accent-orange: #FFA500; --accent-teal: #4FC3C7; --white: #FFFFFF; --dark-gray: #22223B; } body { background: var(--white); font-family: 'Inter', sans-serif; margin: 0; padding: 0; color: var(--dark-gray); } .contact-wrapper { max-width: 900px; margin: 60px auto; background: var(--white); border-radius: 18px; box-shadow: 0 8px 32px rgba(34, 34, 59, 0.1); display: flex; flex-wrap: wrap; overflow: hidden; } .contact-info { flex: 1 1 320px; background: linear-gradient(135deg, var(--accent-teal) 60%, var(--accent-orange) 100%); color: var(--white); padding: 48px 36px; display: flex; flex-direction: column; justify-content: center; } .contact-info h2 { margin: 0 0 16px 0; font-size: 2.1rem; font-weight: 600; } .contact-info p { margin-bottom: 32px; font-size: 1.1rem; line-height: 1.6; } .contact-social { margin-top: auto; display: flex; gap: 20px; } .contact-social a { color: var(--white); font-size: 1.5rem; text-decoration: none; transition: color 0.2s; } .contact-social a:hover { color: var(--accent-orange); } .contact-form-section { flex: 2 1 400px; padding: 48px 36px; display: flex; flex-direction: column; justify-content: center; color: var(--dark-gray); } .contact-form-section h3 { margin-bottom: 12px; font-size: 1.5rem; font-weight: 600; color: var(--accent-teal); } form { display: flex; flex-direction: column; gap: 18px; } input, textarea { padding: 14px 16px; border: 1.5px solid #e0e0e0; border-radius: 8px; font-size: 1rem; background: #fafbfc; transition: border 0.2s; resize: none; color: var(--dark-gray); } input::placeholder, textarea::placeholder { color: #999999; } input:focus, textarea:focus { border: 1.5px solid var(--accent-orange); outline: none; } button { padding: 14px; background: var(--accent-orange); color: var(--white); border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.3s ease; } button:hover { background: #cc8400; /* Darker orange on hover */ } .privacy-note { font-size: 0.95rem; color: #888; margin-top: 8px; display: flex; align-items: center; gap: 6px; } .privacy-note i { color: var(--accent-teal); } @media (max-width: 900px) { .contact-wrapper { flex-direction: column; max-width: 98vw; } .contact-info, .contact-form-section { padding: 32px 16px; } } Contact AI Tech Quest Have a question, partnership idea, or just want to say hello? Fill out the form or reach us via social channels below. We’ll get back to you soon! Send a Message Send Message We respect your privacy. Your information is safe with us.