:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-glass: #1e293bcc;--text-primary: #e1e6eb;--text-secondary: #b7ddbe;--accent-primary: #14b8a6;--accent-secondary: #5eead4;--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--border-glass: rgba(255, 255, 255, .1);--gradient-hero: linear-gradient( 135deg, #0f172a 0%, #1e293b 50%, #334155 100% )}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background:var(--bg-primary);color:var(--text-secondary);transition:all .3s ease}.app{min-height:100vh;background:var(--bg-primary);transition:background .3s ease}.main-content{padding:1rem;margin:0 auto;padding-bottom:100px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem;background:var(--bg-primary)}.loading-spinner{width:60px;height:60px;border:4px solid var(--accent-secondary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.loading-progress{width:200px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.loading-bar{height:100%;width:0%;background:var(--accent-primary);animation:loading 2s ease infinite}@keyframes loading{0%{width:0%}50%{width:100%}to{width:0%}}.minimal-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:.75rem 1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin:0 auto;gap:1rem}.header-icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.header-icon-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.header-icon-btn.theme-toggle{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.header-icon-btn.theme-toggle:hover{transform:rotate(15deg) scale(1.1)}.header-center{flex:1;display:flex;justify-content:center}.achievements-pill{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:50px;border:1px solid var(--border-glass);box-shadow:var(--shadow);font-size:.875rem;font-weight:700}.achievement-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.divider{color:var(--text-secondary);opacity:.5}.header-left,.header-right{display:flex;align-items:center;gap:.5rem;min-width:40px}.header-right{gap:.75rem}@media (max-width: 380px){.achievements-pill{font-size:.75rem;padding:.4rem .75rem}.header-icon-btn{width:36px;height:36px}}.global-progress{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-glass)}.progress-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.progress-bar-mini{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gold);border-radius:2px;transition:width .5s ease}.glass-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);display:flex;justify-content:space-around;padding:.5rem 0;margin:0 auto;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.75rem;padding:.5rem 2rem;border-radius:16px;transition:all .3s;position:relative}.nav-item.active{color:var(--accent-primary);background:#14b8a61a}.nav-indicator{position:absolute;top:-5px;width:20px;height:3px;background:var(--accent-primary);border-radius:2px}.page-container{padding:1.5rem 1rem;max-width:480px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f59e0b1a;color:var(--accent-gold);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.welcome-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.welcome-subtitle{color:var(--text-secondary);font-size:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.categories-grid-enhanced{display:flex;flex-direction:column;gap:1rem}.category-card-enhanced{position:relative;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:1.25rem;text-align:right;cursor:pointer;transition:all .3s;overflow:hidden;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow)}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(20,184,166,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.category-card-enhanced:hover .card-glow{opacity:1}.category-card-enhanced:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-icon-wrap{width:60px;height:60px;background:var(--bg-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon-wrap img{width:35px;height:35px}.category-content{flex:1;text-align:right;font-family:Tajawal,sans-serif!important}.category-content h3{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.category-content p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.category-meta{display:flex;align-items:center;gap:.5rem}.progress-dots{display:flex;gap:4px}.category-meta span{font-size:.75rem;color:var(--text-primary)}.dot{width:8px;height:8px;border-radius:50%;background:#0000001a;transition:all .3s}.dot.filled{background:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold)}.category-arrow{color:var(--text-secondary);transition:transform .3s}.category-card-enhanced:hover .category-arrow{transform:translate(-4px);color:var(--accent-primary)}.quick-stats{margin-top:2rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;padding:1.25rem;text-align:center;box-shadow:var(--shadow)}.stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.stat-icon.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);display:block}.stat-label{font-size:.875rem;color:var(--text-secondary)}.category-hero{text-align:center;padding:2rem;background:var(--gradient-hero);border-radius:24px;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.category-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.category-icon-large{width:80px;height:80px;margin:0 auto 1rem;position:relative;z-index:1}.category-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;position:relative;z-index:1}.category-desc{font-size:.9rem;opacity:.9;position:relative;z-index:1}.levels-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.level-card-glass{position:relative;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-glass);border-radius:20px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s;box-shadow:var(--shadow)}.level-card-glass.easy{border-color:#10b981}.level-card-glass.medium{border-color:#f59e0b}.level-card-glass.hard{border-color:#ef4444}.level-card-glass.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.level-card-glass.completed{background:linear-gradient(135deg,rgba(16,185,129,.1),var(--bg-glass))}.level-status{flex-shrink:0}.completed-badge,.lock-badge,.play-badge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.completed-badge{background:#10b981;color:#fff;animation:pulse 2s infinite}.lock-badge{background:#0000001a;color:var(--text-secondary)}.play-badge{background:var(--accent-primary);color:#fff}.level-info{flex:1}.level-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.level-header h3{font-size:1.125rem;font-weight:700}.stars{display:flex;gap:2px}.level-subtitle{font-size:.875rem;color:var(--text-secondary)}.level-stats{margin-top:.75rem}.mini-progress{height:4px;background:#0000001a;border-radius:2px;margin-bottom:.25rem;overflow:hidden}.mini-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .5s ease}.unlock-hint{font-size:.75rem;color:var(--accent-gold);margin-top:.5rem}.level-arrow{color:var(--text-secondary)}.quiz-container{padding:0rem;max-width:480px;margin:0 auto;padding-bottom:10px}.quiz-status-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:16px;margin-bottom:1rem;border:1px solid var(--border-glass)}.status-item{display:flex;align-items:center;gap:.25rem;font-weight:700}.status-item.lives{color:#ef4444}.status-item.streak{color:var(--accent-gold)}.status-item.streak .pulse{animation:pulse 1s infinite}.status-item.score{color:var(--accent-primary)}.progress-section{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.progress-bar-glass{height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.progress-fill-animated{height:100%;background:var(--gradient-hero);border-radius:4px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill-animated:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timer-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.timer-ring{width:60px;height:60px;border-radius:50%;border:3px solid var(--accent-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--accent-primary);transition:all .3s}.timer-ring.urgent{border-color:#ef4444;color:#ef4444;animation:pulse 1s infinite}.timer-bar{flex:1;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.timer-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width 1s linear}.question-card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:24px;padding:.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);position:relative}.question-topic-tag{display:inline-block;background:var(--gradient-hero);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:1rem}.question-text-enhanced{font-size:1.25rem;font-weight:700;line-height:1.8;color:var(--text-primary);margin-bottom:1rem}.source-link{font-size:.75rem;color:#0683c6;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.answers-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.answer-btn-enhanced{position:relative;background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:16px;padding:1rem 1.25rem;text-align:right;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:1rem;font-family:inherit;font-size:1rem;overflow:hidden;animation:slideIn .3s ease backwards}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.answer-btn-enhanced:hover:not(:disabled){border-color:var(--accent-primary);transform:translate(-4px);box-shadow:var(--shadow)}.answer-btn-enhanced.correct{background:#10b9811a;border-color:#10b981;color:#10b981}.answer-btn-enhanced.wrong{background:#ef44441a;border-color:#ef4444;color:#ef4444;animation:shake .5s}.answer-btn-enhanced.dimmed{opacity:.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.answer-letter{width:36px;height:36px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--accent-primary);flex-shrink:0;font-size:1.1rem}.answer-text{flex:1;font-weight:600;color:var(--text-primary)}.answer-icon{animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.hint-btn{width:100%;padding:.875rem;background:#f59e0b1a;border:2px dashed var(--accent-gold);border-radius:12px;color:var(--accent-gold);font-family:inherit;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.hint-btn:hover:not(:disabled){background:var(--accent-gold);color:#fff}.hint-btn.used{opacity:.5;cursor:not-allowed}.pass-condition{background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);animation:slideIn .5s ease}.pass-condition.passed{border-color:#10b981;background:#10b9810d}.pass-condition.failed{border-color:#ef4444;background:#ef44440d}.condition-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-glass)}.condition-header svg{flex-shrink:0}.pass-condition.passed .condition-header{color:#10b981}.pass-condition.failed .condition-header{color:#ef4444}.condition-header h3{font-size:1.25rem;font-weight:800;margin:0}.condition-details{text-align:center;margin-bottom:1.25rem}.condition-details p{margin:.5rem 0;color:var(--text-secondary);font-size:1rem}.condition-details p:first-child{font-size:1.125rem;color:var(--text-primary)}.condition-details strong{color:var(--accent-primary);font-size:1.25rem;font-weight:800}.condition-requirement{font-size:.9rem!important;font-weight:600;padding:.75rem;border-radius:12px;margin-top:.75rem!important}.pass-condition.passed .condition-requirement{background:#10b9811a;color:#10b981}.pass-condition.failed .condition-requirement{background:#f59e0b1a;color:#f59e0b}.condition-progress-bar{position:relative;height:12px;background:#0000001a;border-radius:6px;overflow:visible;margin-top:1rem}.condition-progress-fill{height:100%;border-radius:6px;transition:width 1s ease}.unlock-banner{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;animation:slideInUp .5s ease}.unlock-banner:not(.locked){background:#10b9811a;border:2px solid #10b981;color:#10b981}.unlock-banner.locked{background:#ef44441a;border:2px solid #ef4444;color:#ef4444}.unlock-banner svg{flex-shrink:0;width:40px;height:40px;padding:8px;border-radius:50%}.unlock-banner:not(.locked) svg{background:#10b98133}.unlock-banner.locked svg{background:#ef444433}.unlock-banner div{flex:1}.unlock-banner strong{display:block;font-size:1.1rem;font-weight:800;margin-bottom:.25rem}.unlock-banner span{font-size:.9rem;opacity:.9}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:1rem;animation:fadeIn .3s ease}.result-overlay.success{background:#10b98133}.result-overlay.error{background:#ef444433}.result-modal{background:var(--bg-secondary);border-radius:24px 24px 32px 32px;padding:2rem;width:100%;max-width:480px;text-align:center;animation:slideUp .4s ease;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.result-icon-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.result-overlay.success .result-icon-large{background:#10b9811a;color:#10b981}.result-overlay.error .result-icon-large{background:#ef44441a;color:#ef4444}.confetti{position:absolute;font-size:2rem;animation:confettiPop 1s ease}@keyframes confettiPop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.result-modal h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.correct-answer-box{background:var(--bg-primary);padding:1rem;border-radius:12px;margin:1rem 0}.correct-answer-box p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.correct-answer-box strong{color:#10b981;font-size:1.125rem}.streak-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;margin:1rem 0;animation:bounce .5s ease}.swipe-hint{color:var(--text-secondary);font-size:.875rem;margin:1rem 0;opacity:.7}.next-btn-enhanced{width:100%;padding:1rem;background:var(--gradient-hero);color:#fff;border:none;border-radius:16px;font-family:inherit;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #0d948866}.next-btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d948880}.game-over{display:flex;align-items:center;justify-content:center;min-height:60vh}.game-over-content{text-align:center;padding:2rem}.game-over-icon{color:#ef4444;margin-bottom:1rem;animation:pulse 2s infinite}.game-over h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.primary-btn{margin-top:1.5rem;padding:1rem 2rem;background:var(--gradient-hero);color:#fff;border:none;border-radius:16px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.result-container-enhanced{padding:0rem;max-width:480px;margin:0 auto;padding-bottom:10px}.confetti-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:300;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.result-hero{text-align:center;padding:2.5rem 2rem;border-radius:32px;margin-bottom:1.5rem;position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-lg)}.result-hero.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706)}.result-hero.green{background:linear-gradient(135deg,#34d399,#10b981,#059669)}.result-hero.orange{background:linear-gradient(135deg,#fbbf24,#f97316,#ea580c)}.result-hero.red{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626)}.result-icon-wrap{position:relative;display:inline-block;margin-bottom:1rem}.result-icon-wrap svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.sparkles{position:absolute;top:-10px;right:-10px;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.result-title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.result-message{font-size:1rem;opacity:.95;margin-bottom:1.5rem}.score-circle-enhanced{width:140px;height:140px;margin:0 auto 1.5rem;position:relative}.score-circle-enhanced svg{transform:rotate(-90deg);width:100%;height:100%;color:#ffffff4d}.score-progress-animated{color:#fff;stroke-linecap:round;transition:stroke-dasharray 1.5s ease;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-percent{font-size:2.5rem;font-weight:900;display:block;line-height:1}.score-fraction{font-size:1rem;opacity:.9}.stats-section{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.section-title-enhanced{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary)}.stats-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{background:var(--bg-primary);border-radius:16px;padding:1.25rem;text-align:center;transition:all .3s}.stat-box:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.stat-icon-box.correct{background:#10b981}.stat-icon-box.wrong{background:#ef4444}.stat-icon-box.streak{background:#f59e0b}.stat-icon-box.time{background:#3b82f6}.stat-value-large{font-size:1.5rem;font-weight:800;color:var(--text-primary);display:block}.stat-label-small{font-size:.875rem;color:var(--text-secondary)}.review-section{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.review-list-enhanced{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.review-item-enhanced{display:flex;gap:.75rem;padding:1rem;border-radius:12px;background:var(--bg-primary);border-right:4px solid transparent;transition:all .3s;animation:slideIn .3s ease backwards}.review-item-enhanced.correct{border-right-color:#10b981;background:#10b9810d}.review-item-enhanced.wrong{border-right-color:#ef4444;background:#ef44440d}.review-status-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.review-item-enhanced.correct .review-status-icon{background:#10b9811a;color:#10b981}.review-item-enhanced.wrong .review-status-icon{background:#ef44441a;color:#ef4444}.review-body{flex:1}.review-question-text{font-weight:700;font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.5}.review-answers{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.correct-ans{color:#10b981;font-weight:600}.wrong-ans{color:#ef4444}.right-ans{color:#10b981;font-weight:600}.result-actions-enhanced{display:flex;flex-direction:column;gap:1rem}.action-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.125rem;background:var(--gradient-hero);color:#fff;border:none;border-radius:16px;font-family:inherit;font-size:1.125rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0d948866}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d948880}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-glass);border-radius:16px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.action-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tutorial-modal{background:var(--bg-secondary);border-radius:32px;width:100%;max-width:400px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.tutorial-close{position:absolute;top:1rem;left:1rem;width:40px;height:40px;border-radius:50%;border:none;background:#0000001a;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s}.tutorial-close:hover{background:#0003;transform:rotate(90deg)}.tutorial-content{padding:3rem 2rem 2rem;text-align:center;--accent-color: var(--accent-primary)}.tutorial-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-color),transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);animation:float 3s ease-in-out infinite}.tutorial-content h2{font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.tutorial-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.tutorial-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.tutorial-dots .dot{width:10px;height:10px;border-radius:50%;background:#0003;transition:all .3s}.tutorial-dots .dot.active{width:30px;border-radius:5px}.tutorial-buttons{display:flex;gap:.75rem}.tutorial-btn{flex:1;padding:1rem;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.tutorial-btn.primary{background:var(--accent-color);color:#fff;border:none;box-shadow:0 4px 15px #0003}.tutorial-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.tutorial-btn.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-glass)}.tutorial-btn.secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.tutorial-progress{height:4px;background:var(--accent-color);transition:width .3s ease}.back-btn-glass{width:100%;padding:1rem;background:var(--bg-glass);border:2px solid var(--border-glass);border-radius:16px;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-glass:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:3px}@media (max-width: 480px){.page-container{padding:0rem}.welcome-title{font-size:1.25rem}.category-hero{padding:1.5rem 1rem}.result-hero{padding:2rem 1.5rem}}.dark .category-card-enhanced,.dark .stat-card,.dark .stats-section,.dark .review-section{background:#1e293b99}.dark .tutorial-dots .dot{background:#fff3}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}.about-hero{text-align:center;padding:2rem;margin-bottom:1.5rem}.about-logo{width:100px;height:100px;background:var(--gradient-hero);border-radius:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.about-hero h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.version{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.theme-toggle-large{max-width:200px;margin:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:50px;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.theme-toggle-large:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.about-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.about-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.card-icon.green{background:linear-gradient(135deg,#34d399,#10b981)}.card-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.card-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.card-icon.orange{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.about-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.about-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;font-size:.95rem}.link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);color:var(--accent-primary);border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s}.link-btn:hover{background:var(--accent-primary);color:#fff}.social-links{display:flex;gap:.75rem}.social-btn{width:44px;height:44px;border-radius:12px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:all .3s}.social-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.about-footer{text-align:center;padding:2rem;color:var(--text-secondary)}.made-with{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-weight:600;margin-bottom:.5rem}.copyright{font-size:.875rem}.about-hero-compact{text-align:center;padding:1.5rem 1rem 2rem}.about-logo-glow img{width:80px;height:80px;background:var(--gradient-hero);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;box-shadow:0 8px 32px #0d948866;animation:float 3s ease-in-out infinite}.about-hero-compact h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.about-hero-compact p{color:var(--text-secondary);font-size:.9rem}.info-cards{display:grid;gap:1rem;margin-bottom:2rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:1.25rem;text-align:center;transition:all .3s}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.info-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.info-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.info-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.info-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.info-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.info-link{display:inline-block;color:var(--accent-primary);font-weight:600;text-decoration:none;font-size:.9rem}.support-section{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:2px solid rgba(245,158,11,.3);border-radius:24px;padding:.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.support-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.support-header{text-align:center;position:relative;z-index:1;margin-bottom:1.5rem}.support-icon{width:60px;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff;box-shadow:0 8px 24px #f59e0b66;animation:pulse 2s infinite}.support-header h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.support-subtitle{color:var(--text-secondary);font-size:.9rem}.support-content{position:relative;z-index:1}.support-message{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-secondary);padding:1rem;border-radius:16px;margin-bottom:1.25rem}.sparkle-icon{color:#f59e0b;flex-shrink:0;margin-top:.25rem}.support-message p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.support-message strong{color:var(--text-primary)}.bank-card{background:var(--bg-secondary);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:1.25rem;border:1px solid var(--border-glass)}.bank-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff}.bank-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem}.card-badge{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.bank-card-body{padding:1.25rem}.iban-display{margin-bottom:1rem}.iban-label,.swift-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.iban-value{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.iban-value code{flex:1;background:var(--bg-primary);padding:.75rem 1rem;border-radius:12px;font-family:Courier New,monospace;font-size:.9rem;color:var(--text-primary);direction:ltr;text-align:left;letter-spacing:1px;min-width:0;overflow-x:auto}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn:hover{background:var(--accent-dark);transform:scale(1.05)}.copy-btn.copied{background:#10b981}.swift-display{padding-top:1rem;border-top:1px dashed var(--border-glass)}.swift-value{display:inline-block;background:var(--bg-primary);padding:.5rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;color:var(--text-primary);direction:ltr}.bank-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:var(--bg-primary);border-top:1px solid var(--border-glass);font-size:.875rem}.bank-card-footer p{margin:0;color:var(--text-secondary)}.bank-card-footer strong{color:var(--text-primary)}.secure-badge{display:flex;align-items:center;gap:.25rem;color:#10b981;font-size:.75rem;font-weight:600}.simple-support{text-align:center}.coffee-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.coffee-option svg{color:#8b4513}.coffee-option p{margin:0;font-size:.9rem}.coffee-amount{font-size:.8rem;opacity:.8}.contact-section{text-align:center;margin-bottom:2rem}.section-title-small{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.contact-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.contact-email{display:inline-block;color:var(--accent-primary);font-weight:700;text-decoration:none;font-size:1rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:12px;transition:all .3s}.contact-email:hover{background:var(--accent-primary);color:#fff}.theme-toggle-large{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:16px;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:2rem}.theme-toggle-large:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.about-footer-enhanced{text-align:center;padding:0rem;color:var(--text-secondary)}.about-footer-enhanced .made-with{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-weight:600;margin-bottom:.75rem}.copyright{font-size:.875rem;margin-bottom:.25rem}.version{font-size:.75rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-drag:none!important;user-drag:none!important;-webkit-context-menu:none!important}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}::selection{background:transparent!important;color:inherit!important}body{-webkit-text-size-adjust:none!important;text-size-adjust:none!important}img,a,button,.no-drag{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:auto;touch-action:manipulation}img{pointer-events:none}button,a,[role=button]{pointer-events:auto}html,body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;zoom:reset;-webkit-zoom:reset}@media screen and (pointer: coarse){html{touch-action:manipulation}}