*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.left-0{left:0}.left-1\/4{left:25%}.left-10{left:2.5rem}.right-0{right:0}.right-1\/4{right:25%}.right-14{right:3.5rem}.right-20{right:5rem}.top-0{top:0}.top-10{top:2.5rem}.top-20{top:5rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mb-10{margin-bottom:-2.5rem}.-ml-10{margin-left:-2.5rem}.-mr-10{margin-right:-2.5rem}.-mt-10{margin-top:-2.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-32{height:8rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-\[40px\]{min-width:40px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[250px\]{max-width:250px}.max-w-\[280px\]{max-width:280px}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-pink-100{--tw-border-opacity: 1;border-color:rgb(252 231 243 / var(--tw-border-opacity, 1))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-sky-100{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.border-sky-400{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.border-white\/50{border-color:#ffffff80}.border-white\/60{border-color:#fff9}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-l-orange-500{--tw-border-opacity: 1;border-left-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-opacity-50{--tw-border-opacity: .5}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-50\/30{background-color:#eff6ff4d}.bg-blue-50\/50{background-color:#eff6ff80}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-200\/50{background-color:#bae6fd80}.bg-sky-300{--tw-bg-opacity: 1;background-color:rgb(125 211 252 / var(--tw-bg-opacity, 1))}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-sky-900\/80{background-color:#0c4a6ecc}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-50\/30{background-color:#f8fafc4d}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-60{--tw-bg-opacity: .6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-400{--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-100{--tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-50{--tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-600{--tw-gradient-from: #0284c7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-100{--tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-400{--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-500{--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-emerald-400{--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-50{--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-sky-400{--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-400{--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a78bfa var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-100{--tw-gradient-to: #fef3c7 var(--tw-gradient-to-position)}.to-blue-200{--tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to: #4ade80 var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to: #fb923c var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-purple-200{--tw-gradient-to: #e9d5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-red-400{--tw-gradient-to: #f87171 var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #fef08a var(--tw-gradient-to-position)}.fill-gray-300{fill:#d1d5db}.fill-red-400{fill:#f87171}.fill-yellow-400{fill:#facc15}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-sky-100{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-sky-800{--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_0_rgb\(14\,165\,233\)\]{--tw-shadow: 0 4px 0 rgb(14,165,233);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sky-200{--tw-shadow-color: #bae6fd;--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/50{--tw-ring-color: rgb(255 255 255 / .5)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-700{transition-delay:.7s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-primary: #4DA6FF;--color-primary-light: #87CEEB;--color-primary-dark: #3182CE;--color-primary-hover: #63B3ED;--color-secondary: #87CEEB;--color-accent: #FFA500;--color-gold: #FFD700;--color-success: #a8e6cf;--color-warning: #ffd19a;--color-danger: #ffb3ba;--color-info: #87CEEB;--color-white: #ffffff;--color-gray-50: #f8f9fb;--color-gray-100: #f1f3f5;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #868e96;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--color-black: #000000;--bg-primary: #F0F8FF;--bg-secondary: #F0F8FF;--bg-tertiary: #E6F3FF;--bg-card: #ffffff;--bg-overlay: rgba(77, 166, 255, .1);--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-muted: #95a5a6;--text-inverse: #ffffff;--border-color: #e3edf7;--border-color-hover: #a8d5ff;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(168, 213, 255, .12);--shadow-md: 0 4px 6px rgba(168, 213, 255, .15);--shadow-lg: 0 10px 25px rgba(168, 213, 255, .2);--shadow-xl: 0 20px 40px rgba(168, 213, 255, .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--space-xs: var(--spacing-xs);--space-sm: var(--spacing-sm);--space-md: var(--spacing-md);--space-lg: var(--spacing-lg);--space-xl: var(--spacing-xl);--space-2xl: var(--spacing-2xl);--space-3xl: var(--spacing-3xl);--space-button-padding-x: var(--space-md);--space-button-padding-y: var(--space-sm);--space-button-gap: var(--space-sm);--space-card-padding: var(--space-lg);--space-section-padding: var(--space-2xl);--space-gutter: var(--space-md);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--game-scale-hover: 1.05;--game-scale-active: .95;--game-rotate-wiggle: 5deg;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.selection\:bg-sky-200 *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.selection\:bg-sky-200 *::selection{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.selection\:bg-sky-200::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.selection\:bg-sky-200::selection{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-green-600:hover{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.hover\:border-purple-300:hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.hover\:border-sky-300:hover{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.hover\:border-yellow-500:hover{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-500:hover{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-sky-600:hover{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.hover\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:h-14{height:3.5rem}.sm\:h-2\.5{height:.625rem}.sm\:h-20{height:5rem}.sm\:w-12{width:3rem}.sm\:w-20{width:5rem}.sm\:w-8{width:2rem}.sm\:w-auto{width:auto}.sm\:flex-shrink-0{flex-shrink:0}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:mb-4{margin-bottom:1rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-2\/5{width:40%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:pt-\[52px\]{padding-top:52px}}.main-layout{display:flex;min-height:100vh;background-color:transparent}.sidebar{width:260px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;transition:width var(--transition-base);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.sidebar.collapsed{width:80px}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--text-inverse)}.logo-icon{font-size:28px}.logo-text{white-space:nowrap;overflow:hidden}.toggle-btn{background:#ffffff26;border:none;color:var(--text-inverse);width:32px;height:32px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:background var(--transition-fast)}.toggle-btn:hover{background:#ffffff40}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) 0}.menu{list-style:none;padding:0;margin:0}.menu-item{margin-bottom:var(--spacing-xs)}.menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:#ffffffd9;text-decoration:none;transition:all var(--transition-fast);position:relative}.menu-link:hover{background:#ffffff26;color:var(--text-inverse)}.menu-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--text-inverse);border-radius:0 4px 4px 0;transition:height var(--transition-fast)}.menu-link:hover:before,.menu-link.active:before{height:60%}.menu-icon{font-size:var(--font-size-xl);min-width:24px;display:flex;align-items:center;justify-content:center}.menu-label{font-size:var(--font-size-base);white-space:nowrap}.sidebar.collapsed .menu-link{justify-content:center;padding:var(--spacing-md)}.sidebar.collapsed .menu-label{display:none}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.student-card{background:#ffffff26;padding:var(--spacing-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.student-card.collapsed{padding:var(--spacing-sm)}.student-info{width:100%;text-align:center}.student-name{color:var(--text-inverse);font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.student-level{color:#ffffffd9;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.level-progress{width:100%;height:6px;background:#fff3;border-radius:var(--border-radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-accent));border-radius:var(--border-radius-full);transition:width var(--transition-base)}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.sidebar.collapsed~.main-content{margin-left:80px}.header{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid rgba(0,0,0,.1)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-greeting h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.header-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-streak,.header-stars{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.header-streak{border:2px solid rgba(255,69,0,.2)}.header-stars{border:2px solid rgba(255,215,0,.2)}.header-wallet{width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.header-wallet:hover{background:var(--color-primary-light);transform:scale(1.05)}.user-dropdown{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.user-dropdown:hover{background:var(--bg-secondary)}.username{font-weight:500;color:var(--text-primary)}.page-content{flex:1;padding:var(--spacing-xl);min-height:calc(100vh - 180px);background:transparent}.footer{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);border-top:1px solid rgba(0,0,0,.1)}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);border-radius:var(--border-radius-md)}.mobile-menu-btn:hover{background:var(--bg-secondary)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-drawer .ant-drawer-content-wrapper{border-radius:0 24px 24px 0;overflow:hidden}.mobile-menu-drawer .ant-drawer-header{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-md) var(--spacing-lg)}.mobile-menu-drawer .ant-drawer-body{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--spacing-md)}.mobile-menu-drawer .ant-drawer-title{color:var(--text-inverse);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 50px)}.mobile-menu-drawer .ant-drawer-close{color:var(--text-inverse);font-size:18px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-menu-drawer .ant-drawer-close:hover{background:#ffffff1a;color:var(--text-inverse)}.mobile-drawer-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-inverse)}.mobile-drawer-header .logo-icon{font-size:24px;flex-shrink:0}.mobile-drawer-header .logo-text{font-size:var(--font-size-base);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{margin-top:var(--spacing-md)}.mobile-menu{list-style:none;padding:0;margin:0}.mobile-menu-item{margin-bottom:var(--spacing-xs)}.mobile-menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-inverse);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-base);font-size:var(--font-size-base)}.mobile-menu-link:hover{background:#ffffff26;color:var(--text-inverse)}.mobile-menu-link:active{background:#ffffff40}.mobile-menu-link .menu-icon{font-size:20px}.mobile-student-card{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-student-card .student-info{text-align:center;width:100%}.mobile-student-card h4{margin:0;font-size:var(--font-size-lg);color:var(--text-inverse);font-weight:600}.mobile-student-card .student-level{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#ffffffd9}.mobile-student-card .progress-text{font-size:var(--font-size-xs);color:#ffffffbf;margin-top:var(--spacing-xs)}@media(max-width:768px){.sidebar{display:none}.mobile-menu-btn{display:flex}.main-content{margin-left:0;width:100%}.header{padding:var(--spacing-sm) var(--spacing-md)}.header-right{gap:var(--spacing-sm)}.header-streak,.header-stars{padding:var(--spacing-xs) var(--spacing-sm);gap:4px}.header-streak span,.header-stars span{font-size:var(--font-size-sm)}.header-streak svg,.header-stars svg{font-size:16px!important}.page-content{padding:var(--spacing-md)}}@media(max-width:480px){.header{padding:var(--spacing-xs) var(--spacing-sm)}.header-streak .streak-count:after,.header-stars .stars-count:after{content:""}.header-streak .streak-count,.header-stars .stars-count{font-size:var(--font-size-xs);font-weight:600}.user-dropdown .ant-avatar{width:32px!important;height:32px!important}.page-content{padding:var(--spacing-sm)}}.background-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px);transform:scale(1.1)}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fce7f340,#bae6fd40,#a7f3d040);-webkit-backdrop-filter:brightness(.97);backdrop-filter:brightness(.97)}@media(max-width:768px){.background-image{filter:blur(40px)}}@keyframes breathe{0%,to{transform:scale(1.1)}50%{transform:scale(1.12)}}.background-image{animation:breathe 30s ease-in-out infinite}.game-card{background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.game-card--default{box-shadow:var(--shadow-sm)}.game-card--gradient{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);box-shadow:var(--shadow-md)}.game-card--outlined{background:transparent;border:2px solid var(--border-color);box-shadow:none}.game-card--bordered{border:1px solid var(--border-color)}.game-card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.game-card--gradient.game-card--hoverable:hover{box-shadow:var(--shadow-xl)}.game-card--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-card--clickable:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.game-card--gradient .game-card__header{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--text-inverse);border-bottom:none}.game-card__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.game-card--gradient .game-card__title{color:var(--text-inverse)}.game-card__body{padding:var(--spacing-lg);flex:1}.game-card__body:empty{padding:0}.game-card__footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.game-card--gradient .game-card__footer{background:#a8d5ff1a;border-top:1px solid rgba(168,213,255,.2)}.game-card--loading{position:relative;pointer-events:none}.game-card--loading:before{content:"";position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.game-card--loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary);animation:card-loading-spinner .8s linear infinite;z-index:2}@keyframes card-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card--game-info{border:2px solid var(--color-primary-light);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-tertiary) 100%);position:relative;overflow:hidden}.game-card--game-info:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.1;animation:game-card-pulse 3s ease-in-out infinite}@keyframes game-card-pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.15}}.game-card--stats{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-lg)}.game-card--stats .game-card__body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.game-card--achievement{border:2px solid var(--color-accent);background:linear-gradient(135deg,#fff9e6,#fff);position:relative;overflow:hidden}.game-card--achievement:before{content:"🏆";position:absolute;top:10px;right:10px;font-size:3rem;opacity:.1}@media(max-width:768px){.game-card__header,.game-card__body,.game-card__footer{padding:var(--spacing-md)}.game-card__title{font-size:var(--font-size-lg)}}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.game-card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.game-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-base);font-weight:600;border:2px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.game-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.game-button:active:before{width:300px;height:300px}.game-button__icon{display:flex;align-items:center;justify-content:center;font-size:1.2em}.game-button__text{position:relative;z-index:1}.game-button--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.game-button--medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:40px}.game-button--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.game-button--icon-only{padding:var(--spacing-sm);aspect-ratio:1}.game-button--icon-only.game-button--small{width:32px;height:32px}.game-button--icon-only.game-button--medium{width:40px;height:40px}.game-button--icon-only.game-button--large{width:48px;height:48px}.game-button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.game-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.game-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.game-button--secondary{background:var(--color-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.game-button--secondary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-button--success{background:var(--color-success);color:var(--text-primary);box-shadow:var(--shadow-sm)}.game-button--success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-button--warning{background:var(--color-warning);color:var(--text-primary);box-shadow:var(--shadow-sm)}.game-button--warning:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-button--danger{background:var(--color-danger);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.game-button--danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-button--ghost{background:transparent;color:var(--color-primary-dark);border-color:var(--color-primary);box-shadow:none}.game-button--ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--text-inverse);border-color:var(--color-primary-dark)}.game-button--full-width{width:100%}.game-button--disabled,.game-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.game-button--disabled:before,.game-button:disabled:before{display:none}.game-button:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.game-button--loading{position:relative;color:transparent;pointer-events:none}.game-button--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--text-inverse);border-radius:50%;border-top-color:transparent;animation:button-loading-spinner .6s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.game-button--large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:44px}}.homepage{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.daily-quest-banner{background-image:linear-gradient(135deg,#fff0 0% 100%),url(/assets/ocean-wave-BAYqtMAu.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;gap:var(--spacing-lg);min-height:200px}.quest-content{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.quest-illustration{position:relative;width:140px;height:140px;background:#ffffff40;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;box-shadow:0 8px 16px #0000001a;border:2px solid rgba(255,255,255,.3)}.student-avatar{position:relative}.avatar-icon{font-size:64px;display:block}.question-mark{position:absolute;top:-10px;right:-10px;font-size:28px;background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.quest-info{flex:1}.quest-title{color:#181818;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.quest-description{color:#181818f2;font-size:var(--font-size-lg);margin:0;font-weight:500}.quest-button{flex-shrink:0}.core-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.practice-card{background:linear-gradient(135deg,#d6eaf8,#aed6f1);border:2px solid rgba(77,166,255,.2);box-shadow:0 4px 12px #4da6ff26}.practice-card:hover{box-shadow:0 8px 24px #4da6ff40}.exam-card{background:linear-gradient(135deg,#ffe5cc,#fc9);border:2px solid rgba(255,165,0,.2);box-shadow:0 4px 12px #ffa50026}.exam-card:hover{box-shadow:0 8px 24px #ffa50040}.practice-card .game-card__body,.exam-card .game-card__body{padding:0!important}.feature-content{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xl);padding:24px 32px;min-height:152px}.feature-icon-circle{width:140px;height:140px;border-radius:50%;background:#ffffff4d;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-icon{position:relative;display:flex;align-items:center;justify-content:center}.icon-large{font-size:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.icon-small{position:absolute;font-size:28px;bottom:-6px;right:-6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.feature-title{font-size:var(--font-size-2xl);font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.feature-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.4}.yle-section{margin-bottom:var(--spacing-xl)}.yle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.yle-card{transition:all var(--transition-base)}.yle-card.yle-starters{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid rgba(76,175,80,.2);box-shadow:0 4px 12px #4caf5026}.yle-card.yle-starters:hover{box-shadow:0 8px 24px #4caf5040}.yle-card.yle-movers{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid rgba(255,152,0,.2);box-shadow:0 4px 12px #ff980026}.yle-card.yle-movers:hover{box-shadow:0 8px 24px #ff980040}.yle-card.yle-flyers{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid rgba(156,39,176,.2);box-shadow:0 4px 12px #9c27b026}.yle-card.yle-flyers:hover{box-shadow:0 8px 24px #9c27b040}.yle-card .game-card__body{padding:0!important}.yle-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;max-height:180px;justify-content:center}.yle-icon{font-size:72px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin-bottom:var(--spacing-sm)}.yle-title{font-size:var(--font-size-2xl);font-weight:700;margin:0;color:var(--text-primary)}.yle-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;font-weight:500}.guest-message{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.guest-message p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}@media(max-width:768px){.daily-quest-banner{flex-direction:column;padding:var(--spacing-lg);min-height:160px;background-size:cover}.quest-content{flex-direction:column;text-align:center;width:100%}.quest-illustration{width:100px;height:100px}.avatar-icon{font-size:48px}.quest-title{font-size:var(--font-size-2xl)}.quest-description{font-size:var(--font-size-base)}.quest-button{width:100%}.core-features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.practice-card .game-card__body,.exam-card .game-card__body{padding:0!important}.feature-content{min-height:140px;padding:20px 24px;gap:var(--spacing-md)}.feature-icon-circle{width:100px;height:100px;border:2px solid rgba(255,255,255,.5)}.icon-large{font-size:48px}.icon-small{font-size:20px;bottom:-4px;right:-4px}.feature-title{font-size:var(--font-size-xl)}.feature-description{font-size:var(--font-size-sm)}.yle-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.yle-content{min-height:150px;padding:var(--spacing-lg)}.yle-icon{font-size:56px}.yle-title{font-size:var(--font-size-xl)}.yle-description{font-size:var(--font-size-sm)}}@media(max-width:480px){.homepage{padding:var(--spacing-md)}.daily-quest-banner:before{font-size:80px}.yle-icon{font-size:48px}.yle-title{font-size:var(--font-size-lg)}}.sound-demo{max-width:800px;margin:0 auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.sound-demo__content{display:flex;flex-direction:column;gap:var(--space-xl)}.sound-demo__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color)}.sound-demo__info h3{margin:0;color:var(--color-primary-dark);font-size:var(--font-size-2xl)}.sound-demo__info p{margin:var(--space-xs) 0 0 0}.sound-demo__controls{display:flex;gap:var(--space-sm)}.sound-demo__volume{display:flex;flex-direction:column;gap:var(--space-sm)}.sound-demo__volume label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.sound-demo__slider{width:100%;height:8px;border-radius:var(--border-radius-full);background:var(--color-gray-200);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sound-demo__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.sound-demo__slider::-webkit-slider-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}.sound-demo__slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);-moz-transition:all var(--transition-fast);transition:all var(--transition-fast)}.sound-demo__slider::-moz-range-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}.sound-demo__section{display:flex;flex-direction:column;gap:var(--space-md)}.sound-demo__section h4{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);padding-left:var(--space-xs);border-left:4px solid var(--color-primary)}.sound-demo__buttons{display:flex;flex-wrap:wrap;gap:var(--space-md)}.sound-demo__tokens{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--border-radius-md)}.token-example{display:flex;flex-direction:column;gap:var(--space-md)}.token-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.token-boxes{display:flex;gap:var(--space-md)}.token-box{background:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-primary-dark);font-weight:600;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;min-width:60px;transition:all var(--transition-fast)}.token-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sound-demo__code{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;margin:0}@media(max-width:768px){.sound-demo{padding:var(--space-md)}.sound-demo__header,.sound-demo__buttons,.token-boxes{flex-direction:column}}.thu-thach-khoi-dau{min-height:100vh;background-color:var(--bg-secondary);display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);font-family:var(--font-family-base)}.thu-thach-khoi-dau.test-mode{align-items:flex-start;padding:var(--spacing-sm)}.game-container{max-width:900px;width:100%;background:var(--color-var(--color-white));border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);animation:fadeInUp .6s ease}.game-header{text-align:center;margin-bottom:var(--spacing-2xl)}.game-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:1px}.game-subtitle{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 0 0;line-height:1.8;display:block;text-align:center;var(--color-white)-space: pre-line}.level-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.level-card{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--bg-tertiary) 100%);border:3px solid transparent;border-radius:var(--border-radius-lg);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#87ceeb1a,#ffa07a1a);opacity:0;transition:opacity .3s ease;z-index:0}.level-card:hover:before{opacity:1}.level-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:var(--primary-color, var(--color-primary))}.level-card.selected{border-color:var(--accent-color, var(--color-accent));background:linear-gradient(135deg,#fff8dc,#ffe4e1);box-shadow:0 8px 16px #ffa07a4d;transform:scale(1.05)}.level-card.selected:after{content:"✓";position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--accent-color, var(--color-accent));color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.level-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.level-number{font-size:1.2rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.question-count-selection{margin-bottom:var(--spacing-xl, 24px);text-align:center;animation:fadeIn .5s ease}.count-label{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md, 16px)}.count-options{display:flex;justify-content:center;gap:var(--spacing-md, 16px);flex-wrap:wrap}.count-option{padding:var(--spacing-sm, 12px) var(--spacing-xl, 32px);background:var(--color-gray-100);color:var(--text-primary);border:3px solid var(--color-gray-300);border-radius:var(--border-radius-lg, 24px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif)}.count-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color, var(--color-primary));transform:translateY(-3px)}.count-option.selected{background:var(--primary-color, var(--color-primary));color:var(--color-white);border-color:var(--primary-color, var(--color-primary));box-shadow:0 4px 16px #87ceeb66}.action-buttons{display:flex;justify-content:center;margin-bottom:var(--spacing-xl, 24px);animation:fadeIn .5s ease}.btn-start-test{padding:var(--spacing-md, 16px) var(--spacing-2xl, 48px);background:linear-gradient(135deg,var(--accent-color, var(--color-accent)) 0%,#ff8c69 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-lg, 24px);font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffa07a66;font-family:var(--font-display, "Nunito", sans-serif)}.btn-start-test:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffa07a99;filter:brightness(1.1)}.btn-start-test:active{transform:translateY(-1px)}.back-section{display:flex;justify-content:center;padding-top:var(--spacing-lg, 20px);border-top:2px solid var(--color-gray-300)}.btn-back{padding:var(--spacing-sm, 12px) var(--spacing-xl, 32px);background:var(--color-gray-100);color:var(--text-primary);border:none;border-radius:var(--border-radius-lg, 24px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif)}.btn-back:hover{background:var(--color-gray-300);transform:translate(-5px)}.test-container{display:flex;gap:var(--spacing-md, 12px);max-width:100%;width:100%;height:100vh;margin:0 auto;padding:0;animation:fadeIn .5s ease}.test-navigation{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-sm, 10px)}.timer-box{background:var(--color-white);border-radius:var(--border-radius-lg, 24px);padding:var(--spacing-md, 12px);text-align:center;box-shadow:0 4px 16px #0000001a;border:3px solid var(--accent-color, var(--color-accent))}.timer-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs, 4px)}.timer-value{font-size:2rem;font-weight:800;color:var(--accent-color, var(--color-accent));font-family:Courier New,monospace;margin-bottom:var(--spacing-xs, 4px)}.question-grid{background:var(--color-white);border-radius:var(--border-radius-lg, 24px);padding:var(--spacing-sm, 8px);box-shadow:0 4px 16px #0000001a;flex:1;display:flex;flex-direction:column}.grid-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs, 6px);text-align:center;padding:2px 0}.question-numbers{display:grid;gap:8px}.question-numbers[style*="repeat(3"] .question-number-btn{width:48px;height:48px;font-size:.9rem}.question-numbers[style*="repeat(4"] .question-number-btn{width:40px;height:40px;font-size:.8rem}.question-numbers[style*="repeat(5"] .question-number-btn{width:32px;height:32px;font-size:.7rem}.question-numbers[style*="repeat(6"] .question-number-btn{width:28px;height:28px;font-size:.65rem}.question-number-btn{aspect-ratio:1;width:48px;height:48px;border:2px solid var(--color-gray-300);border-radius:50%;background:var(--color-gray-100);color:var(--text-primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-display, "Nunito", sans-serif);display:flex;align-items:center;justify-content:center;margin:0 auto;flex-shrink:0;padding:0}.question-number-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.question-number-btn.current{background:var(--color-warning);border-color:var(--primary-color, var(--color-primary));border-width:3px;transform:scale(1.1)}.question-number-btn.completed{background:var(--primary-color, var(--color-primary));color:var(--color-white);border-color:var(--primary-color, var(--color-primary))}.subject-progress-box{background:var(--color-white);border-radius:var(--border-radius-lg, 24px);padding:var(--spacing-md, 12px);box-shadow:0 4px 16px #0000001a}.progress-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm, 10px);text-align:center}.subject-item{margin-bottom:var(--spacing-xs, 6px);font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.6;text-align:left}.subject-item .subject-icon{display:none}.subject-item .subject-name{display:inline}.subject-item .subject-count{display:inline;font-weight:700;color:var(--text-secondary)}.test-content{flex:1;background:var(--color-white);border-radius:var(--border-radius-lg, 24px);padding:var(--spacing-lg, 16px);box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;gap:var(--spacing-md, 12px);overflow-y:auto}.question-header{border-bottom:3px solid var(--color-gray-300);padding-bottom:var(--spacing-sm, 10px)}.question-title{font-size:2rem;font-weight:800;color:var(--primary-color, var(--color-primary));margin-bottom:var(--spacing-xs, 6px)}.question-topic{display:flex;align-items:center;gap:var(--spacing-xs, 6px)}.question-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.question-text{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1.8;padding:var(--spacing-lg, 20px);background:linear-gradient(135deg,#fff9e6,#fff4d6);border-radius:var(--radius-lg, 16px);border:4px solid var(--primary-color, var(--color-primary));box-shadow:0 4px 16px #87ceeb4d;position:relative}.answer-options{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.answer-option{display:flex;align-items:center;gap:var(--spacing-sm, 10px);padding:var(--spacing-md, 12px);background:var(--color-gray-100);border:3px solid var(--color-gray-300);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif);text-align:left}.answer-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color, var(--color-primary));transform:translate(5px)}.answer-option.selected{background:var(--primary-color, var(--color-primary));border-color:var(--primary-color, var(--color-primary));color:var(--color-white)}.option-letter{width:32px;height:32px;border-radius:50%;background:var(--color-white);color:var(--primary-color, var(--color-primary));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.answer-option.selected .option-letter{background:#ffffff4d;color:var(--color-white)}.test-navigation-buttons{display:flex;gap:var(--spacing-sm, 10px);justify-content:center;padding-top:var(--spacing-md, 12px);border-top:2px solid var(--color-gray-300)}.btn-nav{padding:var(--spacing-md, 12px) var(--spacing-xl, 32px);border:none;border-radius:var(--radius-lg, 16px);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif)}.btn-prev,.btn-next{background:var(--color-gray-100);color:var(--text-primary)}.btn-prev:hover:not(:disabled),.btn-next:hover:not(:disabled){background:var(--color-gray-300);transform:scale(1.05)}.btn-prev:disabled,.btn-next:disabled{opacity:.4;cursor:not-allowed}.btn-submit{background:var(--accent-color, var(--color-accent));color:var(--color-white);box-shadow:0 4px 12px #ffa07a4d}.btn-submit:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #ffa07a80}.results-container{max-width:1000px;width:100%;background:var(--color-white);border-radius:var(--border-radius-lg, 24px);padding:var(--spacing-xl, 32px);box-shadow:0 8px 32px #0000001a;animation:fadeInUp .6s ease}.results-header{text-align:center;margin-bottom:var(--spacing-2xl, 40px)}.results-title{font-size:2.5rem;font-weight:800;color:var(--primary-color, var(--color-primary));margin:0}.results-content{display:flex;flex-direction:column;gap:var(--spacing-2xl, 32px)}.score-card{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xl, 40px);padding:var(--spacing-2xl, 32px);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--color-gray-100) 100%);border-radius:var(--radius-xl, 24px);border:3px solid var(--primary-color, var(--color-primary))}.score-circle{width:180px;height:180px;border-radius:50%;background:var(--color-white);border:6px solid var(--primary-color, var(--color-primary));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #87ceeb4d;flex-shrink:0}.score-number{font-size:3.5rem;font-weight:800;color:var(--primary-color, var(--color-primary));font-family:Courier New,monospace}.score-right-info{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);align-items:flex-start}.score-detail strong{color:var(--accent-color, var(--color-accent));font-size:1.5rem}.time-info-inline{font-size:1.1rem;font-weight:600;color:var(--text-secondary);padding:var(--spacing-sm, 10px) var(--spacing-md, 16px);background:var(--color-white);border-radius:var(--radius-md, 12px);border:2px solid var(--primary-color, var(--color-primary))}.subject-breakdown{padding:var(--spacing-xl, 24px);background:var(--color-gray-50);border-radius:var(--radius-lg, 16px)}.breakdown-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg, 20px) 0;text-align:center}.subject-scores{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.subject-score-card{background:var(--color-white);padding:var(--spacing-md, 16px);border-radius:var(--radius-md, 12px);border:2px solid var(--color-gray-300)}.subject-header{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-sm, 10px)}.subject-header .subject-icon{display:none}.subject-header .subject-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.subject-progress{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px)}.progress-bar{height:24px;background:var(--color-gray-300);border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color, var(--color-primary));border-radius:12px}.progress-text{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-align:right}.time-info{text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-secondary);padding:var(--spacing-md, 16px);background:var(--color-gray-50);border-radius:var(--radius-md, 12px)}.detailed-review{padding:var(--spacing-xl, 24px);background:var(--color-gray-50);border-radius:var(--radius-lg, 16px);margin-top:var(--spacing-lg, 20px)}.review-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg, 20px) 0;text-align:center;border-bottom:3px solid var(--color-gray-300);padding-bottom:var(--spacing-md, 12px)}.review-questions{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-height:600px;overflow-y:auto;padding-right:var(--spacing-sm, 8px)}.review-item{background:var(--color-white);border-radius:var(--radius-md, 12px);padding:var(--spacing-lg, 20px);border-left:5px solid var(--color-gray-300);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.review-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 12px)}.review-badge{padding:var(--spacing-xs, 6px) var(--spacing-md, 16px);border-radius:var(--radius-md, 12px);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs, 4px)}.review-question-text{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md, 12px);display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.review-question-text strong{font-weight:800;color:var(--color-primary)}.review-question-text em{font-style:italic;color:var(--color-accent)}.subject-tag{display:inline-block;padding:var(--spacing-xs, 4px) var(--spacing-sm, 12px);border-radius:var(--radius-sm, 8px);font-size:.85rem;font-weight:600;color:var(--color-white);align-self:flex-start}.review-answers{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px);background:var(--color-gray-50);border-radius:var(--radius-md, 12px);margin-bottom:var(--spacing-sm, 8px)}.review-answer{font-size:1rem;color:var(--text-primary);line-height:1.6}.review-explanation{padding:var(--spacing-md, 12px);background:linear-gradient(135deg,#fff9e6,#fff4d6);border-radius:var(--radius-md, 12px);border-left:4px solid var(--color-warning);font-size:1rem;color:var(--text-primary);line-height:1.6}.review-explanation strong{color:var(--color-primary)}.review-explanation p{margin:0;padding:0;display:inline}.review-explanation em{font-style:italic;color:var(--color-accent)}.results-actions{display:flex;gap:var(--spacing-md, 16px);justify-content:center;flex-wrap:wrap}.btn-retry,.btn-home{padding:var(--spacing-md, 16px) var(--spacing-2xl, 40px);border:none;border-radius:var(--radius-lg, 16px);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif)}.btn-retry{background:var(--accent-color, var(--color-accent));color:var(--color-white);box-shadow:0 4px 12px #ffa07a4d}.btn-retry:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #ffa07a80}.btn-home{background:var(--color-gray-100);color:var(--text-primary)}.btn-home:hover{background:var(--color-gray-300);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:var(--spacing-lg, 20px)}.modal-content{background:var(--color-white);border-radius:var(--radius-xl, 24px);max-width:500px;width:100%;box-shadow:0 8px 32px #0003;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog .modal-header{padding:var(--spacing-xl, 24px);border-bottom:3px solid var(--color-gray-100)}.confirm-dialog .modal-header h2{margin:0;font-size:1.6rem;color:var(--text-primary);font-family:var(--font-display, "Nunito", sans-serif)}.confirm-dialog .modal-body{padding:var(--spacing-xl, 24px)}.confirm-dialog .modal-body p{margin:0 0 var(--spacing-md, 12px) 0;font-size:1.1rem;color:var(--text-primary);line-height:1.6}.confirm-dialog .modal-body strong{color:var(--accent-color, var(--color-accent));font-weight:800}.confirm-dialog .modal-footer{padding:var(--spacing-xl, 24px);border-top:3px solid var(--color-gray-100);display:flex;gap:var(--spacing-md, 12px);justify-content:flex-end}.btn-primary-action,.btn-secondary-action{padding:var(--spacing-sm, 12px) var(--spacing-xl, 28px);border:none;border-radius:var(--radius-lg, 16px);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:var(--font-display, "Nunito", sans-serif)}.btn-primary-action{background:var(--accent-color, var(--color-accent));color:var(--color-white);box-shadow:0 4px 12px #ffa07a4d}.btn-primary-action:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary-action{background:var(--color-gray-100);color:var(--text-primary)}.btn-secondary-action:hover{background:var(--color-gray-300)}@media(max-width:1024px){.test-container{display:flex;flex-direction:column;height:auto;gap:var(--spacing-sm, 10px)}.test-content{flex:1;min-height:60vh;order:1;width:100%}.test-navigation{width:100%;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;order:2}.timer-box,.question-grid,.subject-progress-box{flex:0 0 auto;min-width:180px;max-width:220px;padding:var(--spacing-sm)}.timer-icon{font-size:1.2rem}.timer-value{font-size:1.5rem}.timer-label{font-size:.7rem}.grid-title,.progress-title{font-size:.8rem;margin-bottom:var(--spacing-xs)}.question-numbers{gap:var(--spacing-xs)}.question-number-btn{width:35px;height:35px;font-size:.8rem}.subject-item{font-size:.75rem;margin-bottom:var(--spacing-xs)}}@media(max-width:768px){.game-container,.results-container{padding:var(--spacing-xl, 24px)}.game-title,.results-title{font-size:2rem}.game-subtitle{font-size:1.2rem}.level-selection{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);max-width:100%}.level-icon{font-size:2rem}.level-number{font-size:1rem}.btn-start-test{font-size:1.1rem;padding:var(--spacing-md, 14px) var(--spacing-xl, 36px)}.test-navigation{flex-direction:row;flex-wrap:wrap;justify-content:center}.timer-box,.question-grid,.subject-progress-box{flex:1 1 auto;min-width:150px;max-width:300px}.test-content{padding:var(--spacing-lg, 20px)}.question-title{font-size:1.6rem}.question-text{font-size:1.2rem}.answer-option{padding:var(--spacing-md, 14px)}.option-text{font-size:1rem}.test-navigation-buttons{flex-wrap:wrap}.btn-nav{flex:1;min-width:120px}.score-card{flex-direction:column;gap:var(--spacing-lg, 20px)}.score-circle{width:150px;height:150px}.score-number{font-size:2.8rem}.score-right-info{align-items:center;text-align:center}}@media(max-width:480px){.game-container,.results-container,.test-content{padding:var(--spacing-md, 12px)}.game-title,.results-title{font-size:1.6rem}.game-subtitle{font-size:1rem}.level-selection{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);max-width:100%}.level-card{padding:var(--spacing-sm, 10px)}.level-icon{font-size:1.8rem}.level-number{font-size:.9rem}.game-container>div[style*=margin-top]{margin-left:0!important;margin-right:0!important}.game-container button[style*="padding: 10px 20px"]{flex:0 0 calc(50% - 5px);min-width:calc(50% - 5px)}.test-container{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm, 10px)}.test-content{order:1!important;padding:var(--spacing-sm, 10px);width:100%}.test-navigation{order:2!important;width:100%;display:flex;flex-direction:row;gap:var(--spacing-xs, 8px);overflow-x:auto;flex-wrap:nowrap}.question-title{font-size:1.4rem}.question-text{font-size:1.1rem;padding:var(--spacing-md, 12px)}.answer-option{padding:var(--spacing-sm, 10px);margin-bottom:var(--spacing-xs)}.option-text{font-size:.95rem}.test-navigation-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 10px);justify-content:space-between;flex-direction:row}.test-navigation-buttons>*:nth-child(1),.test-navigation-buttons>*:nth-child(3){flex:1 1 48%;min-width:0;order:1}.test-navigation-buttons>*:nth-child(2){flex:1 1 100%;order:2}.btn-start-test,.btn-retry,.btn-home{width:100%;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg)}.question-numbers{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.question-number-btn{width:32px;height:32px;font-size:.75rem}.results-actions{flex-direction:column;gap:var(--spacing-sm)}.subject-item{font-size:.7rem;padding:var(--spacing-xs) 0}.timer-value{font-size:1.3rem}.timer-label{font-size:.65rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.iframe-game-wrapper{margin:calc(-1 * var(--spacing-xl));height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--bg-secondary)}.iframe-game-title{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border-bottom:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.iframe-game-title h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.iframe-game-container{flex:1;position:relative;background:#fff;overflow:hidden}.iframe-game-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe-game-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted)}.iframe-game-loading-spinner{font-size:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.iframe-game-wrapper{height:calc(100vh - 60px)}.iframe-game-title{padding:var(--spacing-sm) var(--spacing-md)}.iframe-game-title h2{font-size:var(--font-size-lg)}}@media(max-width:480px){.iframe-game-title h2{font-size:var(--font-size-base)}}.movers-quest{min-height:100vh;background-color:var(--bg-secondary);display:flex;justify-content:center;align-items:center;padding:var(--space-lg);font-family:var(--font-family-base)}.movers-quest.test-mode{align-items:flex-start;padding:var(--space-sm)}.game-container{max-width:900px;width:100%;background:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-normal) var(--ease-bounce)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.test-container{display:flex;gap:var(--space-md);max-width:100%;width:100%;height:100vh;margin:0 auto;padding:0;animation:fadeIn var(--duration-fast) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.test-navigation{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm)}.timer-box{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-md);border:3px solid var(--color-warning)}.timer-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.timer-value{font-size:2rem;font-weight:800;color:var(--color-warning);font-family:Courier New,monospace;margin-bottom:var(--space-xs)}.timer-label{font-size:.8rem;color:var(--text-secondary);font-weight:600}.question-grid{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-md);flex:1;display:flex;flex-direction:column}.grid-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);text-align:center;padding:var(--space-xs) 0}.question-numbers{display:grid;gap:var(--space-xs)}.question-number-btn{aspect-ratio:1;width:48px;height:48px;border:2px solid var(--color-gray-300);border-radius:50%;background:var(--color-gray-100);color:var(--text-primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all var(--duration-fast) ease;font-family:var(--font-family-base);display:flex;align-items:center;justify-content:center;margin:0 auto;flex-shrink:0;padding:0}.question-number-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.question-number-btn.current{background:var(--color-warning);border-color:var(--color-primary);border-width:3px;transform:scale(1.1)}.question-number-btn.correct{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.question-number-btn.incorrect{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.question-number-btn.pending{background:var(--color-gray-100);color:var(--color-gray-500)}.test-content{flex:1;background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto}.question-header{border-bottom:3px solid var(--color-gray-300);padding-bottom:var(--space-sm)}.question-title{font-size:2rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-xs)}.question-topic{display:flex;align-items:center;gap:var(--space-xs)}.topic-icon{font-size:1.3rem}.topic-text{font-size:1.3rem;font-weight:700;color:var(--text-secondary)}.question-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.question-text{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1.8;padding:var(--space-lg);background:linear-gradient(135deg,#fff9e6,#fff4d6);border-radius:var(--border-radius-lg);border:4px solid var(--color-primary);box-shadow:var(--shadow-sm)}.question-text p{margin:0;padding:0;display:inline}.question-text strong{font-weight:800;color:var(--color-primary)}.question-text em{font-style:italic;color:var(--color-accent)}.answer-options{display:flex;flex-direction:column;gap:var(--space-sm)}.answer-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-gray-100);border:3px solid var(--color-gray-300);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--duration-fast) ease;font-family:var(--font-family-base);text-align:left}.answer-option:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);transform:translate(5px)}.answer-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.answer-option.correct{background:var(--color-success);border-color:var(--color-success);color:var(--color-white);animation:correctPulse var(--duration-normal) var(--ease-bounce)}.answer-option.wrong{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white);animation:wrongShake var(--duration-fast) ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.option-letter{width:32px;height:32px;border-radius:50%;background:var(--color-white);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.answer-option.selected .option-letter,.answer-option.correct .option-letter,.answer-option.wrong .option-letter{background:#ffffff4d;color:var(--color-white)}.option-text{flex:1;font-size:1rem;font-weight:600}.option-text p{margin:0;padding:0;display:inline}.option-text strong{font-weight:800}.option-text em{font-style:italic}.option-check{font-size:1.3rem;flex-shrink:0}.test-navigation-buttons{display:flex;gap:var(--space-sm);justify-content:center;padding-top:var(--space-md);border-top:2px solid var(--color-gray-300)}.results-container{max-width:1000px;width:100%;background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-normal) ease}.results-header{text-align:center;margin-bottom:var(--space-2xl)}.results-title{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin:0}.results-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.score-card{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--color-gray-100) 100%);border-radius:var(--border-radius-lg);border:3px solid var(--color-primary)}.score-circle{width:180px;height:180px;border-radius:50%;background:var(--color-white);border:6px solid var(--color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md);flex-shrink:0}.score-number{font-size:3.5rem;font-weight:800;color:var(--color-primary);font-family:Courier New,monospace}.score-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.score-right-info{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.score-detail{font-size:1.3rem;color:var(--text-primary)}.score-detail strong{color:var(--color-success);font-size:1.5rem}.time-info-inline{font-size:1.1rem;font-weight:600;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--border-radius-md);border:2px solid var(--color-primary)}.detailed-review{padding:var(--space-xl);background:var(--color-gray-50);border-radius:var(--border-radius-lg)}.review-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-lg) 0;text-align:center;border-bottom:3px solid var(--color-gray-300);padding-bottom:var(--space-md)}.review-questions{display:flex;flex-direction:column;gap:var(--space-lg);max-height:none;overflow-y:visible}.review-item{background:var(--color-white);border-radius:var(--border-radius-md);padding:var(--space-xl);border-left:6px solid var(--color-gray-300);box-shadow:var(--shadow-md);transition:all var(--duration-fast) ease;min-height:120px}.review-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.review-item.correct{border-left-color:var(--color-success);background:linear-gradient(135deg,var(--color-white) 0%,#f0fff4 100%)}.review-item.incorrect{border-left-color:var(--color-danger);background:linear-gradient(135deg,var(--color-white) 0%,#fff5f5 100%)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.review-number{font-size:1rem;font-weight:700;color:var(--text-secondary)}.review-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-md);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:var(--space-xs)}.review-badge.correct{background:var(--color-success);color:var(--color-white)}.review-badge.incorrect{background:var(--color-danger);color:var(--color-white)}.review-question-text{font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.7;margin-bottom:var(--space-lg);word-wrap:break-word;overflow-wrap:break-word}.review-question-text p{margin:0;padding:0;display:inline}.review-answers{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200)}.review-answer{font-size:1.05rem;color:var(--text-primary);line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.answer-correct{color:var(--color-success);font-weight:700}.answer-wrong{color:var(--color-danger);font-weight:700}.review-explanation{margin-top:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius-md);border:1px solid #dee2e6;border-left:4px solid #6c757d;word-wrap:break-word;overflow-wrap:break-word;line-height:1.7}.results-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.test-container{flex-direction:column;height:auto}.test-content{order:1;min-height:60vh;width:100%}.test-navigation{order:2;width:100%;flex-direction:row;flex-wrap:nowrap;gap:var(--space-xs);overflow-x:auto}.timer-box,.question-grid{flex:0 0 auto;min-width:180px;max-width:220px}}@media(max-width:768px){.game-container,.results-container{padding:var(--space-md);width:95%;margin:0 auto}.score-card{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.score-circle{width:140px;height:140px}.score-number{font-size:2.5rem}.score-right-info{align-items:center;text-align:center}.score-detail{font-size:1.1rem}.score-detail strong{font-size:1.3rem}.detailed-review{padding:var(--space-md)}.review-item{padding:var(--space-md);border-left-width:4px;min-height:auto}.review-header{flex-wrap:wrap;gap:var(--space-xs)}.review-number{font-size:.9rem}.review-badge{font-size:.85rem;padding:4px 8px}.review-question-text{font-size:1rem;line-height:1.6;margin-bottom:var(--space-md)}.review-answers{padding:var(--space-md);gap:var(--space-sm)}.review-answer{font-size:.95rem;line-height:1.6}.review-explanation{padding:var(--space-md);margin-top:var(--space-md)}}@media(max-width:480px){.game-container,.results-container,.test-content{padding:var(--space-sm)}.results-container{width:100%;border-radius:var(--border-radius-md)}.results-title{font-size:1.8rem}.test-container{flex-direction:column!important}.test-content{order:1!important}.test-navigation{order:2!important;flex-direction:row;overflow-x:auto}.question-numbers{grid-template-columns:repeat(3,1fr)}.question-number-btn{width:32px;height:32px;font-size:.75rem}.results-actions{flex-direction:column;gap:var(--space-sm)}.score-card{padding:var(--space-md)}.score-circle{width:120px;height:120px}.score-number{font-size:2rem}.score-label{font-size:.85rem}.score-detail{font-size:1rem}.score-detail strong{font-size:1.2rem}.time-info-inline{font-size:.95rem;padding:6px 10px}.detailed-review{padding:var(--space-sm);border-radius:var(--border-radius-md)}.review-title{font-size:1.2rem;padding-bottom:var(--space-sm)}.review-questions{gap:var(--space-md)}.review-item{padding:var(--space-sm);border-left-width:3px;border-radius:var(--border-radius-sm)}.review-header{margin-bottom:var(--space-sm)}.review-number{font-size:.85rem}.review-badge{font-size:.75rem;padding:3px 6px}.review-question-text{font-size:.95rem;line-height:1.5;margin-bottom:var(--space-sm)}.review-answers{padding:var(--space-sm);gap:6px;border-radius:var(--border-radius-sm)}.review-answer{font-size:.9rem;line-height:1.5}.review-explanation{padding:var(--space-sm);margin-top:var(--space-sm);border-radius:var(--border-radius-sm);border-left-width:3px}}.movers-knowledge-base{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg);background:var(--bg-primary);min-height:100vh}.mkb-header{text-align:center;margin-bottom:var(--space-3xl);animation:fadeInDown .6s var(--ease-out)}.mkb-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-sm);font-family:var(--font-family-heading)}.mkb-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:400}.mkb-section{margin-bottom:var(--space-3xl);animation:fadeInUp .6s var(--ease-out)}.mkb-section-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);text-align:center}.mkb-section-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg)}.lesson-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.lesson-card{cursor:pointer;padding:0!important;overflow:hidden;border-radius:var(--border-radius-lg);transition:all var(--transition-base);aspect-ratio:4 / 3;position:relative}.lesson-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.lesson-card-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all var(--transition-base)}.lesson-card:hover .lesson-card-background{transform:scale(1.05)}.lesson-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0009);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.lesson-card:hover .lesson-card-overlay{background:linear-gradient(to bottom,#4da6ff66,#4da6ffcc)}.lesson-card-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all var(--transition-base)}.lesson-card:hover .lesson-card-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.lesson-card-title{font-size:var(--font-size-lg);font-weight:700;color:#fff;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all var(--transition-base);line-height:1.3}.lesson-card:hover .lesson-card-title{transform:translateY(-4px);text-shadow:0 4px 8px rgba(0,0,0,.7)}.exam-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.exam-card{padding:var(--space-lg);transition:all var(--transition-base);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.exam-card-purple{background:linear-gradient(135deg,#e1bee7,#ce93d8);border-left:5px solid #9C27B0}.exam-card-pink{background:linear-gradient(135deg,#f8bbd0,#f48fb1);border-left:5px solid #E91E63}.exam-card-orange{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-left:5px solid #FF9800}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.exam-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.exam-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff6;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);flex:1}.exam-info{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:#ffffff80;border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.exam-info-item{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:100px}.exam-info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.exam-info-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.exam-tasks-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.exam-tasks-list{list-style:none;padding:0;margin:0}.exam-tasks-list li{padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.exam-tasks-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg)}.knowledge-tabs{display:flex;justify-content:center;gap:var(--space-md);margin:var(--space-xl) 0;flex-wrap:wrap}.vocabulary-content{margin-top:var(--space-xl)}.vocab-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);margin-bottom:var(--space-xl)}.vocab-selector-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid;border-radius:var(--border-radius-md);background:#fff;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;box-shadow:var(--shadow-sm)}.vocab-selector-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(.95)}.vocab-selector-btn.active{box-shadow:var(--shadow-lg);transform:scale(1.02)}.vocab-selector-icon{font-size:24px;flex-shrink:0}.vocab-selector-title{flex:1;text-align:left;color:var(--text-primary)}.vocab-selector-btn.active .vocab-selector-title{color:var(--text-primary);font-weight:700}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.vocab-category{background:#fff;border-radius:var(--border-radius-md);border:3px solid transparent;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.vocab-category:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocab-category.expanded{box-shadow:var(--shadow-lg)}.vocab-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border:none;font-family:var(--font-family-base)}.vocab-close-btn{background:#ffffff4d;border:none;border-radius:var(--border-radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:var(--text-primary);transition:all var(--transition-fast)}.vocab-close-btn:hover{background:#ffffff80;transform:scale(1.1)}.vocab-category-left{display:flex;align-items:center;gap:var(--space-sm)}.vocab-icon{font-size:28px}.vocab-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.vocab-words{padding:var(--space-md);padding-top:0;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.8;animation:slideDown .3s var(--ease-out);background:var(--bg-card)}.grammar-content{margin-top:var(--space-xl)}.grammar-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-xl)}.grammar-column{background:#fff;padding:var(--space-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.grammar-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:3px solid var(--color-primary-light)}.grammar-icon{font-size:28px}.grammar-section-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary-dark);margin:0}.grammar-topic{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200)}.grammar-topic:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.grammar-topic-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.grammar-bullet{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700;line-height:1}.grammar-topic-header h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.grammar-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 var(--space-sm) 0;font-style:italic;padding-left:calc(var(--space-sm) + var(--font-size-xl))}.grammar-examples{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:calc(var(--space-sm) + var(--font-size-xl))}.grammar-example{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.grammar-example.irregular{border-left-color:var(--color-danger)}.grammar-example code{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:500}.grammar-translation{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.grammar-subcategories{padding-left:calc(var(--space-sm) + var(--font-size-xl));margin-top:var(--space-sm)}.grammar-subcategory{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-xs)}.grammar-subcategory strong{color:var(--text-primary);font-weight:600}.progress-card{max-width:900px;margin:var(--space-lg) auto 0}.knowledge-checklist{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.checklist-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.checklist-item:hover{background:var(--color-gray-100);border-color:var(--color-primary-light)}.checklist-checkbox{width:24px;height:24px;cursor:pointer;flex-shrink:0;accent-color:var(--color-primary)}.checklist-label{font-size:var(--font-size-base);color:var(--text-primary);flex:1;line-height:1.5}.checklist-item:has(.checklist-checkbox:checked){background:#4da6ff1a;border-color:var(--color-primary)}.checklist-item:has(.checklist-checkbox:checked) .checklist-label{color:var(--color-primary-dark);font-weight:600}.progress-footer{padding-top:var(--space-lg);border-top:2px solid var(--color-gray-200)}.progress-stats{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);justify-content:center}.progress-count{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.progress-label{font-size:var(--font-size-base);color:var(--text-secondary)}.progress-bar-container{width:100%;height:16px;background:var(--color-gray-200);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--border-radius-full);transition:width .6s var(--ease-out);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:968px){.grammar-layout{grid-template-columns:1fr}.lesson-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.movers-knowledge-base{padding:var(--space-lg) var(--space-md)}.mkb-title{font-size:var(--font-size-3xl)}.mkb-section-title{font-size:var(--font-size-2xl)}.exam-overview-grid,.vocabulary-grid{grid-template-columns:1fr}.knowledge-tabs{flex-direction:column}.grammar-column{padding:var(--space-md)}}@media(max-width:480px){.exam-icon{font-size:36px;width:48px;height:48px}.exam-title{font-size:var(--font-size-xl)}.exam-info{flex-direction:column}.checklist-item{padding:var(--space-sm)}.checklist-checkbox{width:20px;height:20px}.lesson-cards-grid{grid-template-columns:repeat(2,1fr)}.lesson-card-icon{font-size:36px}.lesson-card-title{font-size:var(--font-size-base)}}@media print{.movers-knowledge-base{background:#fff}.exam-card,.vocab-category,.grammar-column{box-shadow:none;border:1px solid var(--color-gray-300);-moz-column-break-inside:avoid;break-inside:avoid}.knowledge-tabs{display:none}.vocab-category{page-break-inside:avoid}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}