@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600&display=swap";body{margin:0}.qq-quiz-root,.qq-quiz-root *,.qq-quiz-root :before,.qq-quiz-root :after{box-sizing:border-box;margin:0;padding:0}.qq-quiz-root{--qq-rem:16px;isolation:isolate;color:#f5f5f5;background:#2a4d6e;width:100dvw;min-height:100dvh;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.qq-quiz-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#97c93d24 0%,#0000 70%);position:absolute;inset:0}.qq-quiz-root:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.qq-quiz-root .screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.5rem;animation:.4s both qq-fadeUp;display:none;position:relative}.qq-quiz-root .screen.active{display:flex}.qq-quiz-root .logo-wrap{align-items:center;gap:10px;margin-bottom:1.75rem;display:flex}.qq-quiz-root .logo-img{width:auto;height:50px;display:block}.qq-quiz-root .btn-back{color:#b8d0e8;font-family:DM Sans,sans-serif;font-size:calc(var(--qq-rem,16px) * .9375);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:1.25rem;padding:6px 12px;font-weight:500;transition:color .15s,background .15s}.qq-quiz-root .btn-back:hover{color:#97c93d;background:#97c93d2e}.qq-quiz-root .hero-badge{color:#1a3a00;font-size:calc(var(--qq-rem,16px) * 1);letter-spacing:.12em;text-transform:uppercase;background:#97c93d;border-radius:99px;margin-bottom:1.5rem;padding:5px 16px;font-weight:700}.qq-quiz-root h1.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(calc(var(--qq-rem,16px) * 3), 9vw, calc(var(--qq-rem,16px) * 4.75));text-align:center;letter-spacing:.02em;color:#fff;margin-bottom:1rem;line-height:1}.qq-quiz-root h1.hero-title span{color:#97c93d}.qq-quiz-root .hero-sub{font-size:calc(var(--qq-rem,16px) * 1.25);color:#b8d0e8;text-align:center;max-width:380px;margin-bottom:2rem;line-height:1.65}.qq-quiz-root .tagline{font-size:calc(var(--qq-rem,16px) * 1);color:#b8d0e8;text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.75rem}.qq-quiz-root .tagline span{color:#97c93d}.qq-quiz-root .btn-primary{letter-spacing:2px;cursor:pointer;border:none;font-family:Bebas Neue,sans-serif;transition:background .2s,color .2s,transform .15s,box-shadow .2s,opacity .2s}.qq-quiz-root .btn-primary:active{transform:scale(.97)}.qq-quiz-root .btn-primary{color:#000;font-size:calc(var(--qq-rem,16px) * 2.125);background:#fff;border-radius:14px;padding:16px clamp(.938rem,9.25vw - 1.664rem,3.25rem);box-shadow:0 4px 20px #ffffff1f}.qq-quiz-root .btn-primary:hover{color:#fff;background:#97c93d;transform:translateY(-2px);box-shadow:0 8px 36px #97c93d2e}.qq-quiz-root .form-card{background:#3b6186;border:1px solid #2a4d6e;border-radius:20px;width:100%;max-width:440px;padding:2rem}.qq-quiz-root .form-top{align-items:center;gap:10px;margin-bottom:1.5rem;display:flex}.qq-quiz-root .form-icon{color:#97c93d;width:36px;height:36px;font-size:calc(var(--qq-rem,16px) * 1.25);background:#97c93d2e;border:1px solid #97c93d;border-radius:8px;justify-content:center;align-items:center;display:flex}.qq-quiz-root .form-title{font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 2.125);letter-spacing:.04em}.qq-quiz-root .form-sub{color:#b8d0e8;font-size:calc(var(--qq-rem,16px) * 1.25);margin-bottom:1.5rem;line-height:1.3em}.qq-quiz-root .field{margin-bottom:1.1rem}.qq-quiz-root .field .fk-label{font-size:calc(var(--qq-rem,16px) * 1);letter-spacing:.1em;text-transform:uppercase;color:#b8d0e8;margin-bottom:5px;font-weight:600;display:block}.qq-quiz-root .field .fk-input{width:100%;font-family:DM Sans,sans-serif;font-size:calc(var(--qq-rem,16px) * 1.0625);color:#f5f5f5;background:#2a4d6e;border:1.5px solid #2a4d6e;border-radius:10px;outline:none;padding:12px 15px;transition:border-color .2s}.qq-quiz-root .field .fk-input:focus{border-color:#97c93d}.qq-quiz-root .field .fk-input::placeholder{color:#3f74a5}.qq-quiz-root .field .fk-messages{margin-top:4px;list-style:none}.qq-quiz-root .field .fk-message{font-size:calc(var(--qq-rem,16px) * .9375);color:#ffb347}.qq-quiz-root .btn-submit{letter-spacing:2px;cursor:pointer;border:none;font-family:Bebas Neue,sans-serif;transition:background .2s,color .2s,transform .15s,box-shadow .2s,opacity .2s}.qq-quiz-root .btn-submit:active{transform:scale(.97)}.qq-quiz-root .btn-submit{color:#1a3a00;width:100%;font-size:calc(var(--qq-rem,16px) * 2.125);background:#97c93d;border-radius:10px;margin-top:.5rem;padding:14px}.qq-quiz-root .btn-submit:hover{opacity:.88;transform:translateY(-1px)}.qq-quiz-root .privacy{font-size:calc(var(--qq-rem,16px) * 1);color:#b8d0e8;text-align:center;opacity:.7;margin-top:.9rem}.qq-quiz-root .form-error{font-size:calc(var(--qq-rem,16px) * 1.0625);color:#fff;text-align:center;margin-bottom:.75rem}.qq-quiz-root .event-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A9B4A0' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;padding-right:40px}.qq-quiz-root .event-manual-link{color:#b8d0e8;width:100%;font-size:calc(var(--qq-rem,16px) * 1);text-align:center;cursor:pointer;background:0 0;border:none;margin-top:1.75rem;text-decoration:underline;display:block}.qq-quiz-root .event-manual-link:hover{color:#f5f5f5}.qq-quiz-root .quiz-header{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:1.75rem;display:flex}.qq-quiz-root .q-counter{font-size:calc(var(--qq-rem,16px) * .9375);color:#b8d0e8}.qq-quiz-root .q-counter strong{color:#97c93d;font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 1.5)}.qq-quiz-root .progress-bar{background:#4a729a;border-radius:99px;flex:1;height:5px;margin:0 1rem;overflow:hidden}.qq-quiz-root .progress-fill{background:#97c93d;border-radius:99px;height:100%;transition:width .4s}.qq-quiz-root .timer-ring{font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 2.625);color:#97c93d;text-align:right;min-width:38px;transition:color .3s}.qq-quiz-root .timer-ring.warn{color:#ffb347}.qq-quiz-root .question-box{background:#3b6186;border:1px solid #2a4d6e;border-radius:20px;width:100%;max-width:600px;margin-bottom:1.25rem;padding:1.75rem 2rem}.qq-quiz-root .q-num{font-size:calc(var(--qq-rem,16px) * 1);letter-spacing:.12em;text-transform:uppercase;color:#97c93d;margin-bottom:.6rem;font-weight:700}.qq-quiz-root .q-text{font-size:calc(var(--qq-rem,16px) * 1.5);font-weight:500;line-height:1.2em}.qq-quiz-root .answers{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:600px;display:grid}.qq-quiz-root .ans-btn{font-family:DM Sans,sans-serif;font-size:calc(var(--qq-rem,16px) * 1.0625);color:#f5f5f5;text-align:left;cursor:pointer;background:#3b6186;border:1.5px solid #2a4d6e;border-radius:12px;padding:15px 16px;line-height:1.4;transition:border-color .15s,background .15s}@media (hover:hover) and (pointer:fine){.qq-quiz-root .ans-btn:hover:not(:disabled){background:#97c93d2e;border-color:#97c93d}}.qq-quiz-root .ans-btn.correct{color:#3effa0;background:#3effa014;border-color:#3effa0}.qq-quiz-root .ans-btn.wrong{color:#ffb347;background:#ffb3471a;border-color:#ffb347}.qq-quiz-root .ans-btn:disabled{cursor:default}.qq-quiz-root .score-flash{font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 1.5);color:#97c93d;letter-spacing:.06em;text-align:center;min-height:28px;margin-top:.5rem}.qq-quiz-root .result-ring-wrap{width:230px;height:230px;margin-bottom:1.5rem;position:relative}.qq-quiz-root .result-ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.qq-quiz-root .result-ring-track{fill:none;stroke:#ffffff14;stroke-width:6px}.qq-quiz-root .result-ring-progress{fill:none;stroke:#97c93d;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px #97c93d2e)}.qq-quiz-root .result-ring{background:#97c93d2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 0 50px #97c93d2e}.qq-quiz-root .result-score{font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 6);color:#97c93d;line-height:1}.qq-quiz-root .result-label{font-size:calc(var(--qq-rem,16px) * 1.25);color:#b8d0e8;letter-spacing:.1em;text-transform:uppercase}.qq-quiz-root .result-title{font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 2.625);text-align:center;margin-bottom:.5rem}.qq-quiz-root .result-msg{color:#b8d0e8;font-size:calc(var(--qq-rem,16px) * 1.25);text-align:center;max-width:340px;margin-bottom:2rem;line-height:1.3em}.qq-quiz-root .btn-board{color:#97c93d;font-family:Bebas Neue,sans-serif;font-size:calc(var(--qq-rem,16px) * 1.5);letter-spacing:.08em;cursor:pointer;background:0 0;border:1.5px solid #97c93d;border-radius:14px;padding:13px 38px;transition:background .2s}.qq-quiz-root .btn-board:hover{background:#97c93d2e}.qq-quiz-root .footer-brand{font-size:calc(var(--qq-rem,16px) * 1);color:#b8d0e8;opacity:.5;text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-top:1.25rem}.qq-quiz-root .prize-title{font-family:Bebas Neue,sans-serif;font-size:clamp(calc(var(--qq-rem,16px) * 2.75), 8vw, calc(var(--qq-rem,16px) * 4.25));text-align:center;letter-spacing:.02em;color:#fff;margin-bottom:.6rem;line-height:1.05}.qq-quiz-root .prize-subtitle{font-size:calc(var(--qq-rem,16px) * 1.25);color:#97c93d;text-align:center;max-width:380px;margin-bottom:2rem;font-weight:500;line-height:1.5}.qq-quiz-root .prize-image{background:#fff;border-radius:18px;width:100%;max-width:320px;margin-bottom:2.25rem;padding:2rem;box-shadow:0 10px 40px #00000059}.qq-quiz-root .btn-go{letter-spacing:2px;cursor:pointer;border:none;font-family:Bebas Neue,sans-serif;transition:background .2s,color .2s,transform .15s,box-shadow .2s,opacity .2s}.qq-quiz-root .btn-go:active{transform:scale(.97)}.qq-quiz-root .btn-go{color:#1a3a00;font-size:calc(var(--qq-rem,16px) * 2.625);background:#97c93d;border-radius:14px;padding:17px 56px;box-shadow:0 8px 32px #97c93d2e}.qq-quiz-root .btn-go:hover{opacity:.92;transform:translateY(-2px)}@keyframes qq-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}