.upgrade-container{display:inline-block;position:relative}.upgrade-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 10px 25px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upgrade-btn,.upgrade-btn:hover{background:linear-gradient(135deg, #f97316, #f97316)}.upgrade-btn:hover{box-shadow:0 20px 40px #f9731666;transform:scale(1.05) translateY(-2px)}.upgrade-btn:hover:before{left:100%}.upgrade-btn:active{transform:scale(.98) translateY(0)}.upgrade-btn:before{background:linear-gradient(90deg, #0000, #fff3, #0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.crown-icon{height:16px;width:16px}.btn-text,.crown-icon{margin-right:8px;z-index:1}.discount-badge{animation:pulse 2s infinite;background:#fbbf24;border-radius:12px;color:#92400e;font-size:11px;font-weight:700;padding:2px 8px;z-index:1}.hover-tooltip li{align-items:flex-start;font-size:13px;gap:10px;line-height:1.6;margin-bottom:12px}.hover-tooltip li span.emoji{font-size:1.2em;line-height:1;padding-top:3px}.hover-tooltip li span:first-child{font-size:1.2em;line-height:1.4}.hover-tooltip .title{align-items:center;display:flex;font-size:1.05rem;font-weight:700;gap:8px;margin-bottom:12px}.hover-tooltip .tooltip-list{display:flex;flex-direction:column;gap:10px;padding-left:16px}.hover-tooltip{align-items:start;animation:tooltipFadeIn .2s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg, #fff, #f9fafb);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000014;display:flex;gap:.5rem;max-width:360px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.hover-tooltip:before{backdrop-filter:blur(12px);background:#ffffffbf;background:#fff;border:1px solid #fefefe;border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:8px}.tooltip-list{list-style:none;margin:0;padding:0}.tooltip-list li{align-items:center;color:#6b7280;display:flex;font-size:12px;margin-bottom:4px}.tooltip-list li:last-child{margin-bottom:0}@media(max-width:768px){.upgrade-btn{font-size:13px;padding:10px 20px}.hover-tooltip{right:-20px;width:220px}}@keyframes blink{0%,90%,to{transform:scale(1)}95%{transform:scale(.1)}}@keyframes particle-float{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1}80%{opacity:.5}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1)}}@keyframes shape-float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px, 10px) rotate(5deg)}50%{transform:translateY(20px) rotate(0deg)}75%{transform:translate(-10px, 10px) rotate(-5deg)}}@keyframes final-burst{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes text-glow{0%,to{text-shadow:0 0 10px #6d7bff80}50%{text-shadow:0 0 20px #6d7bffcc,0 0 30px #6d7bff99}}.quiz-time-wheel{align-items:center;background-color:#fffffffa;display:flex;height:100%;isolation:isolate;justify-content:center;overflow:hidden;pointer-events:auto;position:relative;width:100%;z-index:1}.quiz-time-wheel.final-animation .quiz-time-wheel__main{animation:final-burst 1.5s ease-out forwards}.quiz-time-wheel.final-animation .quiz-time-wheel__inner-circle{background:linear-gradient(135deg, #ffa012, #c57600);box-shadow:0 0 30px #ffa012cc}.quiz-time-wheel.final-animation .quiz-time-wheel__message{animation:text-glow 1.5s ease-in-out;color:#ffa012;font-size:28px}.quiz-time-wheel.final-animation .particle{--x:calc(random(200)*1px - 100px);--y:calc(random(200)*1px - 100px);animation:particle-float 1.5s ease-out forwards !important;background-color:#ffa012}.quiz-time-wheel__container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;padding:20px;position:relative;text-align:center;z-index:2}.quiz-time-wheel__logo{align-items:center;animation:float 4s ease-in-out infinite;display:flex;margin-bottom:30px}.quiz-time-wheel__logo-text{color:#6d7bff;font-size:28px;font-weight:700;margin-right:10px}.quiz-time-wheel__logo-text span{color:#090e2b}.quiz-time-wheel__logo-owl{height:40px;position:relative;width:40px}.quiz-time-wheel__logo-owl .owl-body{background-color:#6d7bff;border-radius:50%;box-shadow:0 4px 10px #6d7bff80;height:100%;position:absolute;width:100%}.quiz-time-wheel__logo-owl .owl-eyes{display:flex;gap:10px;justify-content:center;left:0;position:absolute;top:12px;width:100%}.quiz-time-wheel__logo-owl .owl-eyes .owl-eye{background-color:#fff;border-radius:50%;height:8px;position:relative;width:8px}.quiz-time-wheel__logo-owl .owl-eyes .owl-eye:after{animation:blink 3s ease-in-out infinite;background-color:#090e2b;border-radius:50%;content:"";height:3px;left:2px;position:absolute;top:2px;width:3px}.quiz-time-wheel__logo-owl .owl-eyes .owl-eye.left{transform:translateX(-3px)}.quiz-time-wheel__logo-owl .owl-eyes .owl-eye.right{transform:translateX(3px)}.quiz-time-wheel__logo-owl .owl-beak{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #ffa012;bottom:12px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.quiz-time-wheel__main{height:280px;margin-bottom:30px;position:relative;transition:transform .5s ease-out;width:280px}.quiz-time-wheel__main.animate .quiz-time-wheel__outer-ring{animation:spin 20s linear infinite}.quiz-time-wheel__main.animate .time-marker{animation:pulse 2s infinite}.quiz-time-wheel__main.animate .particle{--x:calc(random(200)*1px - 100px);--y:calc(random(200)*1px - 100px);animation:particle-float 3s ease-out infinite;animation-delay:calc(var(--i)*.1s)}.quiz-time-wheel__outer-ring{border:2px solid #6d7bff33;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.quiz-time-wheel__outer-ring .time-marker{background-color:#6d7bff;border-radius:50%;height:12px;position:absolute;transform:translate(-50%, -50%);width:12px}.quiz-time-wheel__outer-ring .time-marker.marker-0{animation-delay:0s;left:98%;top:50%}.quiz-time-wheel__outer-ring .time-marker.marker-1{animation-delay:.2s;left:91.5692193817%;top:74%}.quiz-time-wheel__outer-ring .time-marker.marker-2{animation-delay:.4s;left:74%;top:91.5692193817%}.quiz-time-wheel__outer-ring .time-marker.marker-3{animation-delay:.6s;left:50%;top:98%}.quiz-time-wheel__outer-ring .time-marker.marker-4{animation-delay:.8s;left:26%;top:91.5692193817%}.quiz-time-wheel__outer-ring .time-marker.marker-5{animation-delay:1s;left:8.4307806183%;top:74%}.quiz-time-wheel__outer-ring .time-marker.marker-6{animation-delay:1.2s;left:2%;top:50%}.quiz-time-wheel__outer-ring .time-marker.marker-7{animation-delay:1.4s;left:8.4307806183%;top:26%}.quiz-time-wheel__outer-ring .time-marker.marker-8{animation-delay:1.6s;left:26%;top:8.4307806183%}.quiz-time-wheel__outer-ring .time-marker.marker-9{animation-delay:1.8s;left:50%;top:2%}.quiz-time-wheel__outer-ring .time-marker.marker-10{animation-delay:2s;left:74%;top:8.4307806183%}.quiz-time-wheel__outer-ring .time-marker.marker-11{animation-delay:2.2s;left:91.5692193817%;top:26%}.quiz-time-wheel__middle-ring{background-color:#e0e9f580;border-radius:50%;height:70%;left:15%;position:absolute;top:15%;transition:transform 1s cubic-bezier(.68, -.55, .27, 1.55);width:70%}.quiz-time-wheel__middle-ring .wheel-segment{align-items:center;clip-path:polygon(50% 50%, 100% 0, 50% 0);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform-origin:center;width:100%}.quiz-time-wheel__middle-ring .wheel-segment.segment-1{background:linear-gradient(135deg, #6d7bffb3, #5d6eeeb3);transform:rotate(0deg)}.quiz-time-wheel__middle-ring .wheel-segment.segment-2{background:linear-gradient(135deg, #6d7bffb3, #5d6eeeb3);transform:rotate(120deg)}.quiz-time-wheel__middle-ring .wheel-segment.segment-3{background:linear-gradient(135deg, #6d7bffb3, #5d6eeeb3);transform:rotate(240deg)}.quiz-time-wheel__middle-ring .wheel-segment .segment-content{color:#fff;font-size:24px;font-weight:700;left:65%;position:absolute;top:25%;transform:rotate(-45deg)}.quiz-time-wheel__inner-circle{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);border-radius:50%;box-shadow:0 0 20px #6d7bff99;display:flex;height:40%;justify-content:center;left:30%;position:absolute;top:30%;width:40%;z-index:3}.quiz-time-wheel__inner-circle .count-display{color:#fff;font-weight:700;text-shadow:0 2px 5px #090e2b4d}.quiz-time-wheel__inner-circle .count-display .count-number{font-size:60px}.quiz-time-wheel__inner-circle .count-display .go-text{animation:pulse .5s infinite;color:#fff;font-size:48px}.quiz-time-wheel__pointer{border-bottom:30px solid #ffa012;border-left:15px solid #0000;border-right:15px solid #0000;height:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0;z-index:4}.quiz-time-wheel__particles{height:100%;left:0;position:absolute;top:0;width:100%}.quiz-time-wheel__particles .particle{background-color:#6d7bff;border-radius:50%;height:8px;left:50%;opacity:0;position:absolute;top:50%;width:8px}.quiz-time-wheel__particles .particle.particle-1{--i:1;height:9px;width:11px}.quiz-time-wheel__particles .particle.particle-2{--i:2;height:9px;width:11px}.quiz-time-wheel__particles .particle.particle-3{--i:3;height:6px;width:13px}.quiz-time-wheel__particles .particle.particle-4{--i:4;height:9px;width:12px}.quiz-time-wheel__particles .particle.particle-5{--i:5;height:5px;width:9px}.quiz-time-wheel__particles .particle.particle-6{--i:6;height:14px;width:11px}.quiz-time-wheel__particles .particle.particle-7{--i:7;height:7px;width:7px}.quiz-time-wheel__particles .particle.particle-8{--i:8;height:10px;width:7px}.quiz-time-wheel__particles .particle.particle-9{--i:9;height:9px;width:13px}.quiz-time-wheel__particles .particle.particle-10{--i:10;height:13px;width:12px}.quiz-time-wheel__particles .particle.particle-11{--i:11;height:6px;width:14px}.quiz-time-wheel__particles .particle.particle-12{--i:12;height:14px;width:10px}.quiz-time-wheel__particles .particle.particle-13{--i:13;height:12px;width:7px}.quiz-time-wheel__particles .particle.particle-14{--i:14;height:14px;width:6px}.quiz-time-wheel__particles .particle.particle-15{--i:15;height:11px;width:5px}.quiz-time-wheel__particles .particle.particle-16{--i:16;height:6px;width:5px}.quiz-time-wheel__particles .particle.particle-17{--i:17;height:8px;width:6px}.quiz-time-wheel__particles .particle.particle-18{--i:18;height:12px;width:13px}.quiz-time-wheel__particles .particle.particle-19{--i:19;height:12px;width:14px}.quiz-time-wheel__particles .particle.particle-20{--i:20;height:6px;width:8px}.quiz-time-wheel__message{color:#090e2b;font-size:24px;font-weight:600;margin-bottom:20px;min-height:36px}.quiz-time-wheel__progress-bar{background-color:#6d7bff33;border-radius:4px;height:8px;overflow:hidden;width:280px}.quiz-time-wheel__progress-bar .progress-fill{background-color:#6d7bff;border-radius:4px;height:100%;transition:width .3s ease,background-color .5s ease}.quiz-time-wheel__background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.quiz-time-wheel__background .background-shape{animation:shape-float 15s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.quiz-time-wheel__background .background-shape.shape1{animation-delay:0s;background-color:#6d7bff;height:300px;left:10%;top:10%;width:300px}.quiz-time-wheel__background .background-shape.shape2{animation-delay:2s;background-color:#ffa012;bottom:10%;height:400px;right:10%;width:400px}.quiz-time-wheel__background .background-shape.shape3{animation-delay:4s;background-color:#99fcff;height:200px;left:20%;top:60%;width:200px}.quiz-time-wheel__background .background-shape.shape4{animation-delay:6s;background-color:#5d6eee;height:250px;right:20%;top:20%;width:250px}@media(max-width:768px){.quiz-time-wheel__main{height:240px;width:240px}.quiz-time-wheel__inner-circle .count-display .count-number{font-size:50px}.quiz-time-wheel__inner-circle .count-display .go-text{font-size:40px}.quiz-time-wheel__message{font-size:20px}.quiz-time-wheel__progress-bar{width:240px}}@media(max-width:480px){.quiz-time-wheel__logo-text{font-size:24px}.quiz-time-wheel__logo-owl{height:36px;width:36px}.quiz-time-wheel__main{height:200px;width:200px}.quiz-time-wheel__inner-circle .count-display .count-number{font-size:42px}.quiz-time-wheel__inner-circle .count-display .go-text{font-size:34px}.quiz-time-wheel__message{font-size:18px}.quiz-time-wheel__progress-bar{width:200px}.quiz-time-wheel__pointer{border-bottom:24px solid #ffa012;border-left:12px solid #0000;border-right:12px solid #0000}}#quiz-time-wheel-portal{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:99999}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animateCircle{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}@keyframes heartbeat{0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing_function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-join-page{align-items:center;background-color:#f4f6f7;color:#262627;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:30px 15px;position:relative;user-select:none;width:100%}.quiz-join-page .back-button{align-items:center;background-color:#ffa012;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .3s ease;width:50px;z-index:10}.quiz-join-page .back-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quiz-join-page .back-button:active{transform:translateY(0)}.quiz-join-page .back-button:hover{background-color:#ff8c00}.quiz-join-page .language-selector{position:absolute;right:20px;top:20px;z-index:10}.quiz-join-page .language-selector .language-dropdown{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;padding:8px 12px}.quiz-join-page .language-selector .language-dropdown .language-icon{color:#6d7bff;font-size:24px;margin-right:8px}.quiz-join-page .language-selector .language-dropdown .language-select{width:150px}.quiz-join-page .language-selector .language-dropdown .language-select .lang__control{background:#0000;border:none;box-shadow:none;cursor:pointer}.quiz-join-page .language-selector .language-dropdown .language-select .lang__control:hover{border:none}.quiz-join-page .language-selector .language-dropdown .language-select .lang__single-value{color:#262627;font-weight:600}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu{border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__menu-list{padding:0}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option{cursor:pointer;padding:10px 15px}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option:hover{background-color:#6d7bff;color:#fff}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option.lang__option--is-selected{background-color:#6d7bff1a;color:#6d7bff}.quiz-join-page .language-selector .language-dropdown .lang-option{align-items:center;display:flex;justify-content:flex-start}.quiz-join-page .language-selector .language-dropdown .lang-option .lang-code{display:none}.quiz-join-page .logo-container{margin-top:60px;text-align:center}.quiz-join-page .logo-container img{height:80px;max-width:100%}.quiz-join-page .back-arrow{background:none;border:none;color:#6d7bff;cursor:pointer;font-size:30px;left:20px;position:absolute;top:20px}.quiz-join-page .back-arrow:hover{color:#5d6eee}.quiz-join-page .main-content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;margin:40px auto 0;max-width:500px;width:100%;z-index:2}.quiz-join-page .quiz-container{padding:20px;width:100%}.quiz-join-page .quiz-container .error-message{animation:heartbeat 1.5s ease-in-out infinite both;color:#ffa012;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.quiz-join-page .quiz-container .quiz-join-form{align-items:center;display:flex;flex-direction:column;width:100%}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input{background-color:#fff;border:3px solid #dbdbdbb3;border-radius:8px;font-size:18px;margin-bottom:15px;padding:15px;transition:border-color .3s ease;width:100%}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input:focus{border-color:#6d7bff;outline:none}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input::placeholder{color:#a0a1a1}.quiz-join-page .quiz-container .quiz-join-form .join-button{background-color:#6d7bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.quiz-join-page .quiz-container .quiz-join-form .join-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quiz-join-page .quiz-container .quiz-join-form .join-button:active{transform:translateY(0)}.quiz-join-page .quiz-container .quiz-join-form .join-button:hover{background-color:#5d6eee}.quiz-join-page .quiz-container .quiz-join-form .join-button.loading{cursor:not-allowed;opacity:.8}.quiz-join-page .quiz-container .quiz-join-form .join-button .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto;width:20px}.quiz-join-page .quiz-container .host-options{display:flex;flex-direction:column;gap:15px}.quiz-join-page .quiz-container .host-options .option{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;padding:16px;position:relative;text-decoration:none;transition:all .3s ease}.quiz-join-page .quiz-container .host-options .option:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quiz-join-page .quiz-container .host-options .option:active{transform:translateY(0)}.quiz-join-page .quiz-container .host-options .option .option-icon{font-size:24px;margin-right:10px}.quiz-join-page .quiz-container .host-options .option.host-option{background-color:#6d7bff;color:#fff}.quiz-join-page .quiz-container .host-options .option.host-option:hover{background-color:#5d6eee}.quiz-join-page .quiz-container .host-options .option.play-option{background-color:#ffa012;color:#fff}.quiz-join-page .quiz-container .host-options .option.play-option:hover{background-color:#ff8c00}.quiz-join-page .footer{margin-top:auto;padding:20px 0;width:100%}.quiz-join-page .footer .footer-links{display:flex;gap:20px;justify-content:center}.quiz-join-page .footer .footer-links a{color:#2c2d3a;font-size:14px;text-decoration:none;transition:color .3s ease}.quiz-join-page .footer .footer-links a:hover{color:#6d7bff;text-decoration:underline}.quiz-join-page .background-circles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.quiz-join-page .background-circles .circle{animation:animateCircle 25s linear infinite;background:#6d7bff1a;bottom:-150px;display:block;position:absolute}.quiz-join-page .background-circles .circle.circle-1{animation-delay:0s;height:80px;left:25%;width:80px}.quiz-join-page .background-circles .circle.circle-2{animation-delay:2s;animation-duration:12s;background:#ffa0121a;height:20px;left:10%;width:20px}.quiz-join-page .background-circles .circle.circle-3{animation-delay:4s;background:#6d7bff1a;height:20px;left:70%;width:20px}.quiz-join-page .background-circles .circle.circle-4{animation-delay:0s;animation-duration:18s;background:#ffa0121a;height:60px;left:40%;width:60px}.quiz-join-page .background-circles .circle.circle-5{animation-delay:0s;background:#6d7bff1a;height:20px;left:65%;width:20px}.quiz-join-page .background-circles .circle.circle-6{animation-delay:3s;background:#ffa0121a;height:110px;left:75%;width:110px}.quiz-join-page .background-circles .circle.circle-7{animation-delay:7s;background:#6d7bff1a;height:150px;left:35%;width:150px}.quiz-join-page .background-circles .circle.circle-8{animation-delay:15s;animation-duration:45s;background:#ffa0121a;height:25px;left:50%;width:25px}.quiz-join-page .background-circles .circle.circle-9{animation-delay:2s;animation-duration:35s;background:#6d7bff1a;height:15px;left:20%;width:15px}.quiz-join-page .background-circles .circle.circle-10{animation-delay:0s;animation-duration:11s;background:#ffa0121a;height:150px;left:85%;width:150px}@media(min-width:768px){.quiz-join-page .logo-container{margin-top:40px}.quiz-join-page .logo-container img{height:100px}.quiz-join-page .quiz-container .quiz-join-form{flex-direction:row;gap:15px}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input{margin-bottom:0}.quiz-join-page .quiz-container .quiz-join-form .join-button{min-width:150px;width:auto}.quiz-join-page .quiz-container .host-options{flex-direction:row;justify-content:center}.quiz-join-page .quiz-container .host-options .option{width:220px}}@media(max-width:480px){.quiz-join-page{padding:20px 10px}.quiz-join-page .back-button{font-size:16px;height:40px;width:40px}.quiz-join-page .logo-container{margin-top:70px}.quiz-join-page .logo-container img{height:60px}.quiz-join-page .quiz-container .error-message{font-size:16px}.quiz-join-page .quiz-container .quiz-join-form .join-button,.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input{font-size:16px;padding:12px}.quiz-join-page .quiz-container .host-options .option{font-size:16px;padding:14px}.quiz-join-page .quiz-container .host-options .option .option-icon{font-size:20px}.quiz-join-page .footer .footer-links{gap:15px}.quiz-join-page .footer .footer-links a{font-size:12px}}@media(prefers-color-scheme:dark){.quiz-join-page{background-color:#2c2d3a;color:#fff}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input{background-color:#ffffff1a;border-color:#fff3;color:#fff}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input::placeholder{color:#fff9}.quiz-join-page .quiz-container .quiz-join-form .quiz-code-input:focus{border-color:#6d7bff}.quiz-join-page .footer .footer-links a{color:#fffc}.quiz-join-page .footer .footer-links a:hover{color:#fff}.quiz-join-page .background-circles .circle{background:#ffffff0d}.quiz-join-page .background-circles .circle:nth-child(2n){background:#6d7bff0d}.quiz-join-page .background-circles .circle:nth-child(3n){background:#ffa0120d}.quiz-join-page .language-selector .language-dropdown{background-color:#ffffff1a}.quiz-join-page .language-selector .language-dropdown .language-icon{color:#fff}.quiz-join-page .language-selector .language-dropdown .language-select{width:150px}.quiz-join-page .language-selector .language-dropdown .language-select .lang__single-value{color:#fff}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu{background-color:#2c2d3a}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option{color:#fff}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option:hover{background-color:#6d7bff}.quiz-join-page .language-selector .language-dropdown .language-select .lang__menu .lang__option.lang__option--is-selected{background-color:#6d7bff4d;color:#fff}}@media(max-width:480px){.quiz-join-page .language-selector{right:10px;top:10px}.quiz-join-page .language-selector .language-dropdown{padding:6px 10px}.quiz-join-page .language-selector .language-dropdown .language-icon{font-size:20px}.quiz-join-page .language-selector .language-dropdown .language-select{width:120px}}.language-select{width:150px}@media(max-width:480px){.language-select{width:120px}}
:root{--primary-color:#6d7bff;--primary-dark:#694ed6;--secondary-color:#43a047;--accent-color:#ffa012;--text-primary:#263238;--text-secondary:#5c5555;--background-light:#fafafa;--background-white:#fff;--border-color:#e0e7ff;--shadow-light:0 4px 20px #6d7bff1a;--shadow-medium:0 8px 32px #6d7bff26;--border-radius:16px;--border-radius-small:8px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.zoom-info{-webkit-touch-callout:none;background:linear-gradient(135deg, var(--primary-color) 0, var(--primary-dark) 100%);display:block;height:100%;min-height:100vh;overflow-x:hidden;padding:0;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.zoom-info:before{background:radial-gradient(circle at 20% 80%, #ffffff1a 0, #0000 50%),radial-gradient(circle at 80% 20%, #ffffff1a 0, #0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.zoom-info .privacy-content{animation:fadeInUp .8s ease-out;backdrop-filter:blur(10px);background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);display:block;margin:40px auto;max-width:1200px;min-height:100vh;padding:60px 40px;position:relative}.zoom-info .privacy-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2;margin-bottom:30px;position:relative;text-align:center}.zoom-info .privacy-content h1:after{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.zoom-info .privacy-content img{border-radius:var(--border-radius-small);box-shadow:var(--shadow-light);display:block;height:auto;margin:40px auto;max-width:200px;transition:var(--transition)}.zoom-info .privacy-content img:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.zoom-info .privacy-content h4{color:var(--text-primary);display:block;font-size:24px;font-weight:600;line-height:1.4;margin-bottom:20px;margin-top:50px;padding-left:20px;position:relative}.zoom-info .privacy-content h4:before{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));border-radius:2px;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.zoom-info .privacy-content h4:first-of-type{margin-top:30px}.zoom-info .privacy-content p{color:var(--text-secondary);display:block;font-size:16px;line-height:1.7;margin-bottom:20px}.zoom-info .privacy-content ul{list-style:none;margin:0 0 30px;padding:0}.zoom-info .privacy-content li{background:var(--background-light);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:16px;line-height:1.6;margin:16px 0;padding:16px 20px 16px 50px;position:relative;transition:var(--transition)}.zoom-info .privacy-content li:before{color:var(--secondary-color);content:"✓";font-size:18px;font-weight:700;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.zoom-info .privacy-content li:hover{background:#6d7bff0d;box-shadow:var(--shadow-light);transform:translateX(4px)}.zoom-info .privacy-content a{color:var(--primary-color);font-weight:500;position:relative;text-decoration:none;transition:var(--transition)}.zoom-info .privacy-content a:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.zoom-info .privacy-content a:hover{color:var(--primary-dark)}.zoom-info .privacy-content a:hover:after{width:100%}.zoom-info .privacy-content .banner{margin:40px 0;text-align:center}.zoom-info .privacy-content .video-responsive{background:var(--background-light);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.zoom-info .privacy-content .video-responsive iframe{border:none;border-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;width:100%}.zoom-info .privacy-header{display:block;font-size:30px;font-weight:200;margin-top:20px}.privacy-close{color:#fff;cursor:pointer;font-size:40px;margin:10px;position:absolute;right:10px;top:0}.privacy-slogan{color:#fff;font-size:40px;left:50%;position:fixed;top:45%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.teams-info{-webkit-touch-callout:none;color:#5c5555;float:left;height:100%;min-height:100vh;padding:30px 15px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.teams-info,.teams-info .privacy-content{background-color:#fff;display:block;width:100%}.teams-info .privacy-content{border-radius:15px;margin:0 auto;padding:20px}.teams-info .privacy-content h1{color:#2c2d3a;font-size:16px;font-weight:400;line-height:30px;margin-bottom:10px}.teams-info .privacy-content img{margin-bottom:30px;max-width:100px}.teams-info .privacy-content a:hover{font-weight:400}.teams-info .privacy-content a{background-color:#6d7bff;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:400;margin:auto;padding:10px;width:200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.zoom-info .privacy-content{border-radius:var(--border-radius-small);margin:30px 20px;padding:40px 24px;width:100%}.zoom-info .privacy-content h1{font-size:28px;margin-bottom:24px}.zoom-info .privacy-content h4{font-size:20px;margin-bottom:16px;margin-top:40px}.zoom-info .privacy-content li{font-size:15px;padding:12px 16px 12px 40px}.zoom-info .privacy-content li:before{font-size:16px;left:16px}.zoom-info .privacy-content .banner{margin:30px -10px}.zoom-info .privacy-content .video-responsive,.zoom-info .privacy-content .video-responsive iframe{border-radius:var(--border-radius-small)}}@media(max-width:480px){.zoom-info .privacy-content{margin:10px;padding:30px 20px}.zoom-info .privacy-content h1{font-size:24px}.zoom-info .privacy-content h4{font-size:18px;padding-left:16px}.zoom-info .privacy-content h4:before{height:20px;width:3px}.zoom-info .privacy-content li{font-size:14px;margin:12px 0;padding:10px 12px 10px 36px}.zoom-info .privacy-content li:before{font-size:14px;left:12px}}