@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes glow-breathing{0%,to{box-shadow:0 0 20px #667eea4d;transform:scale(1)}50%{box-shadow:0 0 40px #667eea99,0 0 80px #f093fb66;transform:scale(1.02)}}.pulse-animation{animation:pulse 2s infinite}.breathe-animation{animation:breathe 3s ease-in-out infinite}.glow-breathe{animation:glow-breathing 4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}.slide-in-down{animation:slideInDown .6s ease-out}.zoom-in{animation:zoomIn .4s ease-out}.bounce-in{animation:bounceIn .8s ease-out}.flip-in{animation:flipInX .8s ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-25%) rotate3d(0,0,1,-5deg)}30%{transform:translate(20%) rotate3d(0,0,1,3deg)}45%{transform:translate(-15%) rotate3d(0,0,1,-3deg)}60%{transform:translate(10%) rotate3d(0,0,1,2deg)}75%{transform:translate(-5%) rotate3d(0,0,1,-1deg)}to{transform:translate(0)}}@keyframes swing{0%{transform:rotate3d(0,0,1,0)}20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}.shake{animation:shake .6s}.wobble{animation:wobble 1s}.swing{animation:swing 1s}.jello{animation:jello 1s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes progress-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes typing-dots{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-15px);opacity:1}}.rotating{animation:rotate 2s linear infinite}.spinner{animation:spinner 1s linear infinite}.loading-dots{animation:loading-dots 1.4s infinite ease-in-out both}.progress-wave{animation:progress-wave 2s infinite}.typing-indicator{animation:typing-dots 1.4s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes levitate{0%,to{transform:translateY(0);box-shadow:0 15px 30px #0000001a}50%{transform:translateY(-20px);box-shadow:0 35px 60px #0003}}.float{animation:float 3s ease-in-out infinite}.float-gentle{animation:float-gentle 4s ease-in-out infinite}.levitate{animation:levitate 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eeacc,0 0 80px #f093fb80}}@keyframes neon-glow{0%,to{box-shadow:0 0 5px #667eea80,0 0 20px #667eea4d,0 0 35px #667eea1a}50%{box-shadow:0 0 10px #667eeacc,0 0 40px #667eea99,0 0 70px #667eea66,0 0 100px #f093fb33}}@keyframes rainbow-glow{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}.glow{animation:glow 2s ease-in-out infinite}.neon-glow{animation:neon-glow 3s ease-in-out infinite}.rainbow-glow{animation:rainbow-glow 4s linear infinite}@keyframes bounce{0%,20%,53%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes success-pulse{0%{transform:scale(1);box-shadow:0 0 #00d4aab3}70%{transform:scale(1.1);box-shadow:0 0 0 20px #00d4aa00}to{transform:scale(1);box-shadow:0 0 #00d4aa00}}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes warning-glow{0%,to{box-shadow:0 0 15px #ffa7264d}50%{box-shadow:0 0 30px #ffa72699,0 0 50px #ffc10766}}.success-pulse{animation:success-pulse .8s ease-out}.error-shake{animation:error-shake .6s ease-out}.warning-glow{animation:warning-glow 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}.anim-slow{animation-duration:2s!important}.anim-slower{animation-duration:3s!important}.anim-fast{animation-duration:.5s!important}.anim-faster{animation-duration:.3s!important}.anim-fill-forwards{animation-fill-mode:forwards}.anim-fill-backwards{animation-fill-mode:backwards}.anim-fill-both{animation-fill-mode:both}.anim-infinite{animation-iteration-count:infinite}.anim-paused{animation-play-state:paused}@media (max-width: 768px){.float,.float-gentle{animation-duration:4s}.glow,.neon-glow{animation-duration:3s}@keyframes mobile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mobile-float{animation:mobile-float 2s ease-in-out infinite}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner,.progress-wave{animation:none}.loading-spinner{border-top-color:var(--primary)}}*{margin:0;padding:0;box-sizing:border-box}:root{--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-bg: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--primary: #3b82f6;--primary-light: rgba(59, 130, 246, .1);--secondary: #0ea5e9;--accent: #6366f1;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(15, 23, 42, .4);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(59, 130, 246, .1);--glass-blur: blur(16px);--glass-shadow: 0 10px 30px -5px rgba(0, 0, 0, .05);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .05);--shadow-medium: 0 10px 25px rgba(0, 0, 0, .08);--shadow-strong: 0 20px 50px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 50px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .6s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: all .6s cubic-bezier(.175, .885, .32, 1.275)}html{background:#f0f9ff;background:var(--gradient-bg);height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100%;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 25px #667eea99,0 0 50px #f093fb66}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateGlow{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(360deg)}}.container{max-width:100%;margin:0 auto;padding:12px;padding-bottom:calc(70px + env(safe-area-inset-bottom,0));animation:slideUp .6s var(--transition-smooth)}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition-smooth)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong),var(--shadow-glow);border-color:#667eea66}.card:hover:before{opacity:1}.btn{background:var(--gradient-primary);color:var(--text-primary);border:none;padding:16px 28px;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:700;font-family:inherit;width:100%;margin:12px 0;transition:var(--transition-smooth);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;text-transform:none;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-smooth)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transition:var(--transition-fast);transform:translate(-50%,-50%)}.btn:hover:before{left:100%}.btn:active:after{width:300px;height:300px}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong),var(--shadow-glow);filter:brightness(1.1)}.btn:active{transform:translateY(-1px);transition:var(--transition-fast)}.btn-success{background:var(--gradient-secondary);box-shadow:var(--shadow-medium),0 0 20px var(--success-glow)}.btn-success:hover{box-shadow:var(--shadow-strong),0 0 30px var(--success-glow)}.btn-danger{background:var(--gradient-warm);box-shadow:var(--shadow-medium),0 0 20px var(--danger-glow)}.btn-danger:hover{box-shadow:var(--shadow-strong),0 0 30px var(--danger-glow)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.btn-outline:hover{background:var(--primary);color:var(--text-primary);box-shadow:0 0 20px #667eea66}.question-card{background:#fff;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-xl);padding:28px;margin:16px 0;box-shadow:0 15px 35px #0000000d;position:relative;overflow:hidden;animation:slideUp .5s var(--transition-smooth)}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.option-btn{background:#f8fafc;color:var(--text-secondary);border:1.5px solid #e2e8f0;border-radius:var(--radius-md);padding:16px 20px 16px 24px;margin:10px 0;text-align:left;cursor:pointer;transition:var(--transition-smooth);width:100%;font-weight:600;font-family:inherit;position:relative;overflow:hidden}.option-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:var(--transition-smooth);z-index:-1}.option-btn:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-medium),0 0 20px #667eea4d}.option-btn:hover:before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.option-btn:hover:after{left:0;opacity:.1}.option-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-medium),0 0 25px #667eea66;animation:bounceIn .4s var(--transition-bounce)}.option-btn.selected:after{left:0;opacity:.2}.option-btn.correct-answer{animation:correctPulse .8s ease-out;border-color:var(--success)!important;background:#00d4aa33!important;box-shadow:0 0 30px var(--success-glow)!important}.option-btn.wrong-answer{animation:wrongShake .6s ease-out;border-color:var(--danger)!important;background:#ff572233!important;box-shadow:0 0 30px var(--danger-glow)!important}@keyframes correctPulse{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.1);filter:brightness(1.3)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.progress-bar{width:100%;height:14px;background:#ffffff1a;border-radius:var(--radius-full);margin:24px 0;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill{height:100%;background:var(--gradient-cool);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;border-radius:var(--radius-full);box-shadow:0 0 20px #00d4aa80}.progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-fill:after{content:"";position:absolute;top:2px;left:2px;right:2px;height:4px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,transparent 100%);border-radius:var(--radius-full)}.header{padding:16px 20px;text-align:center;background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-bottom:16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--glass-border);border-top:none;box-shadow:var(--glass-shadow);position:sticky;top:0;z-index:100;animation:slideDown .5s var(--transition-smooth)}.loading{display:flex;justify-content:center;align-items:center;height:250px;flex-direction:column;gap:20px}.loading-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.1);border-top:4px solid transparent;border-radius:50%;animation:spin 1.2s linear infinite;position:relative}.loading-spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1.8s linear infinite reverse}.loading-spinner:after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:3px solid transparent;border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:16px;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.score-circle{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:24px auto;font-size:28px;font-weight:800;color:var(--text-primary);background:var(--gradient-primary);box-shadow:var(--shadow-strong),var(--shadow-glow);position:relative;animation:bounceIn .8s var(--transition-bounce)}.score-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--gradient-cool);z-index:-1;animation:rotateGlow 4s linear infinite}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.category-card,.test-item{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;animation:slideUp .5s var(--transition-smooth)}.category-card:before,.test-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition-smooth);transform-origin:left}.category-card:hover,.test-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-strong),var(--shadow-neon);border-color:#f093fb80}.category-card:hover:before,.test-item:hover:before{transform:scaleX(1)}.navigation{position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:var(--glass-shadow)}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:16px 20px;max-width:500px;margin:0 auto}.nav-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:12px;border-radius:var(--radius-md);transition:var(--transition-smooth);color:var(--text-muted);position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);border-radius:var(--radius-md);opacity:0;transition:var(--transition-smooth);transform:scale(.8)}.nav-btn:hover{color:var(--text-primary);transform:translateY(-4px)}.nav-btn:hover:before{opacity:.2;transform:scale(1)}.nav-btn:active{transform:translateY(-2px) scale(.95)}.nav-icon{font-size:22px;margin-bottom:2px;position:relative;z-index:1}.nav-btn span{font-size:12px;font-weight:600;position:relative;z-index:1}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:800;font-size:14px;box-shadow:var(--shadow-medium);position:relative;margin-bottom:4px}.user-avatar:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--gradient-cool);z-index:-1;animation:glow-pulse 3s infinite}.user-name{font-size:11px;color:var(--text-muted);max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500}.language-selector{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;margin:20px 0;box-shadow:var(--glass-shadow);animation:slideUp .5s var(--transition-smooth)}.language-title{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(102,126,234,.5)}.language-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0d;cursor:pointer;transition:var(--transition-smooth);color:var(--text-primary);font-size:15px;font-weight:600;margin:10px 0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-smooth)}.language-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.language-btn:hover:before{opacity:.1}.language-btn.active{border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 20px #667eea66}.language-btn.active:before{opacity:.2}.language-flag{font-size:24px;position:relative;z-index:1}.language-name{flex:1;font-weight:600;position:relative;z-index:1;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.3)}.language-check{font-size:18px;font-weight:800;position:relative;z-index:1;color:var(--success);text-shadow:0 1px 3px rgba(0,0,0,.3)}.achievement{display:flex;align-items:center;gap:12px;background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary);border:1px solid var(--glass-border);transition:var(--transition-smooth);animation:slideUp .4s var(--transition-smooth)}.achievement:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:#667eea4d}.achievement span:first-child{font-size:18px;animation:float 3s ease-in-out infinite}@media (max-width: 480px){.container{padding:16px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))}.category-grid{grid-template-columns:1fr;gap:16px}.card,.question-card{padding:20px;margin-bottom:16px;border-radius:var(--radius-md)}.btn{padding:14px 20px;font-size:15px;margin:10px 0}.option-btn{padding:16px 20px;margin:10px 0;font-size:15px}.nav-container{padding:12px 16px}.nav-btn{padding:8px;gap:4px}.nav-btn span{font-size:11px}.user-avatar{width:32px;height:32px;font-size:13px}.score-circle{width:120px;height:120px;font-size:24px}}@media (max-width: 360px){.container{padding:14px 14px 105px}.header{padding:20px}.card,.question-card{padding:18px}.btn{padding:12px 18px;font-size:14px}.category-card{padding:20px}}@media (min-width: 768px){.container{max-width:600px;padding:24px}.category-grid{grid-template-columns:repeat(2,1fr);gap:24px}.card,.question-card{padding:28px}.nav-container{max-width:600px;padding:20px 24px}}@media (min-width: 1024px){.container{max-width:800px}.category-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.btn,.option-btn,.category-card{border:2px solid currentColor}.card{border:2px solid var(--glass-border)}}@media (hover: none){.btn,.option-btn,.category-card{transform:none!important}.btn:active,.option-btn:active,.category-card:active{transform:scale(.98);opacity:.8}}button,.option-btn,.category-card{min-height:44px}*:focus{outline:2px solid var(--primary);outline-offset:2px}@supports (padding: max(0px)){body{padding-top:max(env(safe-area-inset-top),0px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px);padding-bottom:max(env(safe-area-inset-bottom),0px)}}