/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* UNWIND WITH ANU · ASSESSMENT GATE */ /* Reusable lead-capture overlay shown before assessments */ /* Renders a GHL form inside an Unwind-branded modal. */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* Hide page content until gate has decided whether to show. */ /* This rule is also inlined into each assessment */ /* so it applies before this stylesheet finishes downloading. */ html.uwa-gate-pending body { visibility: hidden !important; } @keyframes uwa-gate-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes uwa-gate-card-in { from { opacity: 0; transform: translateY(20px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes uwa-gate-fade-out { from { opacity: 1; } to { opacity: 0; } } .uwa-gate { position: fixed; inset: 0; z-index: 99999; background: rgba(255, 252, 240, 0.97); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; padding: 20px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; animation: uwa-gate-fade-in 0.35s ease-out both; overflow-y: auto; } .uwa-gate.uwa-gate--closing { animation: uwa-gate-fade-out 0.35s ease-out both; pointer-events: none; } .uwa-gate.uwa-gate--hidden { display: none; } /* Soft dandelion watermarks */ .uwa-gate__dand { position: absolute; pointer-events: none; user-select: none; } .uwa-gate__dand--tl { top: 6%; left: 5%; width: 110px; opacity: 0.10; transform: rotate(-12deg); } .uwa-gate__dand--br { bottom: 6%; right: 5%; width: 90px; opacity: 0.08; transform: rotate(28deg); } /* ─── CARD ─── */ .uwa-gate__card { position: relative; background: #FFFCF0; border: 1px solid rgba(212, 113, 26, 0.18); border-radius: 18px; width: 100%; max-width: 560px; padding: 40px 36px 32px; box-shadow: 0 1px 0 rgba(212, 113, 26, 0.06), 0 30px 80px rgba(46, 139, 139, 0.16); animation: uwa-gate-card-in 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s both; max-height: 92vh; overflow-y: auto; } /* Subtle decorative top accent */ .uwa-gate__card::before { content: ""; position: absolute; top: -1px; left: 24px; right: 24px; height: 3px; background: linear-gradient(90deg, transparent, #2E8B8B 30%, #D4711A 70%, transparent); border-radius: 0 0 4px 4px; opacity: 0.85; } .uwa-gate__eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #D4711A; background: rgba(212, 113, 26, 0.09); padding: 6px 14px; border-radius: 30px; margin-bottom: 18px; } .uwa-gate__heading { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 30px; line-height: 1.15; font-weight: 500; color: #1A6B7A; margin: 0 0 12px 0; letter-spacing: -0.3px; } .uwa-gate__heading em { font-style: italic; color: #D4711A; } .uwa-gate__sub { font-size: 14.5px; line-height: 1.55; color: #3F4D52; margin: 0 0 22px 0; } /* ─── FORM CONTAINER ─── */ .uwa-gate__form-wrap { background: #fff; border: 1px solid rgba(212, 113, 26, 0.14); border-radius: 12px; overflow: hidden; margin: 4px 0 18px 0; min-height: 380px; position: relative; } .uwa-gate__form-wrap iframe { display: block !important; width: 100% !important; border: none !important; background: #fff; min-height: 380px; } /* Loader shown until iframe resizes itself */ .uwa-gate__loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: #fff; color: #6B7A7E; font-size: 13px; letter-spacing: 0.5px; pointer-events: none; } .uwa-gate__loader.uwa-gate__loader--hidden { display: none; } .uwa-gate__spinner { width: 28px; height: 28px; border: 2.5px solid rgba(46, 139, 139, 0.18); border-top-color: #2E8B8B; border-radius: 50%; animation: uwa-gate-spin 0.85s linear infinite; } @keyframes uwa-gate-spin { to { transform: rotate(360deg); } } /* ─── PRIVACY LINE ─── */ .uwa-gate__privacy { display: flex; align-items: flex-start; gap: 10px; border-top: 1px dashed rgba(212, 113, 26, 0.18); padding-top: 16px; font-size: 12.5px; color: #6B7A7E; line-height: 1.5; } .uwa-gate__privacy svg { flex-shrink: 0; margin-top: 2px; width: 14px; height: 14px; } /* ─── SUCCESS STATE ─── */ .uwa-gate__success { display: none; text-align: center; padding: 20px 10px 6px; } .uwa-gate__success--visible { display: block; } .uwa-gate__success-check { width: 56px; height: 56px; border-radius: 50%; background: rgba(46, 139, 139, 0.12); color: #2E8B8B; display: flex; align-items: center; justify-content: center; margin: 6px auto 16px; font-size: 26px; font-weight: 700; animation: uwa-gate-card-in 0.4s ease-out both; } .uwa-gate__success h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 24px; font-weight: 500; color: #1A6B7A; margin: 0 0 8px 0; letter-spacing: -0.2px; } .uwa-gate__success p { font-size: 14px; color: #3F4D52; margin: 0; } /* ─── LOCK BODY SCROLL WHEN GATE IS UP ─── */ body.uwa-gate-open { overflow: hidden !important; } /* ─── MOBILE ─── */ @media (max-width: 540px) { .uwa-gate { padding: 12px; } .uwa-gate__card { padding: 28px 22px 24px; border-radius: 16px; } .uwa-gate__heading { font-size: 25px; } .uwa-gate__sub { font-size: 14px; } .uwa-gate__dand--tl, .uwa-gate__dand--br { display: none; } }