1import{r as s}from"./index.o9bRfbtw.js";const n=[{href:"https://fonts.googleapis.com"},{href:"https://fonts.gstatic.com",crossOrigin:"anonymous"}],i=["https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap"],t="bepresent0-design-tokens",p=` 2 /* ââ Font Utility Classes ââ */ 3 .font-nunito { 4 font-family: 'Nunito', system-ui, -apple-system, sans-serif; 5 } 6 7 /* ââ CSS Variables ââ */ 8 :root { 9 /* Colors */ 10 --color-primary: #2563EB; 11 --color-primary-dark: #1E40AF; 12 --color-primary-light: #EFF6FF; 13 --color-success: #16a34a; 14 --color-success-light: #ECFDF5; 15 --color-success-dark: #15803d; 16 --color-warning: #f59e0b; 17 --color-warning-light: #FEF3C7; 18 --color-text-primary: #1a1a2e; 19 --color-text-secondary: #6B7280; 20 --color-text-muted: #9CA3AF; 21 --color-surface: #FFFFFF; 22 --color-surface-hover: #F9FAFB; 23 --color-border: #E5E7EB; 24 --color-border-light: #F3F4F6; 25 --color-divider: #E0E7FF; 26 27 /* Gradients */ 28 --gradient-page: linear-gradient(180deg, #f0f4ff 0%, #ffffff 100%); 29 --gradient-card-white: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(249,250,251,0.5) 100%); 30 --gradient-card-selected: linear-gradient(135deg, #EFF6FF 0%, #F0F9FF 100%); 31 --gradient-progress-fill: linear-gradient(to right, #2563EB, #1E40AF); 32 33 /* Typography */ 34 --font-display: 'Nunito', system-ui, -apple-system, sans-serif; 35 --font-body: 'Nunito', system-ui, -apple-system, sans-serif; 36 37 /* Shadows */ 38 --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04); 39 --shadow-md: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06); 40 --shadow-lg: 0 10px 25px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.08); 41 --shadow-xl: 0 20px 60px rgba(0,0,0,0.12); 42 --shadow-cta: 0 8px 16px rgba(37,99,235,0.25); 43 --shadow-cta-hover: 0 12px 24px rgba(37,99,235,0.35); 44 --shadow-focus: 0 0 0 3px rgba(37,99,235,0.1), 0 0 0 1px rgba(37,99,235,0.5); 45 46 /* Spacing */ 47 --space-xs: 4px; 48 --space-sm: 8px; 49 --space-md: 16px; 50 --space-lg: 24px; 51 --space-xl: 32px; 52 --space-2xl: 48px; 53 --space-3xl: 64px; 54 55 /* Radius */ 56 --radius-sm: 8px; 57 --radius-md: 12px; 58 --radius-lg: 16px; 59 --radius-xl: 20px; 60 --radius-2xl: 24px; 61 62 /* Animation */ 63 --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); 64 --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 65 --duration-fast: 150ms; 66 --duration-normal: 300ms; 67 --duration-slow: 600ms; 68 69 /* Layout */ 70 --container-padding: 16px; 71 --content-max-width: 480px; 72 } 73 74 @media (min-width: 768px) { 75 :root { 76 --container-padding: 32px; 77 --content-max-width: 600px; 78 } 79 } 80 81 @media (min-width: 1024px) { 82 :root { 83 --container-padding: 48px; 84 --content-max-width: 640px; 85 } 86 } 87 88 /* ââ Keyframe Animations ââ */ 89 90 @keyframes fadeInUp { 91 from { opacity: 0; transform: translateY(24px); } 92 to { opacity: 1; transform: translateY(0); } 93 } 94 95 @keyframes fadeInScale { 96 from { opacity: 0; transform: scale(0.92); } 97 to { opacity: 1; transform: scale(1); } 98 } 99 100 @keyframes slideInRight { 101 from { opacity: 0; transform: translateX(40px); } 102 to { opacity: 1; transform: translateX(0); } 103 } 104 105 @keyframes slideOutLeft { 106 from { opacity: 1; transform: translateX(0); } 107 to { opacity: 0; transform: translateX(-30px) scale(0.96); } 108 } 109 110 @keyframes cardTap { 111 0% { transform: scale(1); } 112 50% { transform: scale(0.97); } 113 100% { transform: scale(1); } 114 } 115 116 @keyframes float { 117 0%, 100% { transform: translateY(0) rotate(0deg); } 118 50% { transform: translateY(-16px) rotate(1.5deg); } 119 } 120 121 @keyframes ctaPulse { 122 0%, 100% { box-shadow: 0 8px 16px rgba(37,99,235,0.25); } 123 50% { box-shadow: 0 12px 28px rgba(37,99,235,0.40); } 124 } 125 126 @keyframes stepActivate { 127 from { background-color: #E5E7EB; color: #9CA3AF; box-shadow: none; } 128 to { background-color: #2563EB; color: #FFFFFF; box-shadow: 0 0 0 4px rgba(37,99,235,0.15); } 129 } 130 131 @keyframes stepComplete { 132 0% { background-color: #2563EB; transform: scale(0.85); } 133 50% { background-color: #16a34a; transform: scale(1.15); } 134 100% { background-color: #16a34a; transform: scale(1); } 135 } 136 137 @keyframes completionGlow { 138 0% { box-shadow: 0 20px 60px rgba(0,0,0,0.12); } 139 50% { box-shadow: 0 20px 60px rgba(37,99,235,0.22); } 140 100% { box-shadow: 0 20px 60px rgba(0,0,0,0.12); } 141 } 142 143 @keyframes scoreReveal { 144 from { opacity: 0; transform: scale(0.75); } 145 to { opacity: 1; transform: scale(1); } 146 } 147 148 @keyframes statCardEnter { 149 from { opacity: 0; transform: translateY(30px); } 150 to { opacity: 1; transform: translateY(0); } 151 } 152 153 @keyframes spin { 154 to { transform: rotate(360deg); } 155 } 156 157 @keyframes pulse { 158 0%, 100% { opacity: 1; } 159 50% { opacity: 0.5; } 160 } 161 162 /* ââ Global Base Styles ââ */ 163 164 .quiz-page-bg { 165 background: var(--gradient-page); 166 min-height: 100dvh; 167 position: relative; 168 overflow-x: hidden; 169 } 170 171 /* Mobile-on-desktop layout â keep entire flow in a phone-shaped column on wide screens */ 172 @media (min-width: 768px) { 173 html, body { 174 background: #e8ebf2 !important; 175 } 176 #Bepresent1, 177 #Bepresent2 { 178 max-width: 480px !important; 179 margin-left: auto !important; 180 margin-right: auto !important; 181 } 182 #Bepresent1 { 183 border-top-left-radius: 28px; 184 border-top-right-radius: 28px; 185 margin-top: 24px; 186 box-shadow: 0 -2px 0 0 rgba(0,0,0,0.02); 187 } 188 #Bepresent2 { 189 border-bottom-left-radius: 28px; 190 border-bottom-right-radius: 28px; 191 box-shadow: 0 24px 60px rgba(0,0,0,0.12), 0 8px 18px rgba(0,0,0,0.06); 192 overflow: hidden; 193 margin-bottom: 32px; 194 } 195 .quiz-page-bg { 196 min-height: auto; 197 } 198 .bepresent2__fullscreen #multi-form13 { 199 min-height: calc(100dvh - 56px - 56px) !important; 200 } 201 } 202 203 .quiz-content { 204 max-width: var(--content-max-width); 205 margin: 0 auto; 206 padding: 0 var(--container-padding); 207 } 208 209 /* ââ Scroll-Triggered Animations ââ */ 210 .animate-on-scroll { 211 opacity: 0; 212 transform: translateY(24px); 213 transition: opacity 600ms var(--ease-smooth), transform 600ms var(--ease-smooth); 214 } 215 216 .animate-on-scroll.is-visible { 217 opacity: 1; 218 transform: translateY(0); 219 } 220 221 /* ââ Reduced Motion ââ */ 222 @media (prefers-reduced-motion: reduce) { 223 *, *::before, *::after { 224 animation-duration: 0.01ms !important; 225 transition-duration: 0.01ms !important; 226 } 227 } 228 `,l=c=>(s.useEffect(()=>{const r=[];for(const{href:e,crossOrigin:a}
228of n){if(document.head.querySelector(`link[rel="preconnect"][href="${e}"]`))continue;const o=document.createElement("link");o.rel="preconnect",o.href=e,a&&(o.crossOrigin=a),document.head.appendChild(o),r.push(o)}for(const e of i){if(document.head.querySelector(`link[rel="stylesheet"][href="${e}"]`))continue;const a=document.createElement("link");a.rel="stylesheet",a.href=e,document.head.appendChild(a),r.push(a)}if(!document.head.querySelector(`style#${t}`)){const e=document.createElement("style");e.id=t,e.textContent=p,document.head.appendChild(e),r.push(e)}return()=>{for(const e of r)e.remove()}},[]),null),m={};export{l as Bepresent0,m as Bepresent0Defaults};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.