html{font-size:16px;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#25d366;text-decoration:none;transition:color .2s ease}a:hover{color:#128c7e;text-decoration:underline}ol,ul{margin-bottom:1rem;margin-left:1.5rem}li{margin-bottom:.5rem}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}img{height:auto;max-width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}:focus{outline:2px solid #25d366;outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}main{flex:1}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media print{body{background-color:#fff}a,body{color:#000}a{text-decoration:underline}}:root{--primary-color:#25d366;--primary-dark:#128c7e;--primary-light:#3ed664;--secondary-color:#25d366;--secondary-dark:#128c7e;--secondary-light:#e8faf0;--background-color:#f0f2f5;--surface-color:#fff;--text-primary:#333;--text-secondary:#666;--text-muted:#777;--border-color:#eee;--accent-yellow:#ffc107;--accent-blue:#3498db;--accent-red:#e74c3c;--accent-green:#2ecc71;--accent-orange:#f39c12;--success-color:#28a745;--info-color:#17a2b8;--warning-color:#ffc107;--danger-color:#dc3545;--premium-gradient:linear-gradient(135deg,gold,orange);--premium-color:#ffc107;--premium-text:#212529;--primary-text:#128c7e;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);--shadow-lg:0 10px 15px rgba(0,0,0,.07),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.07),0 10px 10px rgba(0,0,0,.04);--shadow-inner:inset 0 2px 4px rgba(0,0,0,.05);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:10px;--border-radius-xl:15px;--border-radius-circle:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-xxl:2rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal:400;--z-index-popover:500;--z-index-toast:600}.bg-primary{background-color:var(--primary-color);color:#fff}.bg-secondary{background-color:var(--secondary-color);color:#fff}.bg-light{background-color:var(--background-color)}.bg-light,.bg-white{color:var(--text-primary)}.bg-white{background-color:var(--surface-color)}.bg-success{background-color:var(--success-color);color:#fff}.bg-warning{background-color:var(--warning-color);color:var(--premium-text)}.bg-danger{background-color:var(--danger-color);color:#fff}.bg-info{background-color:var(--info-color);color:#fff}.bg-premium{background:var(--premium-gradient);color:var(--premium-text)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.text-premium{color:var(--premium-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-light{border-color:var(--border-color)}.border-success{border-color:var(--success-color)}.border-warning{border-color:var(--warning-color)}.border-danger{border-color:var(--danger-color)}.border-info{border-color:var(--info-color)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.personality-question{background-color:var(--secondary-color)!important}.personality-option{border-left:4px solid var(--secondary-color)}.personality-option:hover{background-color:var(--secondary-light)}.career-quiz.personality-question{background-color:var(--accent-blue)!important}.career-option{border-left:4px solid var(--accent-blue)}.relationship-quiz.personality-question{background-color:var(--accent-red)!important}.relationship-option{border-left:4px solid var(--accent-red)}.learning-style-quiz.personality-question{background-color:var(--accent-green)!important}.learning-style-option{border-left:4px solid var(--accent-green)}.leadership-quiz.personality-question{background-color:var(--accent-orange)!important}.leadership-option{border-left:4px solid var(--accent-orange)}.zodiac-question{box-shadow:var(--shadow-md)}.zodiac-option{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.zodiac-option:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-lg)}.spirit-animal-question{background-color:#1a2a3a!important;background-image:linear-gradient(135deg,#1a2a3a,#2c3e50);border:none;box-shadow:var(--shadow-md)}.spirit-animal-option{border:3px solid transparent;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.spirit-animal-option:hover{border-color:#8ecae6;box-shadow:var(--shadow-lg);transform:scale(1.05)}.premium-badge{background:var(--premium-gradient);box-shadow:var(--shadow-sm);color:var(--premium-text)}.premium-feature{background-color:rgba(255,193,7,.05);border-left:4px solid var(--premium-color)}.premium-button{background:var(--premium-gradient);color:var(--premium-text)}.premium-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark-mode{--background-color:#121212;--surface-color:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#b0b0b0;--text-muted:#909090;--border-color:#333;--shadow-sm:0 2px 4px rgba(0,0,0,.2);--shadow-md:0 2px 10px rgba(0,0,0,.3);--shadow-lg:0 5px 15px rgba(0,0,0,.4)}body.dark-mode{background-color:#121212!important;color:#f5f5f5!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f5f5f5}body.dark-mode label,body.dark-mode p,body.dark-mode span{color:#b0b0b0}body.dark-mode .card,body.dark-mode .dropdown-menu,body.dark-mode .modal-content,body.dark-mode .quiz-card,body.dark-mode .quiz-question-card,body.dark-mode .quiz-section,body.dark-mode .result-card,body.dark-mode .topic-card,body.dark-mode .user-dropdown{background-color:#1e1e1e!important;border-color:#333!important;color:#f5f5f5!important}body.dark-mode .card h3,body.dark-mode .quiz-card h3,body.dark-mode .topic-card h3{color:#f5f5f5}body.dark-mode .app-header,body.dark-mode .site-header{background-color:#1a1a1a!important;border-bottom-color:#333!important}body.dark-mode .dropdown-item,body.dark-mode .nav-link{color:#d0d0d0!important}body.dark-mode .dropdown-menu{background-color:#1e1e1e!important}body.dark-mode .dropdown-item:hover{background-color:#2a2a2a!important;color:#25d366!important}body.dark-mode .answer-option,body.dark-mode .option-btn,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#2a2a2a!important;border-color:#444!important;color:#f5f5f5!important}body.dark-mode .answer-option:hover,body.dark-mode .option-btn:hover{background-color:#333!important;border-color:#25d366!important}body.dark-mode .site-footer{background-color:#1a1a1a!important;border-top-color:#333!important}body.dark-mode .copyright,body.dark-mode .footer-link,body.dark-mode .footer-nav-link{color:#b0b0b0!important}body.dark-mode #category-selection-screen,body.dark-mode #topic-selection-screen,body.dark-mode .main-container,body.dark-mode .quiz-container{background-color:transparent!important}body.dark-mode .toast{background-color:#2a2a2a!important;color:#f5f5f5!important}.high-contrast{--primary-color:#06c;--primary-dark:#004c99;--primary-light:#cce0ff;--text-primary:#000;--text-secondary:#333;--border-color:#666;--background-color:#fff;--surface-color:#f8f8f8}.large-text{--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.75rem;--font-size-xxl:2.25rem}@media print{:root{--primary-color:#000;--primary-dark:#333;--background-color:#fff;--surface-color:#fff;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--border-color:#ccc;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}.bg-danger,.bg-info,.bg-primary,.bg-secondary,.bg-success,.bg-warning{background-color:#fff!important;border:1px solid #ccc;color:#000!important}.text-danger,.text-info,.text-primary,.text-secondary,.text-success,.text-warning{color:#000!important}}.skip-nav-link{background:#128c7e;border-radius:0 0 6px 0;color:#fff;font-size:1rem;font-weight:700;left:0;padding:12px 20px;position:absolute;text-decoration:none;top:-100%;transition:top .15s ease;z-index:9999}.skip-nav-link:focus{outline:3px solid #25d366;outline-offset:2px;top:0}@media (prefers-color-scheme:dark){body:not(.light-mode-forced){background-color:#121212;color:#f5f5f5}body:not(.light-mode-forced) h1,body:not(.light-mode-forced) h2,body:not(.light-mode-forced) h3,body:not(.light-mode-forced) h4,body:not(.light-mode-forced) h5,body:not(.light-mode-forced) h6{color:#f5f5f5}body:not(.light-mode-forced) label,body:not(.light-mode-forced) p,body:not(.light-mode-forced) span{color:#b0b0b0}body:not(.light-mode-forced) .card,body:not(.light-mode-forced) .dropdown-menu,body:not(.light-mode-forced) .modal-content,body:not(.light-mode-forced) .quiz-card,body:not(.light-mode-forced) .quiz-question-card,body:not(.light-mode-forced) .quiz-section,body:not(.light-mode-forced) .result-card,body:not(.light-mode-forced) .topic-card,body:not(.light-mode-forced) .user-dropdown{background-color:#1e1e1e!important;border-color:#333!important;color:#f5f5f5!important}body:not(.light-mode-forced) .app-header,body:not(.light-mode-forced) .site-header{background-color:#1a1a1a!important;border-bottom-color:#333!important}body:not(.light-mode-forced) #category-selection-screen,body:not(.light-mode-forced) #topic-selection-screen,body:not(.light-mode-forced) .quiz-container{background-color:transparent!important}body:not(.light-mode-forced) .bottom-nav{background-color:#1a1a1a;border-top-color:#333}body:not(.light-mode-forced) .bottom-nav-item{color:#b0b0b0}body:not(.light-mode-forced) .bottom-nav-item.active{color:#25d366}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#e8e8e8 25%,#d4d4d4 50%,#e8e8e8 75%);background-size:200% 100%;border-radius:var(--border-radius-md)}.skeleton-card{border-radius:var(--border-radius-lg);height:120px}.skeleton-text{border-radius:4px;height:1em;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}body.dark-mode .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%);background-size:200% 100%}@media (prefers-color-scheme:dark){body:not(.light-mode-forced) .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%);background-size:200% 100%}}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-question-animate{animation:quiz-fade-in .28s ease both}@keyframes option-correct-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes option-incorrect-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}60%{transform:translateX(6px)}}.option.correct{animation:option-correct-pulse .35s ease both}.option.incorrect{animation:option-incorrect-shake .35s ease both}@keyframes score-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.score-reveal-animate{animation:score-pop .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes hero-slide-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.hero-section{animation:hero-slide-in .4s ease both}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.08);display:flex;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:var(--z-index-fixed)}.bottom-nav-item{align-items:center;color:#777;display:flex;flex:1;flex-direction:column;font-size:.65rem;font-weight:600;gap:3px;justify-content:center;min-height:56px;padding:8px 4px;text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item i{font-size:1.25rem}.bottom-nav-item.active,.bottom-nav-item:focus,.bottom-nav-item:hover{color:#25d366;outline:none}.bottom-nav-item.active i{transform:scale(1.15)}body{padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))}.site-footer{padding-bottom:calc(64px + env(safe-area-inset-bottom, 8px))}}.hero-section{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:var(--border-radius-xl);color:#fff;margin-bottom:var(--spacing-xl);overflow:hidden;padding:40px 32px;position:relative;text-align:center}.hero-title{color:#fff;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-subtitle{color:hsla(0,0%,100%,.93);font-size:var(--font-size-lg);line-height:var(--leading-relaxed);margin:0 auto 24px;max-width:520px;opacity:.93}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-hero,.btn-hero-outline{align-items:center;border-radius:var(--border-radius-xl);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:8px;min-height:44px;padding:12px 28px;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.btn-hero{background:hsla(0,0%,100%,.22);border:2px solid hsla(0,0%,100%,.7);color:#fff}.btn-hero:focus,.btn-hero:hover{background:hsla(0,0%,100%,.38);border-color:#fff;color:#fff;outline:none;transform:translateY(-2px)}.btn-hero-outline{background:transparent;border:2px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.9)}.btn-hero-outline:focus,.btn-hero-outline:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.85);color:#fff;outline:none;transform:translateY(-2px)}@media (max-width:480px){.hero-title{font-size:var(--font-size-3xl)}.hero-section{padding:28px 20px}}.resume-section{margin-bottom:var(--spacing-xl)}.resume-section h3{align-items:center;display:flex;font-size:var(--font-size-lg);gap:8px;margin-bottom:var(--spacing-md)}.resume-section h3 i{color:#25d366}.resume-cards{display:flex;flex-direction:column;gap:10px}.resume-card{align-items:center;background:#fff;border:2px solid #e8faf0;border-left:4px solid #25d366;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:16px;padding:14px 16px;transition:box-shadow .2s,transform .15s}.resume-card:focus,.resume-card:hover{box-shadow:var(--shadow-md);outline:2px solid #25d366;outline-offset:2px;transform:translateY(-2px)}.resume-card-icon{align-items:center;background:#e8faf0;border-radius:50%;color:#25d366;display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.resume-card-info{flex:1}.resume-card-title{color:var(--text-primary);font-weight:600}.resume-card-progress{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.resume-card-action{color:#25d366;font-size:1.4rem}body.dark-mode .resume-card{background:#1e1e1e;border-color:#333 #333 #333 #25d366}.upgrade-cta-strip{background:linear-gradient(135deg,rgba(37,211,102,.08),rgba(18,140,126,.08));border:1.5px solid rgba(37,211,102,.3);border-radius:var(--border-radius-lg);margin:24px 0 12px;padding:16px 20px}.upgrade-cta-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.upgrade-cta-text{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-md);gap:10px}.upgrade-cta-text i{color:#25d366;font-size:1.2rem}.upgrade-cta-button{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:700;line-height:24px;min-height:44px;padding:10px 22px;text-decoration:none;transition:opacity .2s,transform .15s;white-space:nowrap}.upgrade-cta-button:focus,.upgrade-cta-button:hover{color:#fff;opacity:.88;outline:2px solid #128c7e;outline-offset:2px;transform:translateY(-1px)}a{color:#0d6b62}a:hover{color:#0a5550}.category-icon,.topic-icon{color:#25d366}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.quiz-container{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.back-button{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.03);font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.back-button:hover{background-color:#f0f0f0;box-shadow:0 4px 8px rgba(0,0,0,.08)}.back-button:active{box-shadow:0 1px 3px rgba(0,0,0,.05);transform:translateY(0)}.back-button i{color:#555;font-size:.85rem;transition:transform .2s ease}.back-button:hover i{transform:translateX(-3px)}.premium-user-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50px;color:#212529;display:flex;font-size:.85rem;font-weight:600;margin-left:10px;padding:5px 10px}.premium-user-badge i{margin-right:5px}.question-banner{background:linear-gradient(135deg,#25d366,#1da851);border-radius:12px;box-shadow:0 5px 15px rgba(37,211,102,.2);margin-bottom:20px;padding:20px 15px;transition:transform .3s ease,box-shadow .3s ease}.question-banner:hover{box-shadow:0 8px 20px rgba(37,211,102,.25);transform:translateY(-2px)}.question-banner p{line-height:1.5}.question-number{color:#666;font-size:.95rem;letter-spacing:.5px;margin-bottom:12px}.options{gap:15px;margin-bottom:20px}.option{align-items:center;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.03);display:flex;min-height:44px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.option:hover{background-color:#f0f0f0;box-shadow:0 5px 15px rgba(0,0,0,.08);transform:translateY(-3px)}.option.selected{box-shadow:0 5px 15px rgba(37,211,102,.2)}.option.correct{box-shadow:0 5px 15px rgba(76,175,80,.2)}.option.incorrect{box-shadow:0 5px 15px rgba(244,67,54,.2)}.option:before{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:4px}.option:hover:before{background-color:#25d366}.option.correct:before,.option.selected:before{background-color:#1da851}.option.incorrect:before{background-color:#d32f2f}.explanation-banner{align-items:flex-start;animation:fadeInUp .3s ease;background:#f0faf5;border-left:4px solid #25d366;border-radius:6px;color:#1a5c3a;display:flex;font-size:.9rem;gap:.5rem;line-height:1.4;margin-top:1rem;padding:.75rem 1rem}.explanation-banner .explanation-icon{flex-shrink:0;font-size:1.1rem;margin-top:.05rem}.explanation-banner .explanation-text{flex:1}body.dark-mode .explanation-banner{background:#1a2e25;border-left-color:#25d366;color:#a8f0c8}.footer-content{gap:20px}.footer-columns{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-column{flex:1;min-width:200px}.footer-column h4{color:#333;font-size:1rem;margin-bottom:15px}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin-bottom:8px}.footer-menu a{align-items:center;color:#25d366;display:inline-flex;font-size:.9rem;gap:5px;text-decoration:none;transition:all .2s}.footer-menu a:hover{color:#128c7e;text-decoration:underline}.footer-menu.social-links a i{text-align:center;width:20px}.premium-link{color:#ffc107}.premium-link:hover{color:#e0a800}.footer-bottom{border-top:1px solid #eee;padding-top:15px}.footer-bottom,.share-btn{display:flex;justify-content:center}.share-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;box-shadow:0 4px 10px rgba(37,211,102,.2);gap:10px;padding:14px;transition:all .3s ease}.share-btn i{font-size:1.2rem}.share-btn:hover{background:linear-gradient(135deg,#1da851,#0d7060);box-shadow:0 6px 15px rgba(37,211,102,.3);transform:translateY(-3px)}.share-btn:active{box-shadow:0 2px 5px rgba(37,211,102,.2);transform:translateY(-1px)}.share-btn.secondary{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 10px hsla(208,7%,46%,.2)}.share-btn.secondary:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 6px 15px hsla(208,7%,46%,.3)}#topic-selection-screen{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08);max-width:800px}.topic-card{border:1px solid rgba(0,0,0,.03);border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.05);padding:20px}.topic-card:hover{background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.1);transform:translateY(-5px)}.topic-icon{font-size:2.8rem;margin-bottom:15px;transition:transform .3s ease}.topic-card:hover .topic-icon{transform:scale(1.1)}.topic-card[data-topic=uganda] .topic-icon{background:linear-gradient(135deg,#000,#d90000 50%,#fcdc04);-webkit-background-clip:text;color:gold;-webkit-text-fill-color:transparent;background-clip:text}.topic-card[data-topic=uganda]:hover{background:linear-gradient(90deg,#fff8e1,#fff);border-left:4px solid #d90000}.category-card{border:1px solid rgba(0,0,0,.03);border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.05)}.category-card:hover{background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.1);transform:translateY(-5px)}.category-icon{transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.1)}.premium-result-feature{background-color:#f8f9fa;border-left:4px solid #ffc107;border-radius:10px;margin:20px 0;padding:20px}.premium-result-feature h4{align-items:center;color:#212529;display:flex;gap:10px;margin-bottom:15px}.premium-result-feature h4 i{color:#ffc107}.premium-feature-locked{filter:blur(3px);pointer-events:none;position:relative;user-select:none}.premium-lock-message{background-color:rgba(0,0,0,.7);border-radius:50px;color:#fff;filter:blur(0);font-weight:700;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.detailed-analysis{text-align:left}.analysis-section{margin-bottom:20px}.analysis-section h5{color:#333;font-size:1.1rem;margin-bottom:10px}.performance-chart{margin:15px 0}.performance-bar{background-color:#e9ecef;border-radius:10px;height:20px;overflow:hidden}.performance-fill{background-color:#25d366;border-radius:10px;height:100%}.personality-image{margin:15px 0}.personality-result{padding:10px 5px;text-align:center}.personality-image-container{display:flex;justify-content:center;margin:15px 0}.personality-traits{margin:20px 0;text-align:left}.personality-traits h3{color:#25d366;font-size:18px;margin-bottom:10px;text-align:center}.personality-traits ul{list-style:disc;margin:0;padding-left:30px}.personality-traits ul li{color:#444;font-size:15px;line-height:1.5;padding:4px 0}.personality-strengths-challenges{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px;text-align:left}.personality-strengths-challenges .challenges,.personality-strengths-challenges .strengths{background:#f0faf5;border-radius:8px;padding:12px 15px}.personality-strengths-challenges h3{color:#25d366;font-size:15px;margin-bottom:8px}.personality-strengths-challenges p{color:#555;font-size:14px;line-height:1.5;margin:0}.spirit-animal-result,.zodiac-result{border-radius:15px;color:#fff;margin-top:20px;padding:30px}.spirit-header,.zodiac-header{margin-bottom:30px;text-align:center}.spirit-image,.zodiac-sign-image{border-radius:50%;display:block;height:150px;margin:20px auto;object-fit:cover;width:150px}.spirit-traits,.zodiac-traits{margin:25px 0}.spirit-traits ul,.zodiac-traits ul{display:grid;gap:10px;grid-template-columns:1fr;padding-left:0}.spirit-traits li,.zodiac-traits li{background:hsla(0,0%,100%,.1);border-radius:5px;list-style-type:none;padding:10px}.copyright-text{border-top:1px solid #eee;margin-top:30px;padding-top:15px;text-align:center}.copyright-text p{color:#777;font-size:.9rem}@media (min-width:576px){.footer-content{flex-direction:row;justify-content:space-between}.personality-details{grid-template-columns:repeat(3,1fr)}.secondary-traits,.spirit-traits ul,.zodiac-traits ul{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.image-selection-grid{grid-template-columns:repeat(3,1fr)}.zodiac-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:575px){.quiz-container{margin:10px;padding:15px}#quiz-title{font-size:1.5rem}.option{min-height:44px;padding:12px}.quiz-header{margin-bottom:15px;padding-bottom:10px}.quiz-topic-info{font-size:1rem}.top-banner{flex-direction:column;gap:10px;padding:12px 10px;text-align:center}.banner-content{justify-content:center}.banner-action{margin-left:0;width:100%}.banner-button{padding:10px;width:100%}.personality-grid .topic-card{min-height:130px}.image-selection-grid{grid-template-columns:repeat(2,1fr)}}.btn{border:none;display:inline-block;padding:10px 20px;text-align:center;transition:all .3s ease}.btn-primary{background-color:#25d366}.btn-primary:hover{background-color:#128c7e;text-decoration:none;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;text-decoration:none;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid #25d366;color:#25d366}.btn-outline:hover{background-color:#25d366;color:#fff;text-decoration:none}.btn-lg{font-size:1.1rem;padding:12px 24px}.btn-sm{font-size:.9rem;padding:8px 16px}.btn-block{display:block}.card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 5px 15px rgba(0,0,0,.15);transform:translateY(-5px)}.card-header{border-bottom:1px solid #eee;font-weight:600;padding:15px 20px}.card-body{padding:20px}.card-footer{border-top:1px solid #eee;padding:15px 20px}.badge{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-primary{background-color:#25d366;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.badge-premium{background-color:#ffc107;color:#212529}.premium-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#212529;display:inline-flex;font-size:.85rem;font-weight:600;padding:5px 10px}.premium-badge i{color:#212529;margin-right:5px}.alert{border-left:4px solid transparent;border-radius:8px;margin-bottom:20px;padding:15px}.alert-success{background-color:#d4edda;border-left-color:#28a745;color:#155724}.alert-info{background-color:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.alert-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.alert-danger{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.progress-container{margin-bottom:20px}.spinner{border:4px solid rgba(0,0,0,.1);height:40px;margin:20px auto;width:40px}.modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;overflow:auto;padding:20px;position:fixed;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);margin:50px auto;max-width:500px;padding:20px;position:relative}.close-modal{color:#aaa;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:15px;top:10px}.close-modal:hover{color:#333}.modal-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.modal-footer{border-top:1px solid #eee;margin-top:15px;padding-top:15px;text-align:right}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#25d366;outline:none}.toggle-container{align-items:center;display:flex}.toggle-label{cursor:pointer;margin-left:10px}.toggle{display:inline-block;height:24px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#25d366}input:checked+.toggle-slider:before{transform:translateX(26px)}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#333;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.cookie-consent-banner{animation:slide-up .5s ease;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.95);border-top:1px solid rgba(0,0,0,.05);bottom:0;box-shadow:0 -5px 15px rgba(0,0,0,.1);left:0;padding:20px;position:fixed;right:0;z-index:999}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-banner.hiding{animation:slide-down .3s ease forwards}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.cookie-consent-container{margin:0 auto;max-width:1200px}.cookie-consent-content{display:flex;flex-direction:column;gap:15px}.cookie-consent-content h2{font-size:1.3rem;margin-bottom:5px}.cookie-consent-content p{color:#555;font-size:.95rem;margin-bottom:10px}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.consent-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.consent-btn.primary{background-color:#25d366;color:#fff}.consent-btn.primary:hover{background-color:#1fb959;box-shadow:0 3px 8px rgba(37,211,102,.3);transform:translateY(-2px)}.consent-btn.secondary{background-color:#f1f1f1;color:#333}.consent-btn.secondary:hover{background-color:#e5e5e5;transform:translateY(-2px)}.consent-btn.tertiary{background-color:transparent;color:#25d366;padding:10px 15px;text-decoration:underline}.consent-btn.tertiary:hover{background-color:rgba(37,211,102,.05);color:#1fb959}.cookie-consent-footer{font-size:.85rem;margin-top:10px}.consent-link{color:#25d366;margin-right:15px;text-decoration:none}.consent-link:hover{text-decoration:underline}.cookie-settings-container{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.cookie-settings-container.visible{opacity:1;visibility:visible}.cookie-settings-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;transform:translateY(20px);transition:transform .3s ease;width:90%}.cookie-settings-container.visible .cookie-settings-modal{transform:translateY(0)}.cookie-settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.cookie-settings-header h2{font-size:1.3rem;margin:0}.cookie-settings-close{background:none;border:none;color:#777;cursor:pointer;font-size:1.5rem}.cookie-settings-body{padding:20px}.cookie-settings-options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.cookie-option{background-color:#f9f9f9;border-radius:8px;padding:15px}.cookie-option-header{align-items:center;display:flex;margin-bottom:10px}.cookie-option-header h3{font-size:1.1rem;margin:0 0 0 15px}.cookie-switch{display:inline-block;height:24px;position:relative;width:50px}.cookie-switch input{height:0;opacity:0;width:0}.cookie-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.cookie-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.cookie-slider{background-color:#25d366}input:checked+.cookie-slider:before{transform:translateX(26px)}.cookie-settings-footer{border-top:1px solid #eee;padding:15px 20px;text-align:right}.cookie-settings-save{background-color:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.cookie-settings-save:hover{background-color:#1fb959;box-shadow:0 3px 8px rgba(37,211,102,.3);transform:translateY(-2px)}@media (max-width:576px){.cookie-consent-actions{flex-direction:column;width:100%}.consent-btn{text-align:center;width:100%}.cookie-settings-modal{width:95%}}.premium-banner{background:linear-gradient(90deg,#ff9800,#f57c00)}.premium-button{color:#ff9800}.btn{align-items:center;border:2px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.375rem;justify-content:center;line-height:1.25;min-height:44px;padding:.625rem 1.25rem;text-decoration:none;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease;user-select:none;white-space:nowrap}.btn:focus-visible{outline:3px solid var(--primary-color,#25d366);outline-offset:2px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px rgba(37,211,102,.35);opacity:.88}.btn-secondary{background:transparent;border-color:var(--primary-color,#25d366);color:var(--primary-dark,#128c7e)}.btn-secondary:hover{background:rgba(37,211,102,.08)}.btn-danger{background:#c62828;color:#fff}.btn-danger:hover{opacity:.88}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary-dark,#128c7e)}.btn-ghost:hover{background:rgba(37,211,102,.08)}.btn-sm{font-size:.875rem;min-height:36px;padding:.375rem .875rem}.btn-lg{border-radius:10px;font-size:1.125rem;padding:.875rem 2rem}.btn-block{width:100%}.btn[aria-busy=true]{opacity:.7;pointer-events:none}.btn[aria-busy=true]:before{animation:btn-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";display:inline-block;height:1em;margin-right:.375rem;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn[aria-busy=true]:before{animation:none}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1.25rem;transition:box-shadow .2s ease,transform .15s ease}.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.card-interactive:focus-visible{outline:3px solid var(--primary-color,#25d366);outline-offset:2px}.card-interactive:active{box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateY(0)}.card-accent{border-left:4px solid var(--primary-color,#25d366)}.card-header{color:var(--primary-dark,#128c7e);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.card-body{color:#444;font-size:.95rem;line-height:1.6}.card-footer{border-top:1px solid #f0f0f0;gap:.75rem;margin-top:1rem;padding-top:.75rem}.card-footer,.card-score{align-items:center;display:flex}.card-score{background:#f8f8f8;border-radius:8px;justify-content:space-between;padding:.75rem 1rem}.card-score-value{color:var(--primary-color,#25d366);font-size:1.25rem;font-weight:800}@media (prefers-color-scheme:dark){body:not(.light-mode-forced) .card{background:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,.3)}body:not(.light-mode-forced) .card-body{color:#ccc}body:not(.light-mode-forced) .card-footer{border-top-color:#333}body:not(.light-mode-forced) .card-score{background:#2a2a2a}}@media (prefers-reduced-motion:reduce){.card,.card-interactive{transition:none}}.modal-backdrop{align-items:center;animation:modal-fade-in .18s ease;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:8000}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{animation:modal-slide-up .2s ease;background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.18);max-width:480px;padding:2rem;position:relative;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.modal-title{color:#1a1a1a;font-size:1.25rem;font-weight:700}.modal-close{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:#1a1a1a}.modal-close:focus-visible{outline:3px solid var(--primary-color,#25d366);outline-offset:2px}.modal-body{color:#444;line-height:1.6;margin-bottom:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end}@media (prefers-color-scheme:dark){body:not(.light-mode-forced) .modal{background:#1e1e1e;box-shadow:0 16px 48px rgba(0,0,0,.5)}body:not(.light-mode-forced) .modal-title{color:#f0f0f0}body:not(.light-mode-forced) .modal-body{color:#ccc}}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop{animation:none}}.input{appearance:none;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;display:block;font-size:1rem;line-height:1.5;min-height:44px;padding:.625rem .875rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input::placeholder{color:#aaa}.input:focus{border-color:var(--primary-color,#25d366);box-shadow:0 0 0 3px rgba(37,211,102,.18);outline:none}.input:disabled{background:#f5f5f5;color:#888;cursor:not-allowed}textarea.input{min-height:100px;resize:vertical}select.input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23888' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:2.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-label{color:#555;font-size:.875rem;font-weight:600}.form-hint{color:#888;font-size:.8rem}.form-error{color:#c62828;font-size:.8rem}.input--error{border-color:#c62828}.input--error:focus{box-shadow:0 0 0 3px rgba(198,40,40,.15)}.input--success{border-color:var(--primary-color,#25d366)}@media (prefers-color-scheme:dark){body:not(.light-mode-forced) .input{background:#1e1e1e;border-color:#444;color:#f0f0f0}body:not(.light-mode-forced) .input::placeholder{color:#666}body:not(.light-mode-forced) .input:disabled{background:#2a2a2a}body:not(.light-mode-forced) .form-label{color:#bbb}body:not(.light-mode-forced) .form-hint{color:#777}}@media (prefers-reduced-motion:reduce){.input{transition:none}}.site-header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:15px 0;position:sticky;top:0;width:100%;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.header-logo,.logo-link{align-items:center;display:flex}.logo-link{gap:10px;text-decoration:none}.logo-text{color:#25d366;font-size:1.5rem;font-weight:700}.header-nav,.nav-list{display:flex}.nav-list{gap:20px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{align-items:center;color:#333;display:flex;font-weight:500;gap:5px;padding:8px 0;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#25d366;text-decoration:none}.nav-link i{font-size:.8rem}.dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);left:0;list-style:none;min-width:200px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:10}.dropdown.active .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{color:#333;display:block;font-size:.95rem;padding:8px 15px;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background-color:#f5f5f5;color:#25d366;text-decoration:none}.premium-item{align-items:center;color:#ffc107;display:flex;gap:5px}.premium-item:hover{color:#e0a800}.premium-item i{font-size:.9rem}.header-actions{align-items:center;display:flex;gap:15px}.theme-toggle{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:1.2rem;padding:5px;transition:all .2s ease}.theme-toggle:hover{background-color:#f5f5f5;color:#25d366}.user-menu{position:relative}.user-menu-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:5px;transition:all .2s ease}.user-menu-toggle:hover{background-color:#f5f5f5;color:#25d366}.user-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);min-width:220px;opacity:0;padding:10px 0;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:10}.user-menu.active .user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-header{border-bottom:1px solid #eee;padding:10px 15px}.user-info{display:flex;flex-direction:column;gap:5px}.user-name{font-size:1rem;font-weight:600}.user-status{color:#777;font-size:.8rem}.user-dropdown-body{padding:10px 0}.user-dropdown-item{align-items:center;color:#333;display:flex;font-size:.95rem;gap:10px;padding:8px 15px;text-decoration:none;transition:all .2s ease}.user-dropdown-item:hover{background-color:#f5f5f5;color:#25d366;text-decoration:none}.user-dropdown-item i{font-size:.9rem;text-align:center;width:20px}.mobile-menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:5px;transition:all .2s ease}.mobile-menu-toggle:hover{color:#25d366}@media (max-width:768px){.header-nav{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);height:100vh;left:-100%;max-width:300px;overflow-y:auto;padding:80px 20px 20px;position:fixed;top:0;transition:all .3s ease;width:80%;z-index:200}.header-nav.active{left:0}.nav-list{flex-direction:column;gap:10px}.nav-item,.nav-link{width:100%}.nav-link{display:flex;justify-content:space-between;padding:12px 0}.dropdown-menu{box-shadow:none;max-height:0;opacity:1;overflow:hidden;padding:0 0 0 15px;position:static;transform:none;transition:max-height .3s ease;visibility:visible}.dropdown.active .dropdown-menu{max-height:500px}.dropdown-item{padding:10px 0}.mobile-menu-toggle{display:block;z-index:300}.mobile-menu-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:150}.mobile-menu-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.header-actions{margin-right:50px}}@media (max-width:576px){.header-actions{gap:10px}.theme-toggle{font-size:1rem}.logo-text,.user-menu-toggle{font-size:1.3rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;font-family:Open Sans,sans-serif;line-height:1.6;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;touch-action:manipulation}.category-card,.image-option,.option,.topic-card,a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(37,211,102,.2)}h1,h2,h3,h4,h5,h6{color:#222;font-family:Montserrat,sans-serif;font-weight:700}.quiz-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:20px auto;max-width:800px;padding:20px}#quiz-title{color:#25d366;font-size:2rem;margin-bottom:20px;text-align:center}.quiz-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.back-button,.quiz-header{align-items:center;display:flex}.back-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:.9rem;gap:5px;padding:8px 12px;transition:all .2s}.back-button:hover{background-color:#e9e9e9;transform:translateY(-2px)}.back-button i{font-size:.8rem}.quiz-topic-info{color:#25d366;font-size:1.1rem;font-weight:600}.progress-container{margin-bottom:30px}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress{background-color:#25d366;height:100%;transition:width .3s ease}.question-banner{background-color:#25d366;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:15px;padding:15px 10px;position:relative;text-align:center;z-index:1}.question-banner p{margin:0;padding:10px}.question-number{color:#777;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:center}.ad-container{margin:15px 0;width:100%}.ad-block{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;height:90px;justify-content:center;position:relative}.ad-block:before{border:1px dashed #aaa;border-radius:5px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.option{background-color:#f5f5f5;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:15px;text-align:left;transition:all .2s ease}.option:hover{background-color:#e9e9e9;transform:translateY(-2px)}.option.selected{background-color:#25d366;border-color:#1da851;color:#fff}.option.correct{background-color:#4caf50;border-color:#388e3c;color:#fff}.option.incorrect{background-color:#f44336;border-color:#d32f2f;color:#fff}.quiz-footer{border-top:1px solid #eee;margin-top:30px;padding-top:15px}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px}.copyright{color:#777;font-size:.9rem}.footer-links{display:flex;gap:15px}.footer-link{color:#25d366;font-size:.9rem;text-decoration:none;transition:all .2s}.footer-link:hover{color:#128c7e;text-decoration:underline}#loading{align-items:center;display:none;flex-direction:column;justify-content:center;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-step{animation:fade-in .5s forwards;margin:10px 0;opacity:0}.loading-step:nth-child(2){animation-delay:.5s}.loading-step:nth-child(3){animation-delay:1s}.loading-step:nth-child(4){animation-delay:1.5s}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#final-result,#pre-result{display:none;padding:20px;text-align:center}#locked-result{background-color:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:20px}.lock-icon{font-size:3rem;margin-bottom:10px}.share-instructions{background-color:#f0f0f0;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.share-instructions ol{padding-left:20px}.share-instructions li{margin-bottom:10px}.share-bar{margin:20px 0}.share-btn{background-color:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:15px 0;padding:12px;transition:all .2s;width:100%}.share-btn:hover{background-color:#128c7e;transform:translateY(-2px)}.share-btn.secondary{background-color:#6c757d}.share-btn.secondary:hover{background-color:#5a6268}.result-badge{font-size:4rem;margin-bottom:10px}.result-message{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:15px}#celebration{background-color:rgba(0,0,0,.8);color:#fff;display:none;padding-top:20%;text-align:center;z-index:1000}#celebration,#confetti-canvas{height:100%;left:0;position:fixed;top:0;width:100%}#confetti-canvas{z-index:-1}.traits-container{margin:20px 0}.trait{margin-bottom:15px}.trait-label{font-weight:600;margin-bottom:5px}.trait-bar-container{background-color:#f0f0f0;border-radius:10px;height:20px;overflow:hidden}.trait-bar{background-color:#25d366;height:100%;transition:width .5s ease}.trait-percentage{color:#777;font-size:.9rem;margin-top:2px;text-align:right}#team-selector{margin:20px 0;text-align:center}#team-selector button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 15px;transition:transform .2s}#team-selector button:hover{transform:translateY(-2px)}.live-feed{background-color:#f9f9f9;border-radius:5px;display:none;margin-bottom:20px;max-height:150px;overflow-y:auto;padding:10px}.live-feed-item{border-radius:3px;font-size:.9rem;margin-bottom:5px;padding:5px}.streak-counter{color:#ff9800;display:none;font-weight:600;margin-bottom:10px;text-align:center}.timer-bonus{background-color:#f9f9f9;border-radius:5px;display:none;font-weight:600;margin:15px 0;padding:10px}.bonus-badge{display:none;font-size:1.5rem;margin-bottom:10px}#topic-selection-screen{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:20px auto;max-width:600px;padding:20px}.topics-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.topic-card{background:#f9f9f9;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:all .3s}.topic-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-3px)}.topic-icon{color:#25d366;font-size:2.5rem;margin-bottom:10px}@media (min-width:576px){.footer-content{flex-direction:row;justify-content:space-between}}@media (max-width:575px){.quiz-container{margin:10px;padding:15px}#quiz-title{font-size:1.5rem}.option{padding:12px}.quiz-header{margin-bottom:15px;padding-bottom:10px}.quiz-topic-info{font-size:1rem}}.personality-question{background-color:#25d366!important}.personality-option{border-left:4px solid #25d366}.personality-option:hover{background-color:#e8faf0}.personality-result-preview{padding:20px;text-align:center}.personality-result-preview h2{color:#25d366;font-size:28px;margin:10px 0}.personality-result-preview h3{color:#555;font-size:18px;margin-bottom:10px}.personality-profile{margin:0 auto;max-width:800px;padding:20px}.personality-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.personality-header h2{color:#25d366;font-size:28px;margin-bottom:15px}.personality-image{border:3px solid #25d366;border-radius:50%;height:150px;object-fit:cover;width:150px}.personality-description{font-size:16px;line-height:1.6;margin-bottom:25px;text-align:center}.personality-chart{margin-bottom:30px}.personality-chart h3{color:#333;margin-bottom:15px;text-align:center}.chart-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px}.personality-bars{display:flex;flex-direction:column;gap:12px}.chart-row{align-items:center;display:flex}.type-label{font-size:14px;font-weight:700;width:80px}.bar-container{background-color:#e9ecef;border-radius:4px;flex-grow:1;height:25px;overflow:hidden;position:relative}.bar-fill{border-radius:4px;height:100%;transition:width 1s ease-in-out}.percentage{color:#212529;font-size:14px;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.personality-details{display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:768px){.personality-details{grid-template-columns:repeat(3,1fr)}}.details-section{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px}.details-section h4{color:#25d366;font-size:18px;margin-bottom:10px}.details-section ul{padding-left:20px}.details-section li{margin-bottom:5px}.personality-secondary{margin-top:30px}.personality-secondary h3{color:#333;margin-bottom:15px;text-align:center}.secondary-traits{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.secondary-traits{grid-template-columns:repeat(2,1fr)}}.secondary-trait{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px}.secondary-trait h4{color:#333;font-size:16px;margin-bottom:10px}#share-personality,#try-another-quiz{background-color:#25d366;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:15px auto;max-width:300px;padding:12px;text-align:center;transition:background-color .3s;width:100%}#try-another-quiz{background-color:#25d366}#share-personality:hover{background-color:#1ea754}#try-another-quiz:hover{background-color:#128c7e}.personality-ad{background-color:transparent;border:none;height:auto;margin-bottom:20px;overflow:hidden;padding:0}.ad-block.personality-ad:before{border:none;content:none;display:none}.banner-iframe{border:none;border-radius:8px;height:120px;overflow:hidden;width:100%}.ad-block.personality-ad{background-color:transparent;border:none;display:block;height:auto}@media (max-width:576px){.banner-iframe{height:150px}.ad-container:first-child{margin-top:10px}}@media (max-width:400px){.banner-iframe{height:180px}}.quiz-section{margin-bottom:40px}.quiz-section h3{color:#333;font-size:24px;margin-bottom:10px}.personality-section{background-color:#f0faf5;border-left:4px solid #25d366;border-radius:10px;padding:20px}.personality-section h3{color:#25d366}.personality-topic-card{background:#e8faf0;border-left:4px solid #25d366;transition:all .3s}.personality-topic-card:hover{background-color:#d4f5e9}.personality-topic-card .topic-icon{color:#25d366}.topic-description{color:#666;font-size:.9rem;line-height:1.4;margin-top:8px}@media (max-width:767px){.personality-grid .topic-card{min-height:130px}}#career-quiz.personality-question{background-color:#4a69bd!important}.career-option{border-left:4px solid #4a69bd}.career-option:hover{background-color:#e6f0ff}#relationship-quiz.personality-question{background-color:#eb4d4b!important}.relationship-option{border-left:4px solid #eb4d4b}.relationship-option:hover{background-color:#ffeded}#learning-style-quiz.personality-question{background-color:#6ab04c!important}.learning-style-option{border-left:4px solid #6ab04c}.learning-style-option:hover{background-color:#f0ffe6}#leadership-quiz.personality-question{background-color:#f0932b!important}.leadership-option{border-left:4px solid #f0932b}.leadership-option:hover{background-color:#fff6e6}.categories-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.category-card{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;padding:20px;text-align:center;transition:all .3s}.category-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.15);transform:translateY(-3px)}.category-icon{font-size:2.8rem;margin-bottom:15px}.category-card h3{font-size:1.4rem;margin-bottom:10px}.category-card p{color:#666;font-size:.9rem;line-height:1.4}.category-header{margin-bottom:25px}.image-selection-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:20px 0}.image-option{aspect-ratio:1;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.2);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.image-option:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateY(-5px) scale(1.03);z-index:2}.image-option:active{transform:scale(.98)}.image-option img{display:block;height:100%;object-fit:cover;width:100%}.image-number{align-items:center;border-radius:50%;display:flex;font-weight:700;height:25px;justify-content:center;left:10px;top:10px;width:25px}.image-caption,.image-number{background:rgba(0,0,0,.7);color:#fff;font-size:.9rem;position:absolute}.image-caption{bottom:0;padding:8px 4px;text-align:center;width:100%}.spirit-animal-result{background:linear-gradient(180deg,#1a2a3a,#0a1a2a);border-radius:15px;color:#fff;margin-top:20px;padding:30px}.spirit-header{text-align:center}.spirit-reveal{animation:fadeIn 1.5s ease;margin:25px 0}.spirit-image{border:3px solid #fff;border-radius:50%;box-shadow:0 0 30px hsla(0,0%,100%,.3);display:block;height:180px;margin:20px auto;object-fit:cover;width:180px}.spirit-quote{color:#8ecae6;font-size:1.2rem;font-style:italic;margin-bottom:20px;text-align:center}.spirit-traits ul{display:grid;gap:10px;grid-template-columns:1fr;margin-top:15px;padding-left:0}@media (min-width:768px){.spirit-traits ul{grid-template-columns:repeat(2,1fr)}}.spirit-traits li{background:hsla(0,0%,100%,.1);border-radius:5px;list-style-type:none;padding:10px}.spirit-guidance{background:hsla(0,0%,100%,.05);border-radius:10px;margin-top:30px;padding:20px}@media (max-width:600px){.image-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.image-selection-grid{grid-template-columns:repeat(3,1fr)}}.image-quizzes-card{background-color:#e6f2ff;border-left:4px solid #3d85c6}.image-quizzes-card:hover{background-color:#d4e8ff}.image-quizzes-card .topic-icon{color:#3d85c6}.premium-ad{background:linear-gradient(135deg,#3498db,#1abc9c)}.creator-ad{background:linear-gradient(135deg,#e74c3c,#f39c12)}.ad-icon{font-size:28px;margin-right:15px}.ad-content{flex-grow:1}.ad-content h3{font-size:16px;font-weight:700;margin:0}.ad-content p{font-size:12px;margin:0;opacity:.9}.ad-button{background-color:#fff;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:14px;font-weight:700;padding:5px 12px;white-space:nowrap}.premium-ad .ad-button{color:#2980b9}.creator-ad .ad-button{color:#e74c3c}.ad-button:hover{background-color:#f0f0f0}.ad-link{color:inherit;cursor:pointer;display:block;height:100%;text-decoration:none;width:100%}.ad-link:hover .test-ad{box-shadow:0 4px 8px rgba(0,0,0,.1);opacity:.95;transform:translateY(-2px)}.test-ad{border-radius:5px;height:100%;padding:0 10px;text-align:left;transition:all .2s ease}.test-ad,.top-banner{align-items:center;color:#fff;display:flex;width:100%}.top-banner{border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.16);justify-content:space-between;margin:0 0 20px;padding:12px 15px}.countdown-banner{background:linear-gradient(90deg,#1a237e,#3949ab)}.banner-content{align-items:center;display:flex;gap:12px}.banner-icon{font-size:24px}.banner-text{display:flex;flex-direction:column}.banner-label{font-size:12px;opacity:.9}.banner-message{font-size:14px;font-weight:700}.banner-action{margin-left:10px}.banner-button{background-color:#fff;border:none;border-radius:4px;color:#3949ab;cursor:pointer;font-size:13px;font-weight:700;padding:8px 12px;transition:all .2s ease}.banner-button:hover{background-color:#f5f5f5;transform:translateY(-2px)}@media (max-width:480px){.top-banner{flex-direction:column;gap:10px;padding:12px 10px;text-align:center}.banner-content{justify-content:center}.banner-action{margin-left:0;width:100%}.banner-button{padding:10px;width:100%}}.zodiac-title-bottom,.zodiac-title-top{background-color:#000;color:#fff;font-size:28px;font-weight:700;text-transform:uppercase}.zodiac-wheel{height:auto}.zodiac-subtitle{color:#333;font-size:18px;font-weight:500;margin:15px 0 25px;text-align:center}.zodiac-grid{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.zodiac-grid{grid-template-columns:repeat(4,1fr)}}.zodiac-option{border:3px solid transparent;transition:transform .3s,box-shadow .3s}.zodiac-option:hover{border-color:#3d85c6;box-shadow:0 8px 20px rgba(0,0,0,.2);transform:scale(1.05)}.zodiac-question{background-color:#1a237e!important;background-image:linear-gradient(135deg,#1a237e,#3949ab);border:none;box-shadow:0 4px 10px rgba(0,0,0,.2)}.zodiac-result{background:linear-gradient(180deg,#0a1a3a,#000);border-radius:15px;color:#fff;margin-top:20px;overflow:hidden;padding:30px;position:relative}.zodiac-result:before{background-image:url(/assets/images/zodiac/stars-bg.jpeg);background-size:cover;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:0}.zodiac-result-content{position:relative;z-index:1}.zodiac-header{margin-bottom:30px;text-align:center}.zodiac-sign-image{border:3px solid #3d85c6;border-radius:50%;box-shadow:0 0 30px rgba(61,133,198,.5);display:block;height:150px;margin:20px auto;object-fit:cover;width:150px}.zodiac-traits{margin:25px 0}.zodiac-traits h3{color:#3d85c6;margin-bottom:15px;text-align:center}.zodiac-traits ul{display:grid;gap:10px;grid-template-columns:1fr;padding-left:0}@media (min-width:768px){.zodiac-traits ul{grid-template-columns:repeat(2,1fr)}}.zodiac-traits li{background:rgba(61,133,198,.1);border-left:3px solid #3d85c6;border-radius:5px;list-style-type:none;padding:10px}#share-zodiac{align-items:center;background:linear-gradient(135deg,#1a237e,#3949ab);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;margin:25px auto;max-width:300px;padding:12px 24px;transition:all .3s ease;width:100%}#share-zodiac:hover{background:linear-gradient(135deg,#0d1642,#2d3a8c);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.zodiac-ad-space{background-color:hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.7);font-style:italic;margin:30px 0;padding:15px;text-align:center}.image-option.zodiac-option .image-caption{background:linear-gradient(0deg,#000,rgba(0,0,0,.7));font-weight:700;padding:8px 4px}.zodiac-wheel-container{aspect-ratio:1/1;height:auto;margin:0 auto;max-width:400px;overflow:hidden;position:relative;width:100%}.zodiac-wheel{display:block;height:100%;object-fit:contain;position:relative;width:100%}.zodiac-special-layout{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;overflow:hidden;position:relative}.zodiac-title-bottom,.zodiac-title-top{box-sizing:border-box;margin:0;padding:10px 20px;position:relative;text-align:center;width:100%;z-index:2}.image-option.zodiac-option{aspect-ratio:1/1;height:auto;position:relative;transform:none;transition:transform .3s}.image-option.zodiac-option:hover{transform:scale(1.05)}.image-option.zodiac-option img{height:100%;object-fit:cover;transition:none;width:100%}.image-selection-grid.zodiac-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:20px 0;position:relative;width:100%}#main-quiz-container.loading *{animation:none!important;transition:none!important}.zodiac-wheel-container{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center;min-height:300px}.zodiac-wheel-container:empty:before{color:#333;content:"⭐ Zodiac Wheel ⭐";font-size:24px}.auth-modal{display:none}.auth-modal-content{animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-container{pointer-events:none}.auth-modal-container.visible{pointer-events:auto}.auth-modal-container.closing{pointer-events:none}@media (max-width:480px){.auth-modal-content{width:90%}}.quiz-detail-content{margin:2rem auto;max-width:800px;padding:2rem 1rem}.quiz-detail-card{animation:fadeInUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-detail-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:2rem;text-align:center}.quiz-detail-icon{animation:bounceIn .8s ease-out;font-size:4rem;margin-bottom:1rem}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-detail-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.quiz-detail-description{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.quiz-detail-body{padding:2rem}.quiz-detail-info{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.quiz-info-item{background:#f8f9fa;border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.quiz-info-item:hover{background:#e9ecef;transform:translateY(-2px)}.quiz-info-icon{color:#25d366;font-size:2rem;margin-bottom:.5rem}.quiz-info-label{color:#666;display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.quiz-info-value{color:#333;display:block;font-size:1.3rem;font-weight:600}.quiz-detail-actions{border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.quiz-action-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;display:flex;flex:1;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:220px;padding:1.2rem 2rem;transition:all .3s ease}.quiz-action-button i{font-size:1.3rem}.start-quiz-btn{background:linear-gradient(135deg,#4c6ff7,#3a5ad9);color:#fff}.start-quiz-btn:hover{background:linear-gradient(135deg,#3a5ad9,#4c6ff7);box-shadow:0 6px 20px rgba(59,90,217,.4);transform:translateY(-3px)}.start-live-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;overflow:hidden;position:relative}.start-live-btn:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.start-live-btn:hover:before{height:300px;width:300px}.start-live-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 6px 20px rgba(18,140,126,.4);transform:translateY(-3px)}.start-live-btn i{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.quiz-detail-content{padding:1rem .5rem}.quiz-detail-header{padding:1.5rem 1rem}.quiz-detail-icon{font-size:3rem}.quiz-detail-title{font-size:1.5rem}.quiz-detail-description{font-size:1rem}.quiz-detail-body{padding:1.5rem 1rem}.quiz-detail-info{gap:1rem;grid-template-columns:1fr}.quiz-info-item{padding:1rem}}@media (max-width:600px){.quiz-detail-actions{flex-direction:column}.quiz-action-button{min-width:100%}}@media (prefers-color-scheme:dark){.quiz-detail-card{background:#2d3748}.quiz-info-item{background:#4a5568}.quiz-info-item:hover{background:#5a6578}.quiz-info-label{color:#cbd5e0}.quiz-info-value{color:#f7fafc}}.auth-modal-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:1000}.auth-modal-container.visible{opacity:1;visibility:visible}.auth-modal-container.closing{opacity:0;visibility:hidden}.auth-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);max-height:90vh;max-width:400px;overflow-y:auto;position:relative;transform:translateY(-20px);transition:transform .3s;width:100%}.auth-modal-container.visible .auth-modal-content{transform:translateY(0)}.auth-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.auth-modal-header h2{color:#333;font-size:1.5rem;margin:0}.auth-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;transition:color .2s}.auth-modal-close:hover{color:#555}.auth-modal-body{padding:20px}.auth-modal-footer{border-top:1px solid #eee;padding:15px 20px;text-align:center}.auth-modal-footer p{color:#666;margin:5px 0}.auth-modal-footer a{color:#25d366;font-weight:600;text-decoration:none;transition:color .2s}.auth-modal-footer a:hover{color:#1da851;text-decoration:underline}.auth-form{width:100%}.auth-form-group{margin-bottom:15px}.auth-form-group label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.auth-form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.auth-form-group input:focus{border-color:#25d366;box-shadow:0 0 0 2px rgba(37,211,102,.2);outline:none}.auth-form-actions{margin-top:20px}.auth-button{background-color:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#1da851}.auth-button:disabled{background-color:#8ae0ac;cursor:not-allowed}.auth-separator{margin:20px 0;position:relative;text-align:center}.auth-separator:before{background-color:#eee;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.auth-separator span{background-color:#fff;color:#777;font-size:.9rem;padding:0 10px;position:relative;z-index:2}.auth-social-buttons{margin-top:15px}.auth-social-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-bottom:10px;padding:10px 12px;transition:background-color .2s,border-color .2s;width:100%}.auth-social-button i{font-size:1.2rem;margin-right:10px}.google-button{border-color:#4285f4;color:#4285f4}.google-button:hover{background-color:#f3f8fe}.google-button i{color:#4285f4}.auth-error,.auth-success{border-radius:4px;display:none;font-size:.9rem;margin-bottom:15px;padding:10px}.auth-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#f5222d}.auth-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.topic-lock{align-items:center;background-color:rgba(0,0,0,.6);border-radius:50%;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px;z-index:10}.topic-card{position:relative}.auth-buttons{display:flex;gap:10px}.sign-in-button,.sign-up-button{border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .2s,color .2s}.sign-in-button{background-color:transparent;border:1px solid #25d366;color:#25d366}.sign-in-button:hover{background-color:#f0fcf5}.sign-up-button{background-color:#25d366;border:1px solid #25d366;color:#fff}.sign-up-button:hover{background-color:#1da851}.user-profile,.user-profile-dropdown{position:relative}.user-profile-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:background-color .2s}.user-profile-info:hover{background-color:#f0f0f0}.user-profile-image{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-profile-name{color:#333;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-top:5px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s;visibility:hidden;width:200px;z-index:100}.user-profile-menu.show{opacity:1;transform:translateY(0);visibility:visible}.user-profile-menu-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background-color .2s}.user-profile-menu-item:hover{background-color:#f5f5f5}.user-profile-menu-item i{color:#666;text-align:center;width:16px}@media (max-width:480px){.auth-modal-content{width:90%}.user-profile-name{max-width:100px}}.toast-container{pointer-events:none;position:fixed;right:20px;top:20px;width:300px;z-index:9999}.toast{align-items:center;animation:fadeIn .3s,fadeOut .5s 2.5s forwards;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;margin-bottom:10px;padding:15px;pointer-events:auto}.toast.success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.toast.error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.toast.info{background-color:#e3f2fd;border-left:4px solid #1565c0;color:#1565c0}.toast i{font-size:1.2rem;margin-right:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.toast-container{left:10px;max-width:calc(100% - 20px);right:10px;top:10px;width:auto}.toast{font-size:.9rem;padding:12px}}@media (max-width:480px){.toast-container{top:60px}}