*{font-family:"Poppins",sans-serif;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;padding:40px 0;position:relative}@media screen and (min-width: 1080px){body{padding:80px 0}}.c{max-width:1240px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:2}h1{font-size:1.75rem;font-weight:700}@media screen and (min-width: 840px){h1{font-size:2rem}}.page-start .quiz-start{max-width:1000px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;border-radius:16px;-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,.2);box-shadow:0 20px 40px 0 rgba(0,0,0,.2);z-index:2}@media screen and (min-width: 840px){.page-start .quiz-start{grid-template-columns:1.2fr .8fr}}.page-start .quiz-start__head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:20px}@media screen and (min-width: 840px){.page-start .quiz-start__head{margin-bottom:30px}}.page-start .quiz-start__head .logo{max-height:40px;width:auto;margin:0}@media screen and (min-width: 840px){.page-start .quiz-start__head .logo{max-height:60px}}.page-start .quiz-start__head h1{color:#000;margin:0}.page-start .quiz-start__ctn{background:#fff;color:#000;padding:30px 20px 30px 20px}@media screen and (min-width: 840px){.page-start .quiz-start__ctn{padding:40px 60px 40px 40px}}.page-start .quiz-start__ctn p{font-size:14px}@media screen and (min-width: 840px){.page-start .quiz-start__ctn p{font-size:16px}}.page-start .quiz-start__ctn ol{margin-bottom:0}.page-start .quiz-start__ctn li{font-size:14px}@media screen and (min-width: 840px){.page-start .quiz-start__ctn li{font-size:16px}}.page-start .quiz-start__ctn .tos{margin:10px 0 0}.page-start .quiz-start__ctn .tos a{color:#000;font-size:12px;font-weight:700;position:relative}@media screen and (min-width: 840px){.page-start .quiz-start__ctn .tos a{font-size:14px}}.page-start .quiz-start__ctn .tos a::before{content:"";max-width:0;width:100%;height:2px;background:#000;position:absolute;top:100%;left:0;-webkit-transition:.3s;transition:.3s}.page-start .quiz-start__ctn .tos a:hover::before{max-width:100%}.page-start .quiz-start__form{background:#fec02e;padding:20px;display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width: 840px){.page-start .quiz-start__form{padding:40px}}.page-start .quiz-start__form .form-row{display:grid;grid-template-columns:1fr;gap:10px 0}.page-start .quiz-start__form .form-row label{margin:0 auto 0 20px;font-size:1rem;font-weight:700;text-align:left}.page-start .quiz-start__form .form-row input{background:rgba(0,0,0,0);width:100%;height:50px;padding:0 20px;color:#000;font-size:1rem;font-weight:700;border:none;border-radius:50px;-webkit-box-shadow:0 0 0 2px inset rgba(0,0,0,.3);box-shadow:0 0 0 2px inset rgba(0,0,0,.3);-webkit-transition:.3s;transition:.3s}.page-start .quiz-start__form .form-row input:focus{-webkit-box-shadow:0 0 0 2px inset #000;box-shadow:0 0 0 2px inset #000}.page-start .quiz-start__form .form-row input::-webkit-input-placeholder{color:#000;font-weight:400;opacity:.8}.page-start .quiz-start__form .form-row input::-moz-placeholder{color:#000;font-weight:400;opacity:.8}.page-start .quiz-start__form .form-row input:-ms-input-placeholder{color:#000;font-weight:400;opacity:.8}.page-start .quiz-start__form .form-row input::-ms-input-placeholder{color:#000;font-weight:400;opacity:.8}.page-start .quiz-start__form .form-row input::placeholder{color:#000;font-weight:400;opacity:.8}.page-start .quiz-start__form .form-row button{background:#000;width:auto;height:50px;margin:0 auto 0 0;padding:0 50px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 840px){.page-start .quiz-start__form .form-row button{margin:10px auto 0 0}}.page-start .quiz-start__form .form-row button:hover{background:#4d4d4d}.page-start .bg{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1}.page-start .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4}.page-quiz__form{background:#fec02e;max-width:1000px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;border-radius:16px;-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,.2);box-shadow:0 20px 40px 0 rgba(0,0,0,.2);z-index:2}.page-quiz__form .timer{background:#fff;min-width:110px;padding:4px 20px;position:absolute;top:0;right:0;color:#000;font-size:1.5rem;font-weight:700;border-radius:0 0 0 16px}@media screen and (min-width: 840px){.page-quiz__form .timer{min-width:140px;padding:6px 20px;font-size:2rem}}.page-quiz__form .question{max-height:0;visibility:hidden;opacity:0}.page-quiz__form .question--active{max-height:unset;visibility:visible;opacity:1;padding:30px 20px 30px;-webkit-transition:opacity .3s;transition:opacity .3s}@media screen and (min-width: 840px){.page-quiz__form .question--active{padding:40px}}.page-quiz__form .question p{font-size:1.25rem;font-weight:700;line-height:1.2}@media screen and (min-width: 840px){.page-quiz__form .question p{font-size:1.5rem}}.page-quiz__form .question .answers{margin:20px 0 0;display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width: 840px){.page-quiz__form .question .answers{margin:40px 0 0}}.page-quiz__form .question .answers label{min-height:60px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 20px;color:#000;font-size:.875rem;font-weight:600;line-height:1.2;text-align:center;border:2px solid #000;border-radius:60px;cursor:pointer;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 840px){.page-quiz__form .question .answers label{min-height:60px;font-size:1.25rem;border:3px solid #000}}.page-quiz__form .question .answers label:hover{background:#000;color:#fec02e}.page-quiz__form .question .answers label input{display:none}.page-quiz .puzzle{padding:30px 20px;position:relative}@media screen and (min-width: 840px){.page-quiz .puzzle{padding:40px}}.page-quiz .puzzle__box{width:100%;min-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;position:relative}@media screen and (min-width: 1080px){.page-quiz .puzzle__box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-height:470px}}.page-quiz .puzzle__box .draggable-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width: 1080px){.page-quiz .puzzle__box .draggable-items{max-width:155px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.page-quiz .puzzle__box .draggable-items img{max-width:140px;height:auto}@media screen and (min-width: 1080px){.page-quiz .puzzle__box .draggable-items img{max-width:160px}}.page-quiz .puzzle__box .draggable-items .dragged{display:none}.page-quiz .puzzle__box__bg{width:100%;height:auto;position:absolute;top:0;left:0;z-index:0;border-radius:6px;overflow:hidden}@media screen and (min-width: 840px){.page-quiz .puzzle__box__bg{width:720px;height:405px}}.page-quiz .puzzle__box__bg img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.page-quiz .puzzle__box .matching-pairs{margin:0;padding:0;position:static;z-index:1}.page-quiz .puzzle__box .matching-pairs li{margin:0;padding:0;list-style:none;position:absolute}.page-quiz .puzzle__box .droppable{-webkit-transition:.2s;transition:.2s}.page-quiz .puzzle__box .droppable-hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-quiz .puzzle__box .draggable{max-width:100%;max-height:auto;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:move;-webkit-transition:opacity .2s;transition:opacity .2s}@media screen and (min-width: 840px){.page-quiz .puzzle__box .draggable{max-width:160px;max-height:160px;width:160px;height:160px}}.page-quiz .puzzle__box .draggable img{pointer-events:none;max-width:100%;height:auto}.page-quiz .puzzle__box .draggable.dragged:hover{opacity:.1}.page-quiz .puzzle__box .draggable .droppable{opacity:.1}.page-quiz .puzzle__box .draggable .dropped{opacity:1}.page-quiz .puzzle__box .dragged{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.1;cursor:default}.page-quiz .bg{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1}.page-quiz .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4}.page-result .quiz-result{max-width:1000px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;border-radius:16px;-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,.2);box-shadow:0 20px 40px 0 rgba(0,0,0,.2);z-index:2}@media screen and (min-width: 840px){.page-result .quiz-result{grid-template-columns:1.2fr .8fr}}.page-result .quiz-result .btn{background:#000;min-width:160px;height:50px;margin:20px auto 0 0;padding:0 30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;border-radius:50px;-webkit-transition:.3s;transition:.3s}.page-result .quiz-result .btn:hover{background:#4d4d4d}.page-result .quiz-result .btn--secondary{background:rgba(0,0,0,0);color:#000;-webkit-box-shadow:0 0 0 3px #000 inset;box-shadow:0 0 0 3px #000 inset}.page-result .quiz-result .btn--secondary:hover{background:rgba(0,0,0,0);color:#4d4d4d;-webkit-box-shadow:0 0 0 3px #4d4d4d inset;box-shadow:0 0 0 3px #4d4d4d inset}.page-result .quiz-result__ctn{background:#fff;color:#000;padding:30px 20px 30px 20px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width: 840px){.page-result .quiz-result__ctn{padding:40px 60px 40px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;-webkit-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}}.page-result .quiz-result__ctn h1{color:#000;margin:0 0 10px}@media screen and (min-width: 840px){.page-result .quiz-result__ctn h1{margin:0 0 20px}}.page-result .quiz-result__ctn h3{margin:20px 0 0}@media screen and (min-width: 840px){.page-result .quiz-result__ctn h3{margin:auto 0 0}}.page-result .quiz-result__ctn p{margin:0 0 30px}@media screen and (min-width: 840px){.page-result .quiz-result__ctn p{margin:0 0 40px}}.page-result .quiz-result__ctn p a{color:#000;font-weight:700;position:relative}.page-result .quiz-result__ctn p a::before,.page-result .quiz-result__ctn p a::after{content:"";width:100%;height:2px;background:#000;position:absolute;top:100%;left:0;z-index:1}.page-result .quiz-result__ctn p a::after{max-width:0;background:#fec02e;-webkit-transition:.3s;transition:.3s;z-index:2}.page-result .quiz-result__ctn p a:hover::after{max-width:100%}.page-result .quiz-result__form{background:#fec02e;padding:30px 20px;display:block}@media screen and (min-width: 840px){.page-result .quiz-result__form{padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}}.page-result .quiz-result__form h1{color:#000;margin:0 0 10px}@media screen and (min-width: 840px){.page-result .quiz-result__form h1{margin:0 0 20px}}.page-result .quiz-result__form p{margin:0 0 20px}@media screen and (min-width: 840px){.page-result .quiz-result__form p{margin:0}}.page-result .quiz-result__form .btn{margin-top:auto}.page-result .quiz-result__social{margin:20px 0 0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 20px}.page-result .quiz-result__social li{margin:0;padding:0}.page-result .quiz-result__social li span{font-size:1rem;font-weight:700}.page-result .quiz-result__social li a{display:block}.page-result .quiz-result__social li a .icon{width:auto;height:24px;fill:#000;-webkit-transition:.3s;transition:.3s}.page-result .quiz-result__social li a:hover .icon{fill:#4d4d4d}.page-result .bg{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1}.page-result .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4}.page-leaderboard .leaderboard{background:#fec02e;max-width:1000px;width:100%;margin:0 auto;position:relative;padding:30px 20px;overflow:hidden;border-radius:16px;-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,.2);box-shadow:0 20px 40px 0 rgba(0,0,0,.2)}@media screen and (min-width: 840px){.page-leaderboard .leaderboard{padding:40px}}.page-leaderboard .leaderboard h1{margin:0 0 20px;color:#000;text-align:center}@media screen and (min-width: 840px){.page-leaderboard .leaderboard h1{margin:0 0 30px}}.page-leaderboard .leaderboard table{width:100%;border:2px solid #000;border-radius:8px;overflow:hidden}@media screen and (min-width: 840px){.page-leaderboard .leaderboard table{border-radius:16px}}.page-leaderboard .leaderboard table th{background:#fff}.page-leaderboard .leaderboard table th,.page-leaderboard .leaderboard table td{padding:8px;font-size:14px;text-align:left;border-bottom:2px solid #000}@media screen and (min-width: 840px){.page-leaderboard .leaderboard table th,.page-leaderboard .leaderboard table td{font-size:1rem;padding:8px 16px}}.page-leaderboard .leaderboard table th:not(:last-child),.page-leaderboard .leaderboard table td:not(:last-child){border-right:2px solid #000}.page-leaderboard .leaderboard table th:nth-child(1),.page-leaderboard .leaderboard table th:nth-child(3),.page-leaderboard .leaderboard table td:nth-child(1),.page-leaderboard .leaderboard table td:nth-child(3){text-align:center}.page-leaderboard .leaderboard table th:nth-child(4),.page-leaderboard .leaderboard table td:nth-child(4){text-align:right}.page-leaderboard .leaderboard table tbody tr:first-child td{font-weight:700}.page-leaderboard .leaderboard table tbody tr:last-child td{border-bottom:none}.page-leaderboard .leaderboard table tbody tr:nth-child(odd) td{background:rgba(0,0,0,.1)}@media screen and (max-width: 400px){.page-leaderboard .leaderboard table th:nth-child(3),.page-leaderboard .leaderboard table td:nth-child(3),.page-leaderboard .leaderboard table th:nth-child(4),.page-leaderboard .leaderboard table td:nth-child(4){display:none}.page-leaderboard .leaderboard table th:nth-child(2),.page-leaderboard .leaderboard table td:nth-child(2){border-right:none}}.page-leaderboard .play-again{margin:20px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 840px){.page-leaderboard .play-again{margin:30px 0 0;padding:0 8px}}.page-leaderboard .play-again .btn{background:#000;min-width:160px;height:50px;margin:0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;border-radius:50px;-webkit-transition:.3s;transition:.3s}@media screen and (min-width: 840px){.page-leaderboard .play-again .btn{margin:0}}.page-leaderboard .play-again .btn:hover{background:#4d4d4d}.page-leaderboard .play-again__social{margin:20px 0 0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 20px}@media screen and (min-width: 840px){.page-leaderboard .play-again__social{margin:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.page-leaderboard .play-again__social li{margin:0;padding:0}.page-leaderboard .play-again__social li h3{margin:0 0 16px}@media screen and (min-width: 840px){.page-leaderboard .play-again__social li h3{margin:0}}.page-leaderboard .play-again__social li span{font-size:1rem;font-weight:700}.page-leaderboard .play-again__social li a{display:-webkit-box;display:-ms-flexbox;display:flex}.page-leaderboard .play-again__social li a .icon{width:auto;height:24px;fill:#000;-webkit-transition:.3s;transition:.3s}.page-leaderboard .play-again__social li a:hover .icon{fill:#4d4d4d}.page-leaderboard .bg{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1}.page-leaderboard .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4}