.home-page{min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:float 20s ease-in-out infinite}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;right:-50px;animation-delay:-5s}.shape-3{width:250px;height:250px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-50px;left:30%;animation-delay:-10s}.shape-4{width:200px;height:200px;background:linear-gradient(135deg,#43e97b,#38f9d7);top:30%;left:10%;animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.05)}}.home-container{max-width:900px;width:100%;position:relative;z-index:1}.hero-section{text-align:center;margin-bottom:50px}.hero-badge{display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:50px;color:#fff;font-size:.9em;font-weight:500;margin-bottom:25px;animation:fadeInDown .6s ease-out}.hero-title{font-size:2.7em;font-weight:800;color:#fff;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px;animation:fadeInDown .6s ease-out .1s both}.title-icon{font-size:.5em;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-subtitle{font-size:1em;color:#fffc;font-weight:400;animation:fadeInUp .6s ease-out .2s both}.main-card-wrapper{display:flex;justify-content:center;margin-bottom:60px;animation:fadeInUp .6s ease-out .3s both}.main-card{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:35px 30px;text-decoration:none;color:#fff;max-width:420px;width:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.main-card:hover .card-glow{opacity:1}.main-card:hover{transform:translateY(-10px) scale(1.02);border-color:#fff6;box-shadow:0 25px 50px #0000004d,0 0 100px #667eea33}.card-content{position:relative;z-index:1;text-align:center}.card-icon-wrapper{position:relative;display:inline-block;margin-bottom:18px}.card-icon{font-size:3em;display:block;transition:transform .4s}.main-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(255,255,255,.2);border-radius:50%;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.card-title{font-size:1.6em;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-description{font-size:.95em;color:#ffffffb3;line-height:1.6;margin-bottom:18px}.card-features{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.feature-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:16px;font-size:.8em;font-weight:500;transition:all .3s}.main-card:hover .feature-tag{background:#ffffff26;border-color:#ffffff4d}.card-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 26px;border-radius:50px;font-weight:600;font-size:1.05em;transition:all .3s;box-shadow:0 10px 30px #667eea66}.main-card:hover .card-cta{transform:scale(1.05);box-shadow:0 15px 40px #667eea80}.arrow-icon{width:20px;height:20px;transition:transform .3s}.main-card:hover .arrow-icon{transform:translate(5px)}.features-section{margin-bottom:60px;animation:fadeInUp .6s ease-out .4s both}.features-header{text-align:center;margin-bottom:40px}.features-badge{display:inline-block;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid rgba(102,126,234,.5);padding:6px 16px;border-radius:20px;color:#a8b4ff;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.features-title{color:#fff;font-size:1.8em;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:35px 25px 30px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .4s}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:#ffffff14;transform:translateY(-8px);border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.feature-card.featured{background:#667eea1a;border-color:#667eea4d}.feature-card.featured:before{transform:scaleX(1)}.feature-icon-wrapper{position:relative;display:inline-block;margin-bottom:20px}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s}.feature-card:hover .icon-glow{opacity:1}.feature-icon{font-size:2.8em;display:block;transition:transform .4s;filter:drop-shadow(0 5px 15px rgba(102,126,234,.3))}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-title{color:#fff;font-size:1.2em;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.feature-desc{color:#fff9;font-size:.9em;line-height:1.6;margin:0}.home-footer{text-align:center;animation:fadeInUp .6s ease-out .5s both;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:15px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{font-size:1.5em}.footer-name{color:#fffc;font-size:1.1em;font-weight:600}.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.footer-version{background:#ffffff1a;padding:4px 12px;border-radius:12px;color:#fff9;font-size:.8em;font-family:monospace}.footer-divider{color:#ffffff4d}.footer-text{color:#fff9;font-size:.9em}.copyright{color:#fff6;font-size:.85em;margin-top:10px}.author-link{color:#fff9;text-decoration:none;transition:all .3s;border-bottom:1px solid transparent}.author-link:hover{color:#667eea;border-bottom-color:#667eea}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-page{padding:30px 15px}.hero-title{font-size:2.2em;flex-direction:column;gap:10px}.hero-subtitle{font-size:1em}.main-card{padding:35px 25px}.card-title{font-size:1.6em}.card-description{font-size:.95em}.features-grid{grid-template-columns:1fr;gap:15px}.features-title{font-size:1.5em}.feature-card{padding:30px 20px 25px}.shape-1,.shape-2,.shape-3,.shape-4{width:150px;height:150px}}@media (max-width: 480px){.hero-badge{font-size:.8em;padding:6px 15px}.hero-title{font-size:1.8em}.card-features{flex-direction:column;align-items:center}.card-cta{padding:12px 28px;font-size:1em}}.quiz-page{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:flex-start}.quiz-container{max-width:800px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;margin-top:20px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:15px}.quiz-header h1{color:#667eea;font-size:2em;font-weight:700;flex:1;min-width:200px}.home-link{color:#667eea;text-decoration:none;font-weight:600;padding:10px 20px;border-radius:8px;transition:all .3s;display:inline-flex;align-items:center;gap:5px}.home-link:hover{background:#f0f4ff;transform:translate(-5px)}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.timer-display{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#11998e,#38ef7d);padding:8px 14px;border-radius:10px;color:#fff;font-weight:600;font-size:.85em;box-shadow:0 3px 10px #11998e4d;transition:all .3s ease;min-height:36px;box-sizing:border-box;white-space:nowrap}.timer-icon{font-size:.9em}.timer-text{font-family:Courier New,monospace;min-width:45px;text-align:center}.timer-display.no-limit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 10px #667eea4d}.timer-display.no-limit .timer-text{font-family:inherit;font-size:.85em;min-width:auto}.timer-display.warning{background:linear-gradient(135deg,#f39c12,#f1c40f);box-shadow:0 4px 15px #f1c40f66;animation:pulse-warning 1s ease-in-out infinite}.timer-display.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c80;animation:pulse-danger .5s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-danger{0%,to{transform:scale(1);box-shadow:0 4px 15px #e74c3c80}50%{transform:scale(1.08);box-shadow:0 6px 25px #e74c3cb3}}.qr-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 14px;border-radius:10px;font-size:.85em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px #667eea66;min-height:36px;box-sizing:border-box;white-space:nowrap}.qr-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.qr-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.qr-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.qr-content h3{color:#333;margin-bottom:20px;font-size:1.5em}.qr-code-wrapper{padding:20px;background:#fff;border-radius:12px;display:inline-block;margin:20px 0;box-shadow:0 4px 15px #0000001a}.qr-url{margin:20px 0;color:#666;font-size:.9em;word-break:break-all}.close-qr{background:#667eea;color:#fff;border:none;padding:10px 30px;border-radius:8px;font-size:1em;cursor:pointer;margin-top:10px;transition:background .2s}.close-qr:hover{background:#5568d3}.error-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error-popup-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:500px;width:90%;position:relative}.error-popup-icon{font-size:4em;margin-bottom:20px;animation:shake .5s ease-in-out}.error-popup-content h2{color:#333;font-size:2em;margin-bottom:25px;font-weight:700}.error-popup-stats{display:flex;justify-content:space-around;gap:20px;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:15px}.stat-item{display:flex;flex-direction:column;gap:10px;flex:1}.stat-label{color:#666;font-size:.95em;font-weight:600}.stat-value{font-size:2em;font-weight:700}.correct-stat{color:#38ef7d}.incorrect-stat{color:#ff6b6b}.error-popup-message{color:#666;font-size:1.1em;line-height:1.6;margin:25px 0}.error-popup-message strong{color:#333;font-weight:700}.error-popup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66;margin-top:10px}.error-popup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.timeup-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1002;animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeup-popup-content{background:#fff;padding:50px 40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:450px;width:90%;position:relative;border-top:5px solid #e74c3c}.timeup-popup-icon{font-size:5em;margin-bottom:20px;animation:alarm .5s ease-in-out infinite alternate}@keyframes alarm{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.timeup-popup-content h2{color:#e74c3c;font-size:2.2em;margin-bottom:20px;font-weight:700}.timeup-popup-message{color:#666;font-size:1.15em;line-height:1.8;margin:25px 0}.timeup-popup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 50px;border-radius:12px;font-size:1.15em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66;margin-top:15px}.timeup-popup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.success-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-popup-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:500px;width:90%;position:relative}.success-popup-icon{font-size:4em;margin-bottom:20px;animation:bounce-celebration .6s ease-in-out}.success-popup-content h2{color:#333;font-size:2em;margin-bottom:25px;font-weight:700;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-popup-stats{display:flex;justify-content:space-around;gap:20px;margin:30px 0;padding:20px;background:linear-gradient(135deg,#e8f8f0,#f0fff4);border-radius:15px;border:2px solid #38ef7d}.success-stat{color:#11998e}.success-popup-message{color:#666;font-size:1.1em;line-height:1.6;margin:25px 0}.success-popup-message strong{color:#11998e;font-weight:700}.success-popup-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;padding:15px 40px;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #11998e66;margin-top:10px}.success-popup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e99}.success-popup-countdown{margin-top:15px;font-size:.9em;color:#999;font-style:italic}.countdown-number{color:#11998e;font-weight:700;font-size:1.1em}.progress-bar-container{position:relative;width:100%;height:40px;background:#f0f0f0;border-radius:20px;margin-bottom:30px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px;transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-weight:600;font-size:.9em;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.already-submitted-notice{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff3cd,#ffeeba);border:2px solid #ffc107;border-radius:12px;padding:15px 20px;margin-bottom:20px;box-shadow:0 4px 15px #ffc10733}.already-submitted-notice .notice-icon{font-size:1.5em;flex-shrink:0}.already-submitted-notice .notice-text{color:#856404;font-weight:600;font-size:.95em;line-height:1.5}.questions-container{margin-bottom:30px}.question-card{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:20px;border:2px solid transparent;transition:border-color .3s,box-shadow .3s}.question-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9em}.answer-status{padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9em}.answer-status.correct{background:#38ef7d;color:#fff}.answer-status.incorrect{background:#ff6b6b;color:#fff}.question-text{color:#333;font-size:1.3em;margin-bottom:20px;font-weight:600}.options-container{display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;padding:15px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;font-size:1.05em}.option-label:hover{border-color:#667eea;background:#f0f4ff;transform:translate(5px)}.option-label.selected{border-color:#667eea;background:#e8edff;font-weight:600}.option-label.correct-answer{border-color:#38ef7d;background:#e8f8f0;animation:pulse .5s}.option-label.wrong-answer{border-color:#ff6b6b;background:#ffe8e8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.option-label input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer}.option-letter{font-weight:700;color:#667eea;margin-right:10px;min-width:25px}.option-text{flex:1;color:#333}.quiz-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #f0f0f0}.progress-info{color:#666;font-weight:600;font-size:1.1em}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.submit-button:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{font-size:4em;animation:spin 2s linear infinite;margin-bottom:20px}.loading-container h2{color:#667eea;font-size:1.8em;margin-bottom:10px}.loading-container p{color:#666;font-size:1em}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:4em;margin-bottom:20px;animation:shake .5s ease-in-out}.error-container h2{color:#e74c3c;font-size:1.8em;margin-bottom:15px}.error-message{color:#666;font-size:1.1em;margin-bottom:30px;line-height:1.6;max-width:500px}.error-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.retry-button,.home-button{padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.home-button{background:#f0f0f0;color:#667eea;border:2px solid #667eea}.home-button:hover{background:#667eea;color:#fff}@media (max-width: 768px){.quiz-container{padding:20px;margin:10px}.quiz-header{flex-direction:column;gap:15px;align-items:stretch}.quiz-header h1{font-size:1.8em;text-align:center}.header-right{flex-direction:row;gap:8px;justify-content:center}.timer-display,.qr-button{font-size:.8em;padding:8px 12px}.quiz-footer{flex-direction:column;gap:15px}.submit-button{width:100%}.loading-container,.error-container{padding:40px 15px}.loading-spinner,.error-icon{font-size:3em}.error-actions{flex-direction:column;width:100%}.retry-button,.home-button{width:100%;justify-content:center}.timeup-popup-content,.error-popup-content,.success-popup-content{padding:30px 20px}.timeup-popup-icon{font-size:3.5em}.timeup-popup-content h2{font-size:1.8em}}.lucky-wheel-page{min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.home-link-wheel{position:absolute;top:20px;left:20px;color:#fff;text-decoration:none;font-weight:600;padding:10px 20px;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;display:inline-flex;align-items:center;gap:5px;z-index:10}.home-link-wheel:hover{background:#ffffff4d;transform:translate(-5px)}.wheel-container{max-width:600px;width:100%;text-align:center}.wheel-title{color:#fff;font-size:2em;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.5)}to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.8)}}.wheel-wrapper{position:relative;width:400px;height:400px;margin:0 auto 40px}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 0 10px #fff,0 0 0 12px #667eea,0 10px 40px #0006;background:#fff}.wheel-label{position:absolute;top:50%;left:50%;transform-origin:center center;font-weight:700;font-size:.95em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);white-space:normal;pointer-events:none;text-align:center;box-sizing:border-box;padding:0 3px;overflow:hidden;max-width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000004d;z-index:10;display:flex;align-items:center;justify-content:center;border:4px solid #667eea}.wheel-center-text{font-size:2em}.wheel-pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:3em;color:#ff6b6b;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:20;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.spin-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:20px 50px;border-radius:50px;font-size:1.5em;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #ff6b6b80;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:2px}.spin-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ff6b6b99}.spin-button:active{transform:translateY(-1px) scale(1.02)}.spinning-text{color:#fff;font-size:2em;font-weight:700;margin-top:20px;animation:pulse-text 1s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:15px}.spinner-icon{animation:spin 1s linear infinite;font-size:1.5em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-text{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.prize-result{margin-top:40px;animation:slideUp .5s ease-out}.prize-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:bounce-in .6s ease-out}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.prize-icon{font-size:5em;margin-bottom:20px;animation:bounce-icon 1s ease-in-out infinite}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.prize-card h2{color:#333;font-size:2.5em;margin-bottom:20px}.prize-name{font-size:2em;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.prize-value{font-size:1.3em;color:#666;margin-bottom:20px;font-weight:600}.prize-actions{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap;justify-content:center}.reset-button,.quiz-again-button{padding:15px 40px;border:none;border-radius:50px;font-size:1.2em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-block}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.quiz-again-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 15px #f5576c66}.quiz-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c99}@media (max-width: 768px){.lucky-wheel-page{padding:20px 15px}.wheel-wrapper{width:300px;height:300px;max-width:calc(100vw - 40px);max-height:calc(100vw - 40px)}.wheel-title{font-size:1.5em;margin-bottom:25px;padding:0 10px}.wheel-label{font-size:.7em;padding:0 4px!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis}.wheel-center{width:60px;height:60px}.wheel-center-text{font-size:1.5em}.wheel-pointer{font-size:2em;top:-20px}.spin-button{padding:15px 30px;font-size:1.1em;letter-spacing:1px}.spinning-text{font-size:1.5em}.prize-card{padding:25px 15px}.prize-card h2{font-size:1.8em}.prize-name{font-size:1.3em;word-break:break-word;padding:0 10px}.prize-value{font-size:1.1em;word-break:break-word;padding:0 10px}.prize-actions{flex-direction:column;gap:10px}.reset-button,.quiz-again-button{padding:12px 30px;font-size:1em;width:100%}.home-link-wheel{position:relative;top:auto;left:auto;margin-bottom:15px;padding:8px 15px;font-size:.9em}}@media (max-width: 480px){.wheel-wrapper{width:280px;height:280px;max-width:calc(100vw - 30px);max-height:calc(100vw - 30px)}.wheel-title{font-size:1.3em;margin-bottom:20px}.wheel-label{font-size:.65em!important;padding:0 3px!important}.wheel-center{width:50px;height:50px}.wheel-center-text{font-size:1.2em}.wheel-pointer{font-size:1.8em;top:-15px}.spin-button{padding:12px 25px;font-size:1em}.spinning-text{font-size:1.3em}.prize-card{padding:20px 12px}.prize-icon{font-size:4em}.prize-card h2{font-size:1.5em}.prize-name{font-size:1.2em}.prize-value{font-size:1em}}.form-group textarea,.form-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1em;transition:border-color .3s;font-family:inherit}.form-group textarea:focus,.form-group input[type=text]:focus{outline:none;border-color:#667eea}.option-input-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-input-group input[type=radio]{width:20px;height:20px;cursor:pointer}.option-input-group input[type=text]{flex:1;margin-bottom:0}.correct-label{color:#38ef7d;font-weight:600;min-width:70px}.questions-list{display:flex;flex-direction:column;gap:20px}.question-item{background:#f8f9fa;border-radius:15px;padding:25px;border:2px solid transparent;transition:all .3s}.question-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.question-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-index{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9em}.question-actions{display:flex;gap:10px}.edit-button,.delete-button{padding:8px 16px;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s}.question-item h3{color:#333;font-size:1.3em;margin-bottom:20px;font-weight:600}.question-options-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.option-preview{padding:12px 15px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.option-preview.correct{background:#e8f8f0;border-color:#38ef7d;font-weight:600}.correct-badge{color:#38ef7d;font-size:1.2em;font-weight:700}@media (max-width: 768px){.management-container{padding:20px}.management-header{flex-direction:column;align-items:stretch}.management-header h1{font-size:2em;text-align:center}.form-content{padding:30px 20px}.question-item-header{flex-direction:column;gap:15px;align-items:stretch}.question-actions{justify-content:stretch}.edit-button,.delete-button{flex:1}.question-options-preview{grid-template-columns:1fr}}.delete-question-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-question-popup-content{background:#fff;padding:35px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:450px;width:90%;position:relative}.delete-question-popup-icon{font-size:3.5em;margin-bottom:15px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.delete-question-popup-content h2{color:#333;font-size:1.8em;margin-bottom:15px;font-weight:700}.delete-question-popup-message{color:#666;font-size:1em;line-height:1.6;margin:15px 0}.delete-question-preview{background:#f8f9fa;padding:15px;border-radius:10px;margin:20px 0;border-left:4px solid #667eea;text-align:left}.delete-question-preview strong{color:#333;font-size:1em;line-height:1.5;word-break:break-word}.delete-question-warning{color:#ff6b6b;font-size:.95em;line-height:1.6;margin:15px 0;padding:12px;background:#fff5f5;border-radius:10px;border-left:4px solid #ff6b6b;font-weight:600}.delete-question-popup-actions{display:flex;gap:12px;margin-top:25px;justify-content:center}.delete-question-confirm-button,.delete-question-cancel-button{flex:1;padding:12px 30px;border:none;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.delete-question-confirm-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.delete-question-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.delete-question-cancel-button{background:#f0f0f0;color:#666}.delete-question-cancel-button:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width: 768px){.delete-question-popup-content{padding:25px 15px}.delete-question-popup-content h2{font-size:1.5em}.delete-question-popup-icon{font-size:2.5em}.delete-question-popup-actions{flex-direction:column}.delete-question-confirm-button,.delete-question-cancel-button{width:100%}}.form-hint{display:block;margin-top:8px;color:#666;font-size:.85em;font-style:italic;line-height:1.4}.prizes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.prize-item{background:#f8f9fa;border-radius:15px;padding:20px;border:2px solid transparent;transition:all .3s;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}.prize-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.prize-color-block{width:60px;height:60px;border-radius:12px;flex-shrink:0;box-shadow:0 4px 10px #0003}.prize-info{flex:1;min-width:0}.prize-info h3{color:#333;font-size:1.3em;margin-bottom:8px;font-weight:600}.prize-value{color:#666;font-size:1.1em;font-weight:600}.prize-actions{display:flex;flex-direction:column;gap:8px}.prize-actions .edit-button,.prize-actions .delete-button{padding:8px 16px;border:none;border-radius:8px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.color-picker-group{display:flex;gap:15px;align-items:center;margin-bottom:15px}.color-picker{width:80px;height:50px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:0}.color-input{flex:1;font-family:monospace}.preset-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.color-preset{width:100%;height:40px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;padding:0}.color-preset:hover{transform:scale(1.1);border-color:#333;box-shadow:0 2px 8px #0000004d}.form-preview{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:12px}.preview-label{color:#666;font-weight:600;margin-bottom:15px;font-size:.9em}.preview-prize{padding:20px;border-radius:12px;color:#fff;text-align:center;font-weight:700;font-size:1.3em;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:10px}.preview-value{font-size:.8em;opacity:.9;font-weight:500}@media (max-width: 768px){.prizes-list{grid-template-columns:1fr}.prize-item{flex-direction:column;align-items:stretch}.prize-color-block{width:100%;height:80px}.prize-actions{flex-direction:row}.prize-actions .edit-button,.prize-actions .delete-button{flex:1}.preset-colors{grid-template-columns:repeat(4,1fr)}}.delete-prize-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-prize-popup-content{background:#fff;padding:30px;border-radius:18px;text-align:center;box-shadow:0 16px 40px #0006;animation:slideUp .25s;max-width:420px;width:90%}.delete-prize-popup-icon{font-size:3em;margin-bottom:10px;animation:shake .5s ease-in-out}.delete-prize-popup-content h2{color:#333;font-size:1.6em;margin-bottom:10px;font-weight:700}.delete-prize-popup-message{color:#666;font-size:.95em;margin:10px 0}.delete-prize-preview{background:#f8f9fa;padding:12px;border-radius:10px;margin:15px 0;border-left:4px solid #f093fb}.delete-prize-preview strong{color:#333;font-size:.95em;word-break:break-word}.delete-prize-warning{color:#ff6b6b;font-size:.9em;margin:10px 0}.delete-prize-popup-actions{display:flex;gap:10px;margin-top:20px}.delete-prize-confirm-button,.delete-prize-cancel-button{flex:1;padding:10px 20px;border:none;border-radius:10px;font-size:.95em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.delete-prize-confirm-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 3px 10px #ff6b6b66}.delete-prize-confirm-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ff6b6b99}.delete-prize-cancel-button{background:#f0f0f0;color:#666}.delete-prize-cancel-button:hover{background:#e0e0e0;transform:translateY(-1px)}@media (max-width: 768px){.delete-prize-popup-content{padding:22px 15px}.delete-prize-popup-actions{flex-direction:column}.delete-prize-confirm-button,.delete-prize-cancel-button{width:100%}}.management-page{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.management-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:15px}.management-header h1{color:#667eea;font-size:2em;font-weight:700;flex:1;min-width:200px}.back-button{color:#667eea;text-decoration:none;font-weight:600;padding:10px 20px;border-radius:8px;transition:all .3s;display:inline-flex;align-items:center;gap:5px}.back-button:hover{background:#f0f4ff;transform:translate(-5px)}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.form-content{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.form-content h2{color:#333;margin-bottom:30px;font-size:2em}.form-group{margin-bottom:25px}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:10px;font-size:1.1em}.form-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1em;transition:border-color .3s;font-family:inherit}.form-group input[type=text]:focus{outline:none;border-color:#667eea}.time-limit-input{display:flex;align-items:center;gap:10px}.form-group input[type=number],.form-group input[type=text].time-input{width:100px;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.3em;font-weight:700;text-align:center;transition:border-color .3s;font-family:inherit;background:#f8f9fa;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]:focus,.form-group input[type=text].time-input:focus{outline:none;border-color:#667eea;background:#fff}.time-unit{color:#666;font-weight:600;font-size:1.1em}.time-hint{color:#999;font-size:.85em;margin-top:8px;font-style:italic}.form-info{background:#f0f4ff;padding:20px;border-radius:10px;margin-bottom:25px;border-left:4px solid #667eea}.form-info p{color:#667eea;font-weight:600;margin-bottom:10px}.form-info ul{color:#666;margin-left:20px}.form-info li{margin-bottom:5px}.form-actions{display:flex;gap:15px;margin-top:30px}.save-button,.cancel-button{flex:1;padding:15px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.cancel-button{background:#f0f0f0;color:#666}.cancel-button:hover{background:#e0e0e0}.quizzes-list{display:flex;flex-direction:column;gap:20px}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:1.2em}.quiz-item{background:#f8f9fa;border-radius:15px;padding:25px;border:2px solid transparent;transition:all .3s}.quiz-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.quiz-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.quiz-info{flex:1;min-width:200px}.quiz-info h3{color:#333;font-size:1.5em;margin-bottom:10px;font-weight:700}.quiz-meta{display:flex;gap:15px;flex-wrap:wrap}.quiz-id{background:#667eea;color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.85em;font-family:monospace}.quiz-stats{color:#666;font-size:.9em}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-button,.edit-button,.delete-button{padding:8px 16px;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s}.qr-button{background:#4ecdc4;color:#fff}.qr-button:hover{background:#45b8b0;transform:translateY(-2px)}.edit-button{background:#4ecdc4;color:#fff}.edit-button:hover{background:#45b8b0;transform:translateY(-2px)}.delete-button{background:#ff6b6b;color:#fff}.delete-button:hover{background:#ee5a5a;transform:translateY(-2px)}.qr-modal-inline{background:#fff;border:2px solid #667eea;border-radius:15px;padding:25px;margin:20px 0;text-align:center}.qr-content-inline h4{color:#333;margin-bottom:20px;font-size:1.3em}.qr-code-wrapper{display:flex;justify-content:center;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:10px}.qr-url{color:#667eea;font-size:.9em;word-break:break-all;margin-top:15px;font-family:monospace}.quiz-manage-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.manage-questions-button,.manage-prizes-button,.test-quiz-button{flex:1;min-width:150px;padding:12px 20px;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center}.manage-questions-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.manage-questions-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.manage-prizes-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.manage-prizes-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5576c66}.test-quiz-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.test-quiz-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #11998e66}@media (max-width: 768px){.management-container{padding:20px}.management-header{flex-direction:column;align-items:stretch}.management-header h1{font-size:1.8em;text-align:center}.form-content{padding:30px 20px}.quiz-item-header{flex-direction:column;align-items:stretch}.quiz-actions{justify-content:stretch}.qr-button,.edit-button,.delete-button{flex:1}.quiz-manage-buttons{flex-direction:column}.manage-questions-button,.manage-prizes-button,.test-quiz-button{width:100%}}.delete-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-popup-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:500px;width:90%;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delete-popup-icon{font-size:4em;margin-bottom:20px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.delete-popup-content h2{color:#333;font-size:2em;margin-bottom:20px;font-weight:700}.delete-popup-message{color:#666;font-size:1.1em;line-height:1.6;margin:20px 0}.delete-popup-message strong{color:#ff6b6b;font-weight:700}.delete-popup-warning{color:#ff6b6b;font-size:1em;line-height:1.6;margin:20px 0;padding:15px;background:#fff5f5;border-radius:10px;border-left:4px solid #ff6b6b;font-weight:600}.delete-popup-actions{display:flex;gap:15px;margin-top:30px;justify-content:center}.delete-confirm-button,.delete-cancel-button{padding:15px 40px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.delete-confirm-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.delete-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.delete-cancel-button{background:#f0f0f0;color:#666}.delete-cancel-button:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width: 768px){.delete-popup-content{padding:30px 20px}.delete-popup-content h2{font-size:1.5em}.delete-popup-icon{font-size:3em}.delete-popup-actions{flex-direction:column}.delete-confirm-button,.delete-cancel-button{width:100%}}.default-questions-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1002;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.default-questions-popup-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s;max-width:500px;width:90%;position:relative}.default-questions-popup-icon{font-size:4em;margin-bottom:20px;animation:bounce-celebration .6s ease-in-out}@keyframes bounce-celebration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.2) rotate(10deg)}75%{transform:scale(1.1) rotate(-5deg)}}.default-questions-popup-content h2{color:#333;font-size:2em;margin-bottom:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.default-questions-popup-message{color:#666;font-size:1.1em;line-height:1.6;margin:20px 0}.default-questions-popup-message strong{color:#667eea;font-weight:700}.default-questions-popup-question{color:#333;font-size:1.1em;font-weight:600;margin:25px 0;padding:15px;background:#f0f4ff;border-radius:10px;border-left:4px solid #667eea}.default-questions-popup-actions{display:flex;gap:15px;margin-top:30px;justify-content:center}.use-default-button,.customize-button{flex:1;padding:15px 30px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.use-default-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 4px 15px #11998e66}.use-default-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e99}.customize-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.customize-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}@media (max-width: 768px){.default-questions-popup-content{padding:30px 20px}.default-questions-popup-content h2{font-size:1.5em}.default-questions-popup-icon{font-size:3em}.default-questions-popup-actions{flex-direction:column}.use-default-button,.customize-button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}