@font-face{font-family:Newake;src:url(/assets/fonts/Newake-Font-Demo.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Gotham Black;src:url(/assets/fonts/Gotham-Black.woff2)format("woff2");font-weight:900;font-style:normal}@font-face{font-family:League Spartan;src:url(/assets/fonts/leaguespartan-bold.woff2)format("woff2");font-weight:700;font-style:normal}:root{--color-bg:#1c1c1c;--color-green:#688e40;--color-yellow:#fbbc05;--color-form-label:#2c2c2c;--color-white:#fff;--font-display:"Anton", "Impact", sans-serif;--font-body:"Montserrat", sans-serif;--font-newake:"Newake", sans-serif;--font-gotham:"Gotham Black", sans-serif;--font-spartan:"League Spartan", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--color-bg);font-family:var(--font-body)}#root{width:100%;height:100%}.app-root{flex-direction:column;width:100%;height:100svh;display:flex;overflow:hidden}.bg-dark{background-color:var(--color-bg)}.bg-yellow{background-color:var(--color-yellow)}.text-green{color:var(--color-green)}.text-yellow{color:var(--color-yellow)}.header-container{z-index:5;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:0 5.5vw;display:flex}.logo-left{object-fit:contain;width:clamp(60px,18vw,90px)}.logo-right{object-fit:contain;border-radius:8px;width:clamp(90px,28vw,140px);margin-top:clamp(10px,4vw,20px)}.hero-image-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.hero-image{object-fit:contain;filter:drop-shadow(0 20px 20px #0009);width:75%;max-width:280px;height:100%}.title-container{width:fit-content;font-family:var(--font-newake);z-index:10;flex-direction:column;flex-shrink:0;align-items:flex-start;margin:0 auto;line-height:.88;display:flex;position:relative;transform:scaleY(1.1)}.title-line-1{letter-spacing:0;font-size:clamp(1.8rem,8.5vw,2.8rem);font-weight:400}.title-line-2{letter-spacing:-.5px;margin-top:-4px;margin-left:clamp(.8rem,3.5vw,1.5rem);font-size:clamp(1.9rem,9vw,3rem);font-weight:400}.form-container{flex-direction:column;flex-shrink:0;gap:clamp(8px,2.5vw,14px);width:100%;padding:clamp(16px,5vw,40px) clamp(20px,10vw,45px) clamp(16px,4vw,30px);display:flex}.form-group{align-items:center;width:100%;height:clamp(38px,10vw,48px);display:flex}.form-label{background-color:var(--color-form-label);color:var(--color-white);border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:38%;height:100%;padding:0 8px;font-size:clamp(11px,3vw,13px);font-weight:700;display:flex}.form-input{height:100%;font-family:var(--font-body);border:none;border-radius:0 8px 8px 0;outline:none;flex:1;padding:0 12px;font-size:clamp(11px,3vw,13px);font-weight:700}.form-input:focus{box-shadow:inset 0 0 0 2px var(--color-yellow)}.btn-submit{background-color:var(--color-yellow);color:#000;font-size:clamp(13px,3.5vw,15px);font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;border-radius:9999px;align-self:center;margin:clamp(8px,2vw,15px) auto 0;padding:clamp(10px,3vw,14px) clamp(28px,8vw,40px);transition:transform .1s,opacity .2s;display:inline-block;box-shadow:inset 0 -2px #0000001a}.btn-submit:active{transform:scale(.96)}.question-header-image{object-fit:contain;background-color:#0000;border-radius:4px;flex-shrink:0;width:calc(100% - clamp(20px,5vw,40px));max-height:clamp(160px,35svh,260px);margin:clamp(32px,7svh,55px) auto 0;display:block}.question-card-wrapper{z-index:2;flex-shrink:0;margin-top:clamp(-20px,-4vw,-30px);padding:0 clamp(20px,6vw,45px);position:relative}.question-box{font-family:var(--font-gotham);color:#17385c;text-align:left;background:#fff;border-radius:8px;margin:0 10px;padding:clamp(10px,3vw,16px) clamp(12px,4vw,20px) clamp(12px,4vw,20px) clamp(30px,8vw,45px);font-size:clamp(13px,3.5vw,16px);font-weight:900;position:relative;box-shadow:0 5px 15px #00000026}.q-badge{background-color:var(--color-green);color:#fff;width:clamp(38px,10vw,50px);height:clamp(38px,10vw,50px);font-size:clamp(16px,4.5vw,20px);font-family:var(--font-newake);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;left:-15px;box-shadow:0 2px 5px #0003}.options-container{flex-direction:column;flex:1;gap:clamp(12px,3.5vw,20px);min-height:0;padding:clamp(20px,5vw,35px) clamp(16px,5vw,24px) clamp(10px,4vw,20px);display:flex;overflow-y:auto}.options-container::-webkit-scrollbar{display:none}.options-container{-ms-overflow-style:none;scrollbar-width:none}.option-row{cursor:pointer;flex-shrink:0;align-items:flex-start;margin-top:10px;transition:transform .1s;display:flex;position:relative}.option-row:active{transform:scale(.98)}.option-badge{background-color:var(--color-green);color:#fff;width:clamp(26px,7vw,32px);height:clamp(26px,7vw,32px);font-size:clamp(12px,3.5vw,14px);font-family:var(--font-newake);z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-12px;left:-12px;box-shadow:0 2px 4px #0000001a}.option-text{color:#17385c;width:100%;font-family:var(--font-spartan);background-color:#fff;border-radius:2px;padding:clamp(10px,3vw,14px) 10px clamp(10px,3vw,14px) clamp(22px,6vw,30px);font-size:clamp(11px,3vw,13px);font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0000000d}.option-row.selected .option-text{background-color:var(--color-green);color:#fff}.option-row.selected .option-badge{color:var(--color-green);border-color:var(--color-green);background-color:#fff}.footer-banner{flex-shrink:0;justify-content:center;width:100%;padding:clamp(6px,2vw,12px) clamp(16px,5vw,24px) clamp(8px,2.5vw,20px);display:flex}.result-screen{z-index:100;-webkit-overflow-scrolling:touch;background:#000;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow-y:auto}.result-image{object-fit:cover;width:100%;height:auto;min-height:100dvh;display:block}.header-overlay{z-index:10;position:absolute;top:0;left:0;right:0}