/*
 * Contact Page – Revamped Styles
 * Two-column hero layout inspired by Glimpse reference
 * Theme-aware: primary-1 yellow (#ffe158), primary-2 black (#000)
 */

/* Missing variables for home components used on this page */
:root {
    --ui-color-ink-900: #101718;
    --ui-color-white: #ffffff;
    --ui-radius-pill: 999px;
    --ui-border-soft: 1px solid rgba(16, 23, 24, 0.08);
}

/* =============================================
   HERO SECTION
   ============================================= */
.contact-page-bg-wrapper {
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--primary-1-rgb, 255, 225, 88), 0.05), transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(var(--primary-1-rgb, 255, 225, 88), 0.03), transparent 40%),
        linear-gradient(180deg, #ffffff 0%, #fbfbfc 50%, #f7f6f9 100%);
    overflow: hidden;
}