.ad-container{margin:10px 0;min-height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff08;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.ad-container.fixed-ad{min-height:50px;width:100%;transition:opacity .5s ease-in-out,transform .3s ease-out;opacity:.1;transform:translateY(10px)}.ad-container.fixed-ad.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 480px){.quick-quiz-page,.congratulations-page,.contest-list-page{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding-left:0!important;padding-right:0!important;padding-top:0!important}.ad-container{width:100%;margin:0}}.expandable-ad{position:relative;top:0;left:0;width:100%!important;z-index:1000;flex-direction:column;align-items:center;padding:0;background:#fff;margin:0!important;border-radius:0!important}.expandable-ad .expand-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:24px;background:#fff;border:1px solid #e0e0e0;border-top:none;color:#333;font-size:14px;cursor:pointer;border-radius:0 0 6px 6px;margin:0 auto;box-shadow:0 2px 4px #0000001a;transition:background .2s}.expandable-ad .expand-toggle:hover{background:#f8f8f8}.expandable-ad .arrow{display:inline-block;transition:transform .2s;font-size:10px}.expandable-ad .arrow.open{transform:rotate(180deg)}.expandable-ad .expandable-content{max-height:0;min-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease;display:block}.expandable-ad.expanded .expandable-content{max-height:280px;min-height:250px;display:flex;align-items:center;justify-content:center}.expandable-ad.collapsed{min-height:0!important}.expandable-ad.collapsed .expandable-content{max-height:0;min-height:0;padding:0}.quick-quiz-page,.congratulations-page{padding-top:20px!important;transition:padding-top .3s ease}.quick-quiz-page:has(.expandable-ad.expanded),.congratulations-page:has(.expandable-ad.expanded){padding-top:20px!important}.interstitial-overlay .interstitial-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;border:none;font-size:24px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10000}.interstitial-overlay .interstitial-close:hover{background:#ffffff4d}.interstitial-overlay .interstitial-slot{max-width:100%;min-height:250px}.quick-quiz-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460 60%,#1a1a2e);background-size:400% 400%;animation:gradientShift 20s ease infinite;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(79,172,254,.1) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);padding:40px 20px;display:flex;align-items:flex-start;justify-content:center;position:relative}.quiz-container{width:100%;max-width:100%;background:#1a1a2ee6;border-radius:24px;padding:30px 20px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap;gap:15px}.header-left{flex:1}.category-tag{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px}.reward-info{color:#fffc;font-size:14px;margin:0}.coin-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd70033,#ffc10733);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3);color:gold;font-weight:600;font-size:14px}.coin-icon{font-size:18px}.progress-section{margin-bottom:30px}.question-number{color:#ffffffb3;font-size:14px;margin-bottom:10px;font-weight:500}.progress-dots{display:flex;gap:8px}.progress-dot{flex:1;height:6px;background:#fff3;border-radius:3px;transition:all .3s ease}.progress-dot.active{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea80}.question-section{margin-bottom:30px}.question-text{color:#fff;font-size:22px;font-weight:600;line-height:1.4;text-align:center}.options-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.option-button{padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.option-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.option-button:disabled{cursor:not-allowed}.option-button.correct{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;animation:correctPulse .5s ease}.option-button.wrong{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;animation:wrongShake .5s ease}.option-button.selected:not(.correct):not(.wrong){border-color:#ffffff80;background:#ffffff1a}.next-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66}.next-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}.next-button:active{transform:translateY(0)}.features-section{margin-top:40px;padding:30px 20px;background:linear-gradient(135deg,#0f1419,#1a2332);border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;z-index:0}.features-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:25px;text-align:center;position:relative;z-index:1}.features-list{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.feature-item{display:flex;align-items:flex-start;gap:15px}.feature-icon{width:28px;height:28px;border-radius:50%;background:#1a1a2ecc;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.feature-text{color:#fff;font-size:14px;line-height:1.6;margin:0;flex:1;padding-top:2px}@media (max-width: 480px){.quiz-container{padding:20px 15px;width:92%;margin:20px auto}.question-text{font-size:18px}.options-section{grid-template-columns:1fr;gap:10px}.option-button{padding:14px 16px;font-size:14px}.features-section{margin-top:30px;padding:25px 15px}.features-title{font-size:20px;margin-bottom:20px}.feature-item{gap:12px}.feature-icon{width:24px;height:24px;font-size:14px}.feature-text{font-size:13px}}.congratulations-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460 60%,#1a1a2e);background-size:400% 400%;animation:gradientShift 20s ease infinite;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);padding:20px;display:flex;align-items:center;justify-content:center;position:relative}.congrats-container{width:100%;max-width:100%;background:#1a1a2ee6;border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.treasure-box{position:relative;margin-bottom:30px;height:150px;display:flex;align-items:center;justify-content:center}.treasure-chest{font-size:120px;animation:bounce 1s ease infinite;filter:drop-shadow(0 10px 20px rgba(255,215,0,.3))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.coins-animation{position:absolute;width:100%;height:100%;pointer-events:none}.coin{position:absolute;font-size:40px;animation:coinFloat 2s ease-in-out infinite}.coin:nth-child(1){left:10%;animation-delay:0s}.coin:nth-child(2){left:50%;animation-delay:.5s}.coin:nth-child(3){right:10%;animation-delay:1s}@keyframes coinFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-30px) rotate(180deg);opacity:1}}.congrats-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.win-message{margin-bottom:25px}.win-text{font-size:24px;color:#ffffffe6;margin-bottom:15px;font-weight:500}.coins-won{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#ffd70033,#ffc10733);padding:15px 30px;border-radius:50px;border:2px solid rgba(255,215,0,.3);display:inline-flex;margin:0 auto}.coin-icon-large{font-size:32px;animation:rotate 3s linear infinite}.coins-amount{font-size:36px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.score-info{background:#ffffff0d;padding:15px;border-radius:12px;margin-bottom:20px;color:#fffc;font-size:14px}.encouragement-text{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:30px}.continue-button{width:100%;padding:18px 40px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66}.continue-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}.continue-button:active{transform:translateY(0)}@media (max-width: 480px){.congrats-container{padding:30px 20px;width:92%;margin:20px auto}.congrats-title{font-size:32px}.treasure-chest{font-size:80px}.win-text{font-size:20px}.coins-amount{font-size:28px}}.contest-list-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460 60%,#1a1a2e);background-size:400% 400%;animation:gradientShift 20s ease infinite;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(79,172,254,.1) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);padding-bottom:40px;position:relative}@media (max-width: 480px){.contest-list-page .expandable-ad{position:absolute!important;top:0;left:0;width:100%;z-index:1001!important;background:transparent!important}}.contest-header{background:#1a1a2ef2;padding:20px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo-section{display:flex;align-items:center;gap:12px}.logo-circle-small{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ee5a6f66}.logo-letter-small{font-size:24px;font-weight:800;color:#fff}.logo-text h2{color:#fff;font-size:18px;font-weight:700;margin:0;line-height:1.2}.logo-text p{color:#ffffffb3;font-size:11px;margin:0}.coins-display{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd70033,#ffc10733);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3);color:gold;font-weight:600;font-size:14px}.coin-icon-header{font-size:18px}.tabs{display:flex;gap:10px}.tab{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.tab:not(.active):hover{background:#ffffff1a;color:#fffc}.contests-container{padding:20px;width:100%;margin:0 auto}.contest-card{background:#1a1a2ed9;border-radius:20px;padding:15px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;transition:transform .3s ease;position:relative;overflow:hidden}.contest-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;z-index:0;border-radius:20px;background-size:100px 100px;background-repeat:repeat}.contest-card:nth-child(1):before{background:repeating-linear-gradient(45deg,#667eea4d,#667eea4d 10px,#764ba24d 10px,#764ba24d 20px),radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%)}.contest-card:nth-child(2):before{background:repeating-linear-gradient(135deg,#4caf504d,#4caf504d 10px,#43a0474d 10px,#43a0474d 20px),radial-gradient(circle,rgba(76,175,80,.2) 0%,transparent 70%)}.contest-card:nth-child(3):before{background:repeating-linear-gradient(45deg,#ff98004d,#ff98004d 10px,#ffc1074d 10px,#ffc1074d 20px),radial-gradient(circle,rgba(255,152,0,.2) 0%,transparent 70%)}.contest-card:nth-child(4):before{background:repeating-linear-gradient(135deg,#f443364d,#f443364d 10px,#e91e634d 10px,#e91e634d 20px),radial-gradient(circle,rgba(244,67,54,.2) 0%,transparent 70%)}.contest-card:nth-child(5):before{background:repeating-linear-gradient(45deg,#2196f34d,#2196f34d 10px,#3f51b54d 10px,#3f51b54d 20px),radial-gradient(circle,rgba(33,150,243,.2) 0%,transparent 70%)}.contest-card:nth-child(6):before{background:repeating-linear-gradient(135deg,#9c27b04d,#9c27b04d 10px,#7b1fa24d 10px,#7b1fa24d 20px),radial-gradient(circle,rgba(156,39,176,.2) 0%,transparent 70%)}.contest-card:nth-child(7):before{background:repeating-linear-gradient(45deg,#00bcd44d,#00bcd44d 10px,#0096884d 10px,#0096884d 20px),radial-gradient(circle,rgba(0,188,212,.2) 0%,transparent 70%)}.contest-card:nth-child(8):before{background:repeating-linear-gradient(135deg,#ff57224d,#ff57224d 10px,#ff6f614d 10px,#ff6f614d 20px),radial-gradient(circle,rgba(255,87,34,.2) 0%,transparent 70%)}.contest-card:nth-child(9):before{background:repeating-linear-gradient(45deg,#7955484d,#7955484d 10px,#607d8b4d 10px,#607d8b4d 20px),radial-gradient(circle,rgba(121,85,72,.2) 0%,transparent 70%)}.contest-card:nth-child(10):before{background:repeating-linear-gradient(135deg,#ffeb3b4d,#ffeb3b4d 10px,#ffc1074d 10px,#ffc1074d 20px),radial-gradient(circle,rgba(255,235,59,.2) 0%,transparent 70%)}.contest-card:nth-child(11):before{background:repeating-linear-gradient(45deg,#667eea4d,#667eea4d 10px,#764ba24d 10px,#764ba24d 20px),radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%)}.contest-card:nth-child(12):before{background:repeating-linear-gradient(135deg,#4caf504d,#4caf504d 10px,#43a0474d 10px,#43a0474d 20px),radial-gradient(circle,rgba(76,175,80,.2) 0%,transparent 70%)}.contest-card:nth-child(13):before{background:repeating-linear-gradient(45deg,#ff98004d,#ff98004d 10px,#ffc1074d 10px,#ffc1074d 20px),radial-gradient(circle,rgba(255,152,0,.2) 0%,transparent 70%)}.contest-card:nth-child(14):before{background:repeating-linear-gradient(135deg,#f443364d,#f443364d 10px,#e91e634d 10px,#e91e634d 20px),radial-gradient(circle,rgba(244,67,54,.2) 0%,transparent 70%)}.contest-card:nth-child(15):before{background:repeating-linear-gradient(45deg,#2196f34d,#2196f34d 10px,#3f51b54d 10px,#3f51b54d 20px),radial-gradient(circle,rgba(33,150,243,.2) 0%,transparent 70%)}.contest-card:nth-child(16):before{background:repeating-linear-gradient(135deg,#9c27b04d,#9c27b04d 10px,#7b1fa24d 10px,#7b1fa24d 20px),radial-gradient(circle,rgba(156,39,176,.2) 0%,transparent 70%)}.contest-card:nth-child(17):before{background:repeating-linear-gradient(45deg,#00bcd44d,#00bcd44d 10px,#0096884d 10px,#0096884d 20px),radial-gradient(circle,rgba(0,188,212,.2) 0%,transparent 70%)}.contest-card:nth-child(18):before{background:repeating-linear-gradient(135deg,#ff57224d,#ff57224d 10px,#ff6f614d 10px,#ff6f614d 20px),radial-gradient(circle,rgba(255,87,34,.2) 0%,transparent 70%)}.contest-card:nth-child(19):before{background:repeating-linear-gradient(45deg,#7955484d,#7955484d 10px,#607d8b4d 10px,#607d8b4d 20px),radial-gradient(circle,rgba(121,85,72,.2) 0%,transparent 70%)}.contest-card:nth-child(20):before{background:repeating-linear-gradient(135deg,#ffeb3b4d,#ffeb3b4d 10px,#ffc1074d 10px,#ffc1074d 20px),radial-gradient(circle,rgba(255,235,59,.2) 0%,transparent 70%)}.contest-card>*{position:relative;z-index:1}.contest-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}.contest-card:hover:before{opacity:.2;animation:patternShift 3s ease infinite}@keyframes patternShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.contest-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.live-badge{display:flex;align-items:center;gap:6px;background:#4caf5033;padding:4px 12px;border-radius:12px;border:1px solid #4caf50}.live-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4caf50b3}50%{opacity:.8;box-shadow:0 0 0 8px #4caf5000}}.live-badge span:last-child{color:#4caf50;font-size:11px;font-weight:600}.users-playing{color:#ffffffb3;font-size:12px;font-weight:500}.contest-content{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.contest-icon{font-size:45px;width:60px;height:60px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.contest-details{flex:1}.contest-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:6px}.prize-info{margin-bottom:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prize-text{color:#ffffffb3;font-size:12px;display:inline;margin:0}.prize-amount{color:gold;font-size:16px;font-weight:700;display:inline}.coin-icon-small{font-size:16px;display:inline}.winner-announcement{color:#fff9;font-size:11px;margin:0;line-height:1.4}.contest-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.entry-fee{color:#fffc;font-size:14px;font-weight:500}.play-button{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.play-button:active{transform:translateY(0)}@media (max-width: 480px){.contest-header,.contests-container{padding:15px}.contest-card{padding:12px;margin-bottom:12px}.contest-icon{width:50px;height:50px;font-size:35px}.contest-title{font-size:16px;margin-bottom:5px}.prize-info{margin-bottom:5px}.prize-text{font-size:11px}.prize-amount,.coin-icon-small{font-size:14px}.winner-announcement{font-size:10px}.play-button{padding:8px 20px;font-size:12px}}.quiz-game-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px 20px 120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.quiz-game-container{width:100%;max-width:100%;background:#1a1a2ee6;border-radius:24px;padding:25px 20px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative}.quiz-game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.header-info{flex:1}.category-name{display:block;color:#ffffffb3;font-size:12px;margin-bottom:4px;font-weight:500}.header-title{color:#fff;font-size:18px;font-weight:700;margin:0}.flag-button{background:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;transition:transform .2s}.flag-button:hover{transform:scale(1.1)}.quiz-progress-section{margin-bottom:25px}.question-number-display{color:#ffffffb3;font-size:14px;margin-bottom:8px;font-weight:500}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:15px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffd70080}.timer-display{display:flex;justify-content:flex-end}.timer-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#f44336,#d32f2f);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #f4433666;border:3px solid rgba(255,255,255,.2)}.timer-seconds{font-size:24px;font-weight:700;color:#fff;line-height:1}.timer-label{font-size:9px;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.question-display{margin-bottom:25px}.question-text-large{color:#fff;font-size:22px;font-weight:600;line-height:1.4;text-align:center}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.option-btn-large{padding:18px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-height:70px;display:flex;align-items:center;justify-content:center}.option-btn-large:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.option-btn-large:disabled{cursor:not-allowed}.option-btn-large.correct{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;animation:correctPulse .5s ease}.option-btn-large.wrong{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;animation:wrongShake .5s ease}.option-btn-large.selected:not(.correct):not(.wrong){border-color:#ffffff80;background:#ffffff1a}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.score-display{text-align:center;margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:12px}.score-label{color:#ffffffb3;font-size:14px;margin-right:10px}.score-value{color:gold;font-size:24px;font-weight:700}.next-question-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;margin-top:10px}.next-question-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}.next-question-button:active{transform:translateY(0)}.error-message{text-align:center;color:#fff;padding:40px}.error-message button{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer}@media (max-width: 480px){.quiz-game-container{padding:20px 15px;width:92%;margin:20px auto}.question-text-large{font-size:18px}.options-grid{grid-template-columns:1fr 1fr;gap:10px}.option-btn-large{padding:14px 16px;font-size:14px;min-height:60px}.timer-circle{width:60px;height:60px}.timer-seconds{font-size:20px}.timer-label{font-size:8px}}.quiz-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-popup{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;padding:40px 30px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #000c;border:2px solid rgba(255,255,255,.1);animation:slideUp .3s ease;position:relative;overflow:hidden}.quiz-popup:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-icon{font-size:80px;margin-bottom:20px;animation:bounce 1s ease infinite;position:relative;z-index:1}.popup-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px;position:relative;z-index:1}.popup-message{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:25px;position:relative;z-index:1}.popup-score{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;position:relative;z-index:1}.popup-score span:first-child{color:#ffffffb3;font-size:16px}.popup-score-value{color:gold;font-size:32px;font-weight:700}.popup-coins{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;background:linear-gradient(135deg,#ffd70033,#ffc10733);padding:15px 25px;border-radius:50px;border:2px solid rgba(255,215,0,.3);display:inline-flex;position:relative;z-index:1}.coin-icon-popup{font-size:28px}.popup-coins-value{color:gold;font-size:28px;font-weight:700}.popup-continue-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;position:relative;z-index:1}.popup-continue-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea99}.popup-continue-button:active{transform:translateY(0)}@media (max-width: 480px){.quiz-popup{padding:30px 20px}.popup-icon{font-size:60px}.popup-title{font-size:24px}.popup-message{font-size:14px}.popup-score-value{font-size:28px}.popup-coins-value{font-size:24px}}.lifelines-section{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,255,255,.1);padding:15px 20px 20px;z-index:100;box-shadow:0 -5px 20px #00000080}.lifelines-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.lifelines-heart{font-size:20px;filter:drop-shadow(0 0 4px rgba(255,20,147,.6))}.lifelines-title{color:gold;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.lifelines-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 5px}.lifeline-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease}.lifeline-item:hover:not(.disabled){transform:translateY(-3px)}.lifeline-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.lifeline-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #0000004d}.lifeline-label{color:#fff;font-size:11px;font-weight:500;text-align:center;line-height:1.2}.lifeline-5050{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.fifty-fifty-shape{position:absolute;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.shape-1{background:#9c27b0;top:2px;left:2px;clip-path:polygon(0% 0%,90% 0%,10% 100%,0% 100%);z-index:2}.shape-2{background:#ff9800;bottom:2px;right:2px;clip-path:polygon(90% 0%,100% 0%,100% 100%,10% 100%);z-index:1}.lifeline-audience{background:#2196f3}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:30px;position:relative}.bar{width:5px;background:#fff;border-radius:2px 2px 0 0}.bar-1{height:8px}.bar-2{height:14px}.bar-3{height:20px}.bar-4{height:26px}.bar-arrow{position:absolute;top:-8px;right:-8px;color:#fff;font-size:12px;font-weight:700}.lifeline-timefreeze{background:#ff9800}.clock-icon{font-size:28px;position:absolute;z-index:1}.snowflake-icon{font-size:16px;position:absolute;z-index:2;filter:drop-shadow(0 0 3px rgba(255,87,34,.8))}.lifeline-flip{background:#4caf50}.flip-icon{font-size:28px;animation:rotateFlip 2s linear infinite}@keyframes rotateFlip{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audience-vote-icon{margin-left:8px;font-size:20px;animation:thumbsUp .5s ease}@keyframes thumbsUp{0%{transform:scale(0) rotate(-20deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.lifeline-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.lifeline-popup{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;padding:30px 25px;max-width:350px;width:100%;text-align:center;box-shadow:0 20px 60px #000c;border:2px solid rgba(255,255,255,.1);animation:slideUp .3s ease}.lifeline-popup-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.lifeline-popup-message{color:#fffc;font-size:14px;margin-bottom:25px;line-height:1.5}.lifeline-popup-options{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.lifeline-popup-button{width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.lifeline-popup-button.watch-ad{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lifeline-popup-button.watch-ad:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.lifeline-popup-button.pay-coins{background:linear-gradient(135deg,#ffd70033,#ffc10733);color:gold;border:2px solid rgba(255,215,0,.3)}.lifeline-popup-button.pay-coins:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.lifeline-popup-button:disabled{opacity:.5;cursor:not-allowed}.coins-badge-small{font-size:14px}.lifeline-popup-cancel{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.lifeline-popup-cancel:hover{background:#ffffff26;color:#fff}@media (max-width: 480px){.lifelines-grid{gap:10px;padding:0}.lifeline-icon{width:45px;height:45px}.lifeline-label{font-size:10px}.lifelines-title{font-size:14px}.lifelines-heart{font-size:18px}.lifeline-popup{padding:25px 20px}}.home-screen-container{background-color:#020617;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.home-header{position:sticky;top:0;height:120px;display:flex;align-items:center;justify-content:center;background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.header-background-blur{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(14,165,233,.15) 0%,transparent 100%);z-index:-1}.header-title{font-weight:900;font-size:20px;letter-spacing:4px;margin:0;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.header-blob{position:absolute;top:-40px;right:-20px;width:100px;height:100px;background-color:#6366f10d;border-radius:50%}.home-content{padding:24px 20px 100px;max-width:600px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-section h2{font-size:28px;font-weight:900;margin:0 0 4px;letter-spacing:-.5px}.welcome-section p{font-size:15px;color:#fff6;margin:0;font-weight:500}.featured-card,.compact-card,.wide-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-card:hover,.compact-card:hover,.wide-card:hover{transform:translateY(-5px);background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px #0006}.featured-card{height:200px;border-radius:32px;box-shadow:0 10px 30px #0ea5e91f;margin-bottom:20px;display:flex;flex-direction:column}.card-blob{position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background-color:#0ea5e914;background-color:var(--accent, rgba(14, 165, 233, .08));opacity:.1}.featured-card-content{display:flex;padding:24px;height:100%}.featured-text{flex:6;display:flex;flex-direction:column;justify-content:center}.hot-trend{background-color:#0ea5e926;color:#0ea5e9;padding:6px 12px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:1px;align-self:flex-start;margin-bottom:12px}.featured-text h3{font-size:24px;font-weight:900;margin:0 0 4px;color:#fff}.featured-text p{font-size:14px;color:#fff6;margin:0}.featured-image{flex:4;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 15px var(--accent));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.featured-image img{max-width:100%;max-height:100%;object-fit:contain}.compact-cards-row{display:flex;gap:16px;margin-bottom:20px}.compact-card{flex:1;border-radius:28px;padding:20px}.compact-image-wrapper{height:100px;width:100%;background-color:#ffffff0d;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:12px;margin-bottom:16px;box-sizing:border-box}.compact-image-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.compact-card h4{font-size:16px;font-weight:800;margin:0 0 8px;color:#fff}.arrow-icon{color:#fff3;font-size:18px}.modern-ad-card{background:linear-gradient(to bottom right,#0ea5e9,#6366f1);border-radius:32px;padding:24px;box-shadow:0 12px 25px #0ea5e959;margin-bottom:20px;display:flex;cursor:pointer}.ad-content{flex:1;display:flex;flex-direction:column;justify-content:center}.pro-label{color:#ffffffb3;font-size:10px;font-weight:900;letter-spacing:1.5px;margin-bottom:8px}.ad-content h3{font-size:22px;font-weight:900;line-height:1.1;margin:0 0 16px;color:#fff}.explore-btn{background-color:#fff;color:#0ea5e9;border:none;border-radius:14px;padding:8px 16px;font-size:13px;font-weight:900;align-self:flex-start;cursor:pointer}.ad-image{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.ad-image img{max-width:100%;max-height:100%;object-fit:contain}.wide-card{height:120px;border-radius:28px;padding:0 24px;display:flex;align-items:center;margin-bottom:40px}.wide-card-icon{width:70px;height:70px;border-radius:20px;background-color:#f43f5e1f;padding:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-right:20px}.wide-card-icon img{max-width:100%;max-height:100%}.wide-card-text{flex:1;display:flex;flex-direction:column;justify-content:center}.wide-card-text h4{font-size:18px;font-weight:800;margin:0 0 4px}.wide-card-text p{font-size:13px;color:#fff6;margin:0}.forward-btn{width:28px;height:28px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.categories-screen-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.categories-app-bar{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.categories-app-bar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.categories-list{padding:16px;display:flex;flex-direction:column;gap:20px}.category-card{background-color:#ffffff08;border-radius:24px;padding:20px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{transform:translate(8px);background-color:#ffffff0f;border-color:#fff3}.category-card{border-color:color-mix(in srgb,var(--cat-color) 30%,transparent)}.category-icon-wrapper{padding:12px;border-radius:12px;background-color:color-mix(in srgb,var(--cat-color) 20%,transparent);display:flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;box-sizing:border-box}.category-icon{font-size:28px}.category-title{flex:1;font-size:18px;font-weight:700;color:#fff;margin-left:16px}.view-all-btn{background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;color:#fff;font-weight:800;font-size:13px;cursor:pointer;padding:10px 20px;border-radius:12px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s}.view-all-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0ea5e980}.view-all-btn:active{opacity:.7}.category-detail-container{background-color:#0f172a;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.category-detail-appbar{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.category-detail-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.products-grid{padding:5vw;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card{background:#ffffff08;border-radius:28px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;cursor:pointer;overflow:hidden;aspect-ratio:.85;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.product-image-container{flex:1;width:100%;padding:20px;background-color:#ffffff05;border-radius:24px 24px 0 0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.product-image-container img{max-width:100%;max-height:100%;object-fit:contain}.product-placeholder-icon{font-size:40px;opacity:.24}.product-info{padding:16px;text-align:center}.product-name{color:#fff;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.category-sections-container{background-color:#0f172a;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.sections-appbar{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.sections-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.sections-content-area{padding:20px 5vw 40px}.category-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:20px;font-weight:700;color:#fff}.section-link-btn{background:transparent;border:none;color:#0ea5e9;font-weight:700;font-size:14px;cursor:pointer;padding:0}.section-items-row{display:flex;gap:12px}.section-item-card{flex:1;padding:16px;background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-item-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-5px)}.item-image-container{width:60px;height:60px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.item-image-container img{max-width:100%;max-height:100%;object-fit:contain}.item-name{font-size:11px;color:#fff;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.confirmation-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden;display:flex;flex-direction:column}.confirmation-content{flex:1;padding:32px 24px;display:flex;flex-direction:column}.confirmation-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.confirmation-image-wrapper{width:280px;height:280px;border-radius:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 50px #0ea5e94d;display:flex;align-items:center;justify-content:center;margin-bottom:48px;padding:32px;box-sizing:border-box;position:relative;overflow:hidden}.confirmation-image-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(14,165,233,.15) 0%,transparent 70%)}.confirmation-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(10,165,233,.4));animation:float 4s ease-in-out infinite;position:relative;z-index:1}.congrats-title{font-size:32px;font-weight:900;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;text-align:center;margin:0 0 12px;text-transform:uppercase}.unlocked-subtitle{font-size:18px;font-weight:700;color:#10b981;letter-spacing:1px;text-align:center;margin:0 0 24px}.confirmation-desc{font-size:16px;color:#fff9;font-weight:400;line-height:1.5;text-align:center;margin:0;padding:0 20px}.confirmation-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px}.apply-btn{width:100%;height:64px;border-radius:24px;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 10px 30px #0ea5e966;border:none;color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-btn:hover{transform:scale(1.02);box-shadow:0 15px 40px #0ea5e999}.apply-btn:active{transform:scale(.98)}.back-home-btn{background:transparent;border:none;color:#ffffff4d;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;padding:12px}.back-home-btn:active{color:#ffffff80}.success-notification{position:absolute;bottom:120px;left:20px;right:20px;background-color:#fff;border-radius:40px;padding:16px 20px;box-shadow:0 10px 20px #0003;display:flex;align-items:center;gap:16px;opacity:0;transform:scale(.8) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.success-notification.show{opacity:1;transform:scale(1) translateY(0)}.notification-image{width:48px;height:48px;border-radius:50%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;overflow:hidden}.notification-image img{width:100%;height:100%;object-fit:contain}.notification-text{flex:1;color:#222;font-size:15px;font-weight:600;line-height:1.2;margin:0}.familiarity-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.familiarity-appbar{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.familiarity-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.familiarity-content{padding:24px 16px;flex:1}.familiarity-heading{font-size:18px;font-weight:800;color:#94a3b8;margin-top:0;margin-bottom:32px;text-align:center;text-transform:uppercase;letter-spacing:1px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.option-card{background-color:#ffffff08;border-radius:28px;border:1px solid rgba(255,255,255,.08);padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:.85;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card.selected{background:#0ea5e91a;border:2px solid #0EA5E9;box-shadow:0 0 30px #0ea5e933;transform:translateY(-5px)}.option-card:active{transform:scale(.98)}.option-icon{font-size:40px;margin-bottom:16px;opacity:.8;filter:grayscale(100%)}.option-card.selected .option-icon{filter:none;opacity:1}.option-label{font-size:15px;font-weight:500;color:#fff;text-align:center}.option-card.selected .option-label{font-weight:700}.idlevel-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.idlevel-appbar{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.idlevel-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.idlevel-content{padding:24px 16px;flex:1}.idlevel-heading{font-size:18px;font-weight:800;color:#94a3b8;margin-top:0;margin-bottom:32px;text-align:center;text-transform:uppercase;letter-spacing:1px}.idlevel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.idlevel-card{background-color:#ffffff08;border-radius:28px;border:1px solid rgba(255,255,255,.08);padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:.85;transition:all .3s cubic-bezier(.4,0,.2,1)}.idlevel-card.selected{background:#0ea5e91a;border:2px solid #0EA5E9;box-shadow:0 0 30px #0ea5e933;transform:translateY(-5px)}.idlevel-card:active{transform:scale(.98)}.idlevel-icon{font-size:40px;margin-bottom:16px;opacity:.8;filter:grayscale(100%)}.idlevel-card.selected .idlevel-icon{filter:none;opacity:1}.idlevel-label{font-size:16px;font-weight:500;color:#fff;text-align:center}.idlevel-card.selected .idlevel-label{font-weight:700}.product-detail-container{background-color:#0f172a;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.product-detail-appbar{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.product-detail-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.product-content{padding:24px;display:flex;flex-direction:column;align-items:center}.product-image-box{width:100%;height:350px;background:#ffffff08;border-radius:40px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;margin-bottom:40px;position:relative;overflow:hidden}.product-image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(14,165,233,.1) 0%,transparent 70%);pointer-events:none}.product-image-box img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(102,102,255,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.product-placeholder{font-size:80px;opacity:.24}.product-detail-title{font-size:28px;font-weight:900;color:#fff;letter-spacing:1px;text-align:center;margin:0 0 12px}.product-detail-subtitle{font-size:16px;color:#0ea5e9cc;font-weight:500;text-align:center;margin:0 0 48px}.access-analysis-btn{width:100%;height:64px;border-radius:24px;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 10px 30px #0ea5e966;border:none;color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;cursor:pointer;margin-bottom:24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.access-analysis-btn:hover{transform:scale(1.02);box-shadow:0 15px 40px #0ea5e999}.access-analysis-btn:active{transform:scale(.98)}.product-detail-footer{font-size:12px;color:#ffffff4d;text-align:center;margin:0}.ranking-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.ranking-appbar{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.ranking-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.ranking-content{padding:24px 16px;flex:1}.ranking-heading{font-size:18px;font-weight:800;color:#94a3b8;margin-top:0;margin-bottom:32px;text-align:center;text-transform:uppercase;letter-spacing:1px}.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ranking-card{background-color:#ffffff08;border-radius:28px;border:1px solid rgba(255,255,255,.08);padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:.85;transition:all .3s cubic-bezier(.4,0,.2,1)}.ranking-card.selected{background:#0ea5e91a;border:2px solid #0EA5E9;box-shadow:0 0 30px #0ea5e933;transform:translateY(-5px)}.ranking-card:active{transform:scale(.98)}.ranking-icon{font-size:40px;margin-bottom:16px;opacity:.8;filter:grayscale(100%)}.ranking-card.selected .ranking-icon{filter:none;opacity:1}.ranking-label{font-size:16px;font-weight:500;color:#fff;text-align:center}.ranking-card.selected .ranking-label{font-weight:700}.time-container{background-color:#020617;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.time-appbar{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.time-appbar h2{margin:0;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.time-content{padding:24px 16px;flex:1;display:flex;flex-direction:column}.time-heading{font-size:18px;font-weight:800;color:#94a3b8;margin-top:0;margin-bottom:32px;text-align:center;text-transform:uppercase;letter-spacing:1px}.time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.time-card{background-color:#ffffff08;border-radius:28px;border:1px solid rgba(255,255,255,.08);padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:.85;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-card.selected{background:#0ea5e91a;border:2px solid #0EA5E9;box-shadow:0 0 30px #0ea5e933;transform:translateY(-5px)}.time-card:active{transform:scale(.98)}.time-icon{font-size:40px;margin-bottom:16px;opacity:.8;filter:grayscale(100%)}.time-card.selected .time-icon{filter:none;opacity:1}.time-label{font-size:16px;font-weight:500;color:#fff;text-align:center}.time-card.selected .time-label{font-weight:700}.time-continue-btn{width:100%;height:64px;border-radius:24px;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 10px 30px #0ea5e966;border:none;color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;cursor:pointer;margin-top:24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-continue-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 15px 40px #0ea5e999}.time-continue-btn:active:not(:disabled){transform:scale(.98)}.time-continue-btn:disabled{background-color:gray;cursor:not-allowed}.webview-container{background-color:#0f172a;min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.webview-appbar{display:flex;align-items:center;padding:12px 16px;background-color:#0f172a;border-bottom:1px solid rgba(255,255,255,.05)}.webview-icon-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.webview-icon-btn:active{opacity:.7}.webview-url-bar{flex:1;height:40px;background-color:#ffffff0d;border-radius:12px;margin:0 12px;display:flex;align-items:center;justify-content:center;padding:0 16px;overflow:hidden}.webview-url-text{color:#ffffff80;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webview-progress-bar{width:100%;height:2px;background-color:transparent;position:relative;overflow:hidden}.webview-progress-value{position:absolute;top:0;left:0;height:100%;width:30%;background-color:#0ea5e9;animation:loading-progress 1.5s infinite ease-in-out}@keyframes loading-progress{0%{left:-30%;width:30%}50%{left:30%;width:50%}to{left:100%;width:30%}}.webview-content{flex:1;background-color:#fff;display:flex}.webview-iframe{flex:1;border:none;width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(79,172,254,.2) 0%,transparent 70%);z-index:-1;animation:pulseGlow 8s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);z-index:-1;opacity:.5}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}#root{width:100%;max-width:480px;min-height:100vh;background:#000;margin:0 auto;position:relative;box-shadow:0 0 50px #00000080;overflow-x:hidden}@media (max-width: 480px){body{padding:0}#root{max-width:100%;box-shadow:none}}@media (min-width: 768px){body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:40px 20px}#root{border-radius:30px;overflow:hidden;box-shadow:0 0 0 8px #ffffff1a,0 20px 60px #000c}}@media (min-width: 1024px){body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.1) 0%,transparent 50%);z-index:-1}}button{font-family:Poppins,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.6}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body,html{overflow-x:hidden;width:100%}