@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@font-face{font-family:AntiqueOliveNord;src:url(/fonts/AntiqueOliveNordD.woff2) format("woff2"),url(/fonts/AntiqueOliveNordD.woff) format("woff");font-weight:700;font-style:normal;font-display:block}:root{--brand-pink:#E60076;--brand-lime:#AAEE00;--brand-blue:#002487;--brand-purple:#9417CC;--brand-orange:#FF4D2B;--brand-gray:#D9D9D9;--brand-black:#0D0D1A;--gradient-bg:linear-gradient(12.06deg,#002487 15%,#FF4D2B 71.63%);--white:#FFFFFF;--near-black:#0D0D1A;--card-bg:rgba(255,255,255,0.08);--card-shadow:4px 3px 0px -1px #E60076A6;--border-subtle:rgba(255,255,255,0.15);--font-heading:"AntiqueOliveNord","Impact","Arial Black",sans-serif;--font-body:"Roboto",sans-serif;--max-w:540px;--px:20px;--radius-pill:16px;--radius-card:16px;--t-fast:150ms ease;--t-med:280ms ease-in-out;--t-slow:400ms ease;--sds-size-depth-800:8px;--sds-size-depth-negative-100:-2px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;background:var(--near-black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-root,body{min-height:100dvh;overflow-x:hidden}#app-root{position:relative;width:100%}.gradient-bg{position:absolute;inset:0;background:var(--gradient-bg);z-index:0}.page-wrapper{position:relative;z-index:1;min-height:100dvh;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:0 var(--px) env(safe-area-inset-bottom,24px)}.content-card{width:100%;max-width:var(--max-w);background:#FFFFFFE5;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:28px 24px;box-shadow:4px 3px var(--sds-size-depth-800) var(--sds-size-depth-negative-100) rgba(230,0,118,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.heading{font-family:var(--font-heading);font-weight:700;color:rgba(0,0,0,.85);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.heading-xl{font-size:clamp(28px,7vw,44px)}.heading-lg{font-size:clamp(22px,5.5vw,34px)}.heading-md{font-size:clamp(18px,4.5vw,26px)}.heading-sm{font-size:clamp(14px,3.5vw,18px)}.heading-xs{font-size:clamp(12px,3vw,16px)}.heading-xxs{font-size:clamp(10px,2.5vw,14px)}.heading-xxxs{font-size:clamp(8px,2vw,12px)}.body-text{font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.6;color:rgba(0,0,0,.85)}.label-text{font-weight:500;font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.6)}.btn,.label-text{font-family:var(--font-body);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:.04em;cursor:pointer;border:none;outline:none;transition:all var(--t-med);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--brand-orange);color:var(--white);padding:16px 32px;border-radius:var(--radius-pill);box-shadow:0 4px 20px rgba(230,0,118,.4)}.btn-primary:focus-visible,.btn-primary:hover{background:#FF4D2B;transform:translateY(-1px);box-shadow:0 6px 28px rgba(230,0,118,.5)}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.5);padding:12px 24px;border-radius:var(--radius-pill)}.btn-ghost:focus-visible,.btn-ghost:hover{background:var(--white);color:var(--near-black);border-color:var(--white)}.btn-ghost:active{transform:scale(.97)}.btn-nav-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:20px var(--px);width:100%;max-width:var(--max-w)}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.answer-btn{width:100%;display:flex;align-items:center;gap:12px;padding:16px 48px 16px 20px;background:var(--white);color:var(--near-black);border:none;border-radius:var(--radius-card);font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.4;text-align:left;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);-webkit-tap-highlight-color:transparent;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.answer-btn:active{transform:scale(.98)}.answer-btn.idle{background:var(--white)}.answer-btn.selected-primary{background:var(--brand-lime);color:var(--near-black);font-weight:500;box-shadow:0 4px 16px rgba(170,238,0,.35)}.answer-btn.selected-secondary{background:#d4f560;color:var(--near-black);font-weight:500}.answer-badge{position:absolute;right:16px;top:0;bottom:0;margin:auto 0;min-width:28px;height:28px;padding:0 6px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.05em;flex-shrink:0;background:rgba(0,0,0,.15);color:var(--near-black);transition:background var(--t-fast),color var(--t-fast);animation:badgePop .18s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.answer-btn.selected-primary .answer-badge,.answer-btn.selected-secondary .answer-badge{background:rgba(0,0,0,.15)}.progress-bar-wrap{width:100%;max-width:var(--max-w);display:flex;align-items:center;gap:10px;padding:0 var(--px)}.progress-counter{font-family:var(--font-heading);font-size:13px;font-weight:700;color:rgba(255,255,255,.7);min-width:20px;text-align:center}.progress-track{flex:1 1;height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--white);border-radius:3px;transition:width var(--t-med)}.section-badge{display:inline-flex;align-items:center;padding:6px 16px;background:var(--white);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--near-black)}.logo-wrap{display:flex;justify-content:center;padding:24px 0 16px;width:100%;max-width:var(--max-w)}.logo-img-landing{height:clamp(90px,22vw,140px)}.logo-img,.logo-img-landing{width:auto;object-fit:contain}.logo-img{height:48px}.footer{width:100%;max-width:var(--max-w);display:flex;align-items:center;justify-content:center;gap:20px;padding:20px var(--px) 32px;margin-top:auto}.footer-logo{height:40px;width:auto}.discipline-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--radius-card);background:var(--brand-pink);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.discipline-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.discipline-card:active{transform:scale(.97)}.modal-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:100%;max-width:340px;background:#D9D9D9;border-radius:var(--radius-card);padding:28px 24px;color:var(--near-black);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideRight{0%{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.anim-fade-in{animation:fadeIn var(--t-med) forwards}.anim-slide-left{animation:slideLeft var(--t-med) forwards}.anim-slide-right{animation:slideRight var(--t-med) forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-3{gap:12px}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}