Got a question or idea?

Whether it’s feedback, school partnerships, or support — we’re just a message away.

Why reach out?

Ask about school partnerships & program details
Get help with student accounts or certificates
Share feedback to make Upnity Junior even better

Prefer WhatsApp?
Use the WhatsApp button on your dashboard for quick help.

Send us a message

Fill in the form and our team will get back to you as soon as possible.

=========================== */ .uj-contact-wrap { padding: 80px 0 90px; background: radial-gradient(circle at top left, #3d1cff 0%, #190052 55%, #100033 100%); color: #fff; font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; } .uj-contact-inner { width: 90%; max-width: 1120px; margin: 0 auto; } /* Header */ .uj-contact-header { text-align: center; margin-bottom: 40px; } .uj-contact-kicker { font-size: 15px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; margin-bottom: 6px; } .uj-contact-title { font-size: 32px; font-weight: 800; margin-bottom: 10px; } .uj-contact-subtitle { max-width: 620px; margin: 0 auto; font-size: 15px; opacity: 0.9; } /* Layout */ .uj-contact-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr); gap: 28px; } /* Left column */ .uj-contact-info { background: rgba(4, 0, 40, 0.75); border-radius: 24px; padding: 24px 22px 22px; border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55); } .uj-contact-info h2 { font-size: 20px; margin-bottom: 10px; } .uj-contact-info ul { padding-left: 18px; margin: 0 0 18px; font-size: 14px; line-height: 1.6; } .uj-contact-info li + li { margin-top: 4px; } .uj-contact-highlight { margin-top: 6px; padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, rgba(255, 200, 90, 0.15), rgba(255, 100, 180, 0.15)); font-size: 13px; } /* Right column – form card */ .uj-contact-form-card { background: rgba(255, 255, 255, 0.98); border-radius: 24px; padding: 24px 24px 22px; color: #111827; box-shadow: 0 22px 60px rgba(15, 23, 42, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.7); } .uj-contact-form-card h2 { font-size: 20px; margin-bottom: 6px; } .uj-contact-form-caption { font-size: 14px; color: #4b5563; margin-bottom: 14px; } /* Make WPForms blend in */ .uj-contact-form-inner .wpforms-form input[type="text"], .uj-contact-form-inner .wpforms-form input[type="email"], .uj-contact-form-inner .wpforms-form input[type="tel"], .uj-contact-form-inner .wpforms-form textarea { border-radius: 12px; border: 1px solid #e5e7eb; padding: 10px 12px; font-size: 14px; } .uj-contact-form-inner .wpforms-form button[type="submit"], .uj-contact-form-inner .wpforms-submit { border-radius: 999px !important; padding: 10px 22px !important; font-weight: 600; background: linear-gradient(135deg, #7c3aed, #ec4899) !important; border: none !important; color: #fff !important; box-shadow: 0 10px 25px rgba(124, 58, 237, 0.5); } /* Responsive */ @media (max-width: 900px) { .uj-contact-wrap { padding: 60px 0 70px; } .uj-contact-grid { grid-template-columns: 1fr; } .uj-contact-form-card { order: -1; /* form on top on mobile */ } } =========================== */ .uj-contact-wrap { padding: 80px 0 90px; background: radial-gradient(circle at top left, #3d1cff 0%, #190052 55%, #100033 100%); color: #fff; font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; } .uj-contact-inner { width: 90%; max-width: 1120px; margin: 0 auto; } /* Header */ .uj-contact-header { text-align: center; margin-bottom: 40px; } .uj-contact-kicker { font-size: 15px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; margin-bottom: 6px; } .uj-contact-title { font-size: 32px; font-weight: 800; margin-bottom: 10px; } .uj-contact-subtitle { max-width: 620px; margin: 0 auto; font-size: 15px; opacity: 0.9; } /* Layout */ .uj-contact-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr); gap: 28px; } /* Left column */ .uj-contact-info { background: rgba(4, 0, 40, 0.75); border-radius: 24px; padding: 24px 22px 22px; border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55); } .uj-contact-info h2 { font-size: 20px; margin-bottom: 10px; } .uj-contact-info ul { padding-left: 18px; margin: 0 0 18px; font-size: 14px; line-height: 1.6; } .uj-contact-info li + li { margin-top: 4px; } .uj-contact-highlight { margin-top: 6px; padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, rgba(255, 200, 90, 0.15), rgba(255, 100, 180, 0.15)); font-size: 13px; } /* Right column – form card */ .uj-contact-form-card { background: rgba(255, 255, 255, 0.98); border-radius: 24px; padding: 24px 24px 22px; color: #111827; box-shadow: 0 22px 60px rgba(15, 23, 42, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.7); } .uj-contact-form-card h2 { font-size: 20px; margin-bottom: 6px; } .uj-contact-form-caption { font-size: 14px; color: #4b5563; margin-bottom: 14px; } /* Make WPForms blend in */ .uj-contact-form-inner .wpforms-form input[type="text"], .uj-contact-form-inner .wpforms-form input[type="email"], .uj-contact-form-inner .wpforms-form input[type="tel"], .uj-contact-form-inner .wpforms-form textarea { border-radius: 12px; border: 1px solid #e5e7eb; padding: 10px 12px; font-size: 14px; } .uj-contact-form-inner .wpforms-form button[type="submit"], .uj-contact-form-inner .wpforms-submit { border-radius: 999px !important; padding: 10px 22px !important; font-weight: 600; background: linear-gradient(135deg, #7c3aed, #ec4899) !important; border: none !important; color: #fff !important; box-shadow: 0 10px 25px rgba(124, 58, 237, 0.5); } /* Responsive */ @media (max-width: 900px) { .uj-contact-wrap { padding: 60px 0 70px; } .uj-contact-grid { grid-template-columns: 1fr; } .uj-contact-form-card { order: -1; /* form on top on mobile */ } }