@import"https://fonts.googleapis.com/icon?family=Material+Icons";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}input,textarea,select{font-size:16px;font-family:inherit}button{border:none;background:none;font-family:inherit;font-size:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}p,span,div[class*=text],.passage-text,.question-text,[contenteditable],[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}*,: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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@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: 1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-1{inset:.25rem}.inset-2{inset:.5rem}.inset-4{inset:1rem}.inset-8{inset:2rem}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.-bottom-4{bottom:-1rem}.-left-3{left:-.75rem}.-left-8{left:-2rem}.-right-1{right:-.25rem}.-right-12{right:-3rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.-top-16{top:-4rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.-top-6{top:-1.5rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1\/3{bottom:33.333333%}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-20{left:5rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-8{left:2rem}.right-0{right:0}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-2{right:.5rem}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-10{top:2.5rem}.top-16{top:4rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-14{margin-left:3.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.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}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[300px\]{height:300px}.h-\[500px\]{height:500px}.h-\[550px\]{height:550px}.h-\[600px\]{height:600px}.h-\[70vh\]{height:70vh}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-96{max-height:24rem}.max-h-\[700px\]{max-height:700px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[800px\]{max-height:800px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[500px\]{min-height:500px}.min-h-\[80vh\]{min-height:80vh}.min-h-\[88px\]{min-height:88px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-6{min-width:1.5rem}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.min-w-\[250px\]{min-width:250px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[300px\]{min-width:300px}.min-w-\[30px\]{min-width:30px}.min-w-\[35px\]{min-width:35px}.min-w-\[40px\]{min-width:40px}.min-w-\[80px\]{min-width:80px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-8xl{max-width:88rem}.max-w-\[200px\]{max-width:200px}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-\[2\]{flex-grow:2}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-x-3{--tw-translate-x: -.75rem;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))}.-translate-x-full{--tw-translate-x: -100%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-0{--tw-translate-x: 0px;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))}.translate-x-1{--tw-translate-x: .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))}.translate-x-full{--tw-translate-x: 100%;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))}.rotate-0{--tw-rotate: 0deg;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-12{--tw-rotate: 12deg;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-3{--tw-rotate: 3deg;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-45{--tw-rotate: 45deg;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))}.-skew-x-12{--tw-skew-x: -12deg;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-105{--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))}.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))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;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-90{--tw-scale-x: .9;--tw-scale-y: .9;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))}.animate-\[cup-shine_2s_ease-in-out_infinite\]{animation:cup-shine 2s ease-in-out infinite}.animate-\[liquid-fill_1s_ease-out_forwards\]{animation:liquid-fill 1s ease-out forwards}@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}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * 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))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.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-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-bl-full{border-bottom-left-radius:9999px}.rounded-tr-full{border-top-right-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-400\/30{border-color:#fbbf244d}.border-amber-400\/40{border-color:#fbbf2466}.border-amber-400\/60{border-color:#fbbf2499}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / 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-300\/30{border-color:#93c5fd4d}.border-blue-300\/50{border-color:#93c5fd80}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-400\/20{border-color:#60a5fa33}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-400\/40{border-color:#60a5fa66}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-400\/60{border-color:#60a5fa99}.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-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-cyan-300{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.border-cyan-300\/50{border-color:#67e8f980}.border-cyan-300\/60{border-color:#67e8f999}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-400\/20{border-color:#22d3ee33}.border-cyan-400\/30{border-color:#22d3ee4d}.border-cyan-400\/40{border-color:#22d3ee66}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-300\/60{border-color:#6ee7b799}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-400\/20{border-color:#34d39933}.border-emerald-400\/30{border-color:#34d3994d}.border-emerald-400\/40{border-color:#34d39966}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / 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-400\/30{border-color:#9ca3af4d}.border-gray-400\/50{border-color:#9ca3af80}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-500\/30{border-color:#6b72804d}.border-gray-500\/40{border-color:#6b728066}.border-gray-500\/50{border-color:#6b728080}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / 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-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-300\/30{border-color:#86efac4d}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-400\/20{border-color:#4ade8033}.border-green-400\/30{border-color:#4ade804d}.border-green-400\/40{border-color:#4ade8066}.border-green-400\/50{border-color:#4ade8080}.border-green-400\/60{border-color:#4ade8099}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-300{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-input{--tw-border-opacity: 1;border-color:hsl(214.3 31.8% 91.4% / var(--tw-border-opacity, 1))}.border-orange-100{--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-orange-400\/50{border-color:#fb923c80}.border-orange-700{--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-pink-300{--tw-border-opacity: 1;border-color:rgb(249 168 212 / 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-200{--tw-border-opacity: 1;border-color:rgb(233 213 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-300\/50{border-color:#d8b4fe80}.border-purple-300\/60{border-color:#d8b4fe99}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-400\/40{border-color:#c084fc66}.border-purple-400\/50{border-color:#c084fc80}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / 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-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-400\/20{border-color:#f8717133}.border-red-400\/30{border-color:#f871714d}.border-red-400\/40{border-color:#f8717166}.border-red-400\/50{border-color:#f8717180}.border-red-400\/60{border-color:#f8717199}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/50{border-color:#ef444480}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-rose-400{--tw-border-opacity: 1;border-color:rgb(251 113 133 / 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-slate-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.border-teal-200{--tw-border-opacity: 1;border-color:rgb(153 246 228 / 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\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/5{border-color:#ffffff0d}.border-white\/50{border-color:#ffffff80}.border-yellow-100{--tw-border-opacity: 1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1))}.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-300\/30{border-color:#fde0474d}.border-yellow-300\/50{border-color:#fde04780}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-400\/50{border-color:#facc1580}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/20{border-color:#eab30833}.border-b-purple-500{--tw-border-opacity: 1;border-bottom-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-gray-900{--tw-border-opacity: 1;border-top-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.border-opacity-20{--tw-border-opacity: .2}.border-opacity-30{--tw-border-opacity: .3}.border-opacity-50{--tw-border-opacity: .5}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-background{--tw-bg-opacity: 1;background-color:hsl(0 0% 100% / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / 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-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900\/50{background-color:#1e3a8a80}.bg-card{--tw-bg-opacity: 1;background-color:hsl(0 0% 100% / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-400\/10{background-color:#22d3ee1a}.bg-cyan-400\/30{background-color:#22d3ee4d}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-400\/20{background-color:#34d39933}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-800{--tw-bg-opacity: 1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-400\/50{background-color:#9ca3af80}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-600\/20{background-color:#4b556333}.bg-gray-600\/50{background-color:#4b556380}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/90{background-color:#1f2937e6}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / 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-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / 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-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/30{background-color:#22c55e4d}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-indigo-900{--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.bg-lime-500{--tw-bg-opacity: 1;background-color:rgb(132 204 22 / var(--tw-bg-opacity, 1))}.bg-lime-600{--tw-bg-opacity: 1;background-color:rgb(101 163 13 / 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-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-400\/30{background-color:#f472b64d}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-pink-500\/20{background-color:#ec489933}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:hsl(222.2 47.4% 11.2% / 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-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-400\/30{background-color:#c084fc4d}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / 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-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / 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-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:hsl(210 40% 96.1% / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / 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-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-400\/20{background-color:#facc1533}.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-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.bg-opacity-95{--tw-bg-opacity: .95}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.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))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/30{--tw-gradient-from: rgb(245 158 11 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.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-400\/15{--tw-gradient-from: rgb(96 165 250 / .15) 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-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) 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-500\/20{--tw-gradient-from: rgb(59 130 246 / .2) 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-500\/25{--tw-gradient-from: rgb(59 130 246 / .25) 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-cyan-400\/10{--tw-gradient-from: rgb(34 211 238 / .1) 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-cyan-400\/15{--tw-gradient-from: rgb(34 211 238 / .15) 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-cyan-400\/20{--tw-gradient-from: rgb(34 211 238 / .2) 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-cyan-400\/30{--tw-gradient-from: rgb(34 211 238 / .3) 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-cyan-400\/50{--tw-gradient-from: rgb(34 211 238 / .5) 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-cyan-400\/70{--tw-gradient-from: rgb(34 211 238 / .7) 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-cyan-50{--tw-gradient-from: #ecfeff var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/15{--tw-gradient-from: rgb(6 182 212 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from: rgb(6 182 212 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/30{--tw-gradient-from: rgb(6 182 212 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/40{--tw-gradient-from: rgb(6 182 212 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from: #34d399 var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400\/15{--tw-gradient-from: rgb(52 211 153 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/15{--tw-gradient-from: rgb(16 185 129 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from: rgb(16 185 129 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/30{--tw-gradient-from: rgb(16 185 129 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from: #d946ef var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-400{--tw-gradient-from: #9ca3af var(--tw-gradient-from-position);--tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500\/15{--tw-gradient-from: rgb(107 114 128 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-100{--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 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-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/30{--tw-gradient-from: rgb(34 197 94 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 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-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/15{--tw-gradient-from: rgb(99 102 241 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-800\/20{--tw-gradient-from: rgb(55 48 163 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-900{--tw-gradient-from: #312e81 var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-400{--tw-gradient-from: #a3e635 var(--tw-gradient-from-position);--tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-500{--tw-gradient-from: #84cc16 var(--tw-gradient-from-position);--tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-600{--tw-gradient-from: #65a30d var(--tw-gradient-from-position);--tw-gradient-to: rgb(101 163 13 / 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-orange-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-100{--tw-gradient-from: #fce7f3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400\/15{--tw-gradient-from: rgb(244 114 182 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from: #db2777 var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 39 119 / 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-200{--tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(233 213 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-400\/20{--tw-gradient-from: rgb(192 132 252 / .2) 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-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/10{--tw-gradient-from: rgb(168 85 247 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/15{--tw-gradient-from: rgb(168 85 247 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/25{--tw-gradient-from: rgb(168 85 247 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/30{--tw-gradient-from: rgb(168 85 247 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 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-red-400{--tw-gradient-from: #f87171 var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/25{--tw-gradient-from: rgb(239 68 68 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/30{--tw-gradient-from: rgb(239 68 68 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-400{--tw-gradient-from: #fb7185 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-50{--tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-500{--tw-gradient-from: #64748b var(--tw-gradient-from-position);--tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-800\/20{--tw-gradient-from: rgb(30 41 59 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);--tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-400\/10{--tw-gradient-from: rgb(45 212 191 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-400{--tw-gradient-from: #a78bfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-400\/10{--tw-gradient-from: rgb(167 139 250 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/15{--tw-gradient-from: rgb(255 255 255 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/20{--tw-gradient-from: rgb(255 255 255 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 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)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-400{--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-50{--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ecfeff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-600{--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0891b2 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-emerald-50{--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-green-400{--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #4ade80 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-50{--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-600{--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-900{--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-400{--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-50{--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff7ed 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-pink-400{--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f472b6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-400{--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #c084fc 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-50\/30{--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(250 245 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-400{--tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-400{--tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fb7185 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)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-400{--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-500{--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to: #d97706 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-400\/20{--tw-gradient-to: rgb(96 165 250 / .2) var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-500\/10{--tw-gradient-to: rgb(59 130 246 / .1) var(--tw-gradient-to-position)}.to-blue-500\/15{--tw-gradient-to: rgb(59 130 246 / .15) var(--tw-gradient-to-position)}.to-blue-500\/20{--tw-gradient-to: rgb(59 130 246 / .2) var(--tw-gradient-to-position)}.to-blue-500\/30{--tw-gradient-to: rgb(59 130 246 / .3) var(--tw-gradient-to-position)}.to-blue-500\/40{--tw-gradient-to: rgb(59 130 246 / .4) var(--tw-gradient-to-position)}.to-blue-500\/50{--tw-gradient-to: rgb(59 130 246 / .5) var(--tw-gradient-to-position)}.to-blue-500\/70{--tw-gradient-to: rgb(59 130 246 / .7) var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to: #ecfeff var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-500\/20{--tw-gradient-to: rgb(6 182 212 / .2) var(--tw-gradient-to-position)}.to-cyan-500\/25{--tw-gradient-to: rgb(6 182 212 / .25) var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.to-cyan-700{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-500\/30{--tw-gradient-to: rgb(16 185 129 / .3) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-emerald-700{--tw-gradient-to: #047857 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-500{--tw-gradient-to: #6b7280 var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to: #4b5563 var(--tw-gradient-to-position)}.to-gray-600\/15{--tw-gradient-to: rgb(75 85 99 / .15) var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-green-200{--tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to: #4ade80 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}.to-green-500\/15{--tw-gradient-to: rgb(34 197 94 / .15) var(--tw-gradient-to-position)}.to-green-500\/20{--tw-gradient-to: rgb(34 197 94 / .2) var(--tw-gradient-to-position)}.to-green-500\/30{--tw-gradient-to: rgb(34 197 94 / .3) var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-200{--tw-gradient-to: #c7d2fe var(--tw-gradient-to-position)}.to-indigo-400{--tw-gradient-to: #818cf8 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-50\/30{--tw-gradient-to: rgb(238 242 255 / .3) var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-indigo-500\/10{--tw-gradient-to: rgb(99 102 241 / .1) var(--tw-gradient-to-position)}.to-indigo-500\/15{--tw-gradient-to: rgb(99 102 241 / .15) 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-indigo-900\/40{--tw-gradient-to: rgb(49 46 129 / .4) var(--tw-gradient-to-position)}.to-lime-700{--tw-gradient-to: #4d7c0f var(--tw-gradient-to-position)}.to-orange-300{--tw-gradient-to: #fdba74 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-500\/30{--tw-gradient-to: rgb(249 115 22 / .3) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-orange-700{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.to-pink-100{--tw-gradient-to: #fce7f3 var(--tw-gradient-to-position)}.to-pink-200{--tw-gradient-to: #fbcfe8 var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to: #f472b6 var(--tw-gradient-to-position)}.to-pink-400\/20{--tw-gradient-to: rgb(244 114 182 / .2) 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-500\/10{--tw-gradient-to: rgb(236 72 153 / .1) var(--tw-gradient-to-position)}.to-pink-500\/15{--tw-gradient-to: rgb(236 72 153 / .15) var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to: rgb(236 72 153 / .2) var(--tw-gradient-to-position)}.to-pink-500\/25{--tw-gradient-to: rgb(236 72 153 / .25) var(--tw-gradient-to-position)}.to-pink-500\/30{--tw-gradient-to: rgb(236 72 153 / .3) var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-pink-700{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.to-purple-200{--tw-gradient-to: #e9d5ff var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / .1) var(--tw-gradient-to-position)}.to-purple-500\/15{--tw-gradient-to: rgb(168 85 247 / .15) var(--tw-gradient-to-position)}.to-purple-500\/20{--tw-gradient-to: rgb(168 85 247 / .2) var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-purple-900{--tw-gradient-to: #581c87 var(--tw-gradient-to-position)}.to-purple-900\/40{--tw-gradient-to: rgb(88 28 135 / .4) var(--tw-gradient-to-position)}.to-red-400{--tw-gradient-to: #f87171 var(--tw-gradient-to-position)}.to-red-50{--tw-gradient-to: #fef2f2 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.to-rose-400{--tw-gradient-to: #fb7185 var(--tw-gradient-to-position)}.to-rose-50{--tw-gradient-to: #fff1f2 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-sky-500{--tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position)}.to-slate-600{--tw-gradient-to: #475569 var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)}.to-teal-50{--tw-gradient-to: #f0fdfa var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-teal-700{--tw-gradient-to: #0f766e var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-400{--tw-gradient-to: #a78bfa var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.to-white\/15{--tw-gradient-to: rgb(255 255 255 / .15) var(--tw-gradient-to-position)}.to-white\/20{--tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to: #facc15 var(--tw-gradient-to-position)}.to-yellow-50{--tw-gradient-to: #fefce8 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.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-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.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-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;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}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-loose{line-height:2}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-200\/80{color:#bfdbfecc}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / 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-card-foreground{--tw-text-opacity: 1;color:hsl(222.2 47.4% 11.2% / var(--tw-text-opacity, 1))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-cyan-800{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / 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-500\/40{color:#6b728066}.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-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-100{--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}.text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / 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-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.text-indigo-200{--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-input{--tw-text-opacity: 1;color:hsl(214.3 31.8% 91.4% / var(--tw-text-opacity, 1))}.text-lime-400{--tw-text-opacity: 1;color:rgb(163 230 53 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-800{--tw-text-opacity: 1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:hsl(222.2 47.4% 11.2% / var(--tw-text-opacity, 1))}.text-purple-100{--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-300\/70{color:#d8b4feb3}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-400\/50{color:#c084fc80}.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-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-200\/80{color:#fecacacc}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / 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-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / 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-teal-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / 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-white\/20{color:#fff3}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / 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-400\/80{color:#facc15cc}.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))}.text-opacity-10{--tw-text-opacity: .1}.text-opacity-90{--tw-text-opacity: .9}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-white\/50::-moz-placeholder{color:#ffffff80}.placeholder-white\/50::placeholder{color:#ffffff80}.placeholder-white\/60::-moz-placeholder{color:#fff9}.placeholder-white\/60::placeholder{color:#fff9}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-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-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-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-blue-500\/20{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-100{--tw-shadow-color: #dcfce7;--tw-shadow: var(--tw-shadow-colored)}.shadow-green-200\/50{--tw-shadow-color: rgb(187 247 208 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-500\/50{--tw-shadow-color: rgb(34 197 94 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-200\/50{--tw-shadow-color: rgb(254 215 170 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-100{--tw-shadow-color: #fee2e2;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-200\/50{--tw-shadow-color: rgb(254 202 202 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + 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-2{--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)}.ring-blue-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.ring-cyan-400\/50{--tw-ring-color: rgb(34 211 238 / .5)}.ring-yellow-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1))}.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-3xl{--tw-blur: blur(64px);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-md{--tw-blur: blur(12px);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-sm{--tw-blur: blur(4px);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{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px 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-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)}.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-lg{--tw-backdrop-blur: blur(16px);-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)}.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)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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)}.backdrop-filter{-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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-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-opacity{transition-property:opacity;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-100{transition-delay:.1s}.delay-1000{transition-delay:1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-75{transition-delay:75ms}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-white\/40::-moz-placeholder{color:#fff6}.placeholder\:text-white\/40::placeholder{color:#fff6}.last\:border-r-0:last-child{border-right-width:0px}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;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\:-translate-y-1:hover{--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))}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;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\:rotate-0:hover{--tw-rotate: 0deg;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\: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\:scale-110:hover{--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))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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\:animate-none:hover{animation:none}.hover\:border-blue-200:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / 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-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-cyan-300\/50:hover{border-color:#67e8f980}.hover\:border-emerald-400:hover{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.hover\:border-orange-500:hover{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.hover\:border-purple-200:hover{--tw-border-opacity: 1;border-color:rgb(233 213 255 / 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-purple-500:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:hsl(210 40% 96.1% / var(--tw-bg-opacity, 1))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-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-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-400\/20:hover{background-color:#22d3ee33}.hover\:bg-cyan-700:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / 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-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-lime-700:hover{--tw-bg-opacity: 1;background-color:rgb(77 124 15 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-700:hover{--tw-bg-opacity: 1;background-color:rgb(190 24 93 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/90:hover{background-color:#0f172ae6}.hover\:bg-purple-200:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:#f1f5f9cc}.hover\:bg-slate-500:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / 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\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-yellow-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-blue-100:hover{--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)}.hover\:from-blue-500:hover{--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)}.hover\:from-blue-600:hover{--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)}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-700:hover{--tw-gradient-from: #0e7490 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-emerald-600:hover{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-emerald-700:hover{--tw-gradient-from: #047857 var(--tw-gradient-from-position);--tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-gray-700:hover{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-500\/40:hover{--tw-gradient-from: rgb(34 197 94 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-700:hover{--tw-gradient-from: #15803d var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from: #4338ca var(--tw-gradient-from-position);--tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-lime-700:hover{--tw-gradient-from: #4d7c0f var(--tw-gradient-from-position);--tw-gradient-to: rgb(77 124 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-700:hover{--tw-gradient-from: #c2410c var(--tw-gradient-from-position);--tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-pink-700:hover{--tw-gradient-from: #be185d var(--tw-gradient-from-position);--tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-100:hover{--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)}.hover\:from-purple-500\/35:hover{--tw-gradient-from: rgb(168 85 247 / .35) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--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)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-slate-600:hover{--tw-gradient-from: #475569 var(--tw-gradient-from-position);--tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-white\/15:hover{--tw-gradient-from: rgb(255 255 255 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-white\/25:hover{--tw-gradient-from: rgb(255 255 255 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-600:hover{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-blue-800:hover{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.hover\:to-cyan-600:hover{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.hover\:to-cyan-700:hover{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.hover\:to-cyan-800:hover{--tw-gradient-to: #155e75 var(--tw-gradient-to-position)}.hover\:to-emerald-500\/40:hover{--tw-gradient-to: rgb(16 185 129 / .4) var(--tw-gradient-to-position)}.hover\:to-emerald-700:hover{--tw-gradient-to: #047857 var(--tw-gradient-to-position)}.hover\:to-emerald-800:hover{--tw-gradient-to: #065f46 var(--tw-gradient-to-position)}.hover\:to-gray-800:hover{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.hover\:to-green-600:hover{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:to-indigo-100:hover{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.hover\:to-indigo-600:hover{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.hover\:to-pink-500\/35:hover{--tw-gradient-to: rgb(236 72 153 / .35) var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.hover\:to-purple-500:hover{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-purple-800:hover{--tw-gradient-to: #6b21a8 var(--tw-gradient-to-position)}.hover\:to-red-600:hover{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.hover\:to-rose-700:hover{--tw-gradient-to: #be123c var(--tw-gradient-to-position)}.hover\:to-slate-700:hover{--tw-gradient-to: #334155 var(--tw-gradient-to-position)}.hover\:to-violet-700:hover{--tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)}.hover\:to-white\/20:hover{--tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position)}.hover\:to-white\/30:hover{--tw-gradient-to: rgb(255 255 255 / .3) var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{--tw-text-opacity: 1;color:hsl(222.2 47.4% 11.2% / var(--tw-text-opacity, 1))}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-cyan-300:hover{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/70:hover{color:#ffffffb3}.hover\:text-white\/80:hover{color:#fffc}.hover\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--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)}.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\:shadow-amber-100:hover{--tw-shadow-color: #fef3c7;--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-orange-500\/25:hover{--tw-shadow-color: rgb(249 115 22 / .25);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-teal-100:hover{--tw-shadow-color: #ccfbf1;--tw-shadow: var(--tw-shadow-colored)}.focus\:border-amber-400:focus{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:border-emerald-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.focus\:border-emerald-600:focus{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.focus\:border-green-400:focus{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.focus\:border-lime-500:focus{--tw-border-opacity: 1;border-color:rgb(132 204 22 / var(--tw-border-opacity, 1))}.focus\:border-orange-500:focus{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.focus\:border-pink-500:focus{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.focus\:border-purple-400:focus{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.focus\:border-red-400:focus{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-blue-50:focus{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.focus\:bg-blue-500\/20:focus{background-color:#3b82f633}.focus\:bg-green-500\/20:focus{background-color:#22c55e33}.focus\:bg-purple-500\/20:focus{background-color:#a855f733}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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-4: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(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)}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-400\/50:focus{--tw-ring-color: rgb(96 165 250 / .5)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-cyan-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity, 1))}.focus\:ring-cyan-200\/30:focus{--tw-ring-color: rgb(165 243 252 / .3)}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}.focus\:ring-emerald-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1))}.focus\:ring-green-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1))}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.focus\:ring-green-400\/50:focus{--tw-ring-color: rgb(74 222 128 / .5)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-red-400\/50:focus{--tw-ring-color: rgb(248 113 113 / .5)}.focus\:ring-white\/50:focus{--tw-ring-color: rgb(255 255 255 / .5)}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-transparent:focus{--tw-ring-offset-color: transparent}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:translate-y-0:active{--tw-translate-y: 0px;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))}.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))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.disabled\:bg-gray-700:disabled{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.disabled\:from-gray-600:disabled{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.disabled\:to-gray-700:disabled{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--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))}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:-translate-x-1{--tw-translate-x: -.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))}.group:hover .group-hover\:-translate-y-2{--tw-translate-y: -.5rem;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\:-translate-y-3{--tw-translate-y: -.75rem;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\:translate-x-1{--tw-translate-x: .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))}.group:hover .group-hover\:translate-x-full{--tw-translate-x: 100%;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\:rotate-12{--tw-rotate: 12deg;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\: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))}.group:hover .group-hover\:scale-105{--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))}.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\:border-white\/50{border-color:#ffffff80}.group:hover .group-hover\:bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-white\/20{background-color:#fff3}.group:hover .group-hover\:bg-white\/30{background-color:#ffffff4d}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white\/60{color:#fff9}.group:hover .group-hover\:text-white\/80{color:#fffc}.group:hover .group-hover\:text-white\/90{color:#ffffffe6}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\: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)}.group:hover .group-hover\: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)}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-h-\[2\.5rem\]{min-height:2.5rem}.md\:min-h-\[2\.75rem\]{min-height:2.75rem}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.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-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:mb-0{margin-bottom:0}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4rem * var(--tw-space-x-reverse));margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}}@media (min-width: 1280px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.app-container{width:100%;max-width:100vw;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.animate-pulse{animation:pulse 2s infinite}.delay-1000{animation-delay:1s}.delay-2000{animation-delay:2s}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bg-clip-text{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-page{min-height:100vh;max-width:100vw;overflow-x:hidden;background-color:#f8f9fa;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:25px 25px;display:flex;flex-direction:column;position:relative}.landing-header{padding:2rem 0;text-align:center;position:relative;z-index:10;background:linear-gradient(to right,#fff,#f8f9fa);box-shadow:0 4px 12px #00000008}.header-content{display:inline-block;position:relative;width:100%;max-width:100%}.landing-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#2d3748;letter-spacing:-.5px;margin-bottom:.5rem;background:linear-gradient(120deg,#2c5282,#3182ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:100%;word-wrap:break-word}.header-line{height:3px;width:60px;background:linear-gradient(to right,#4361ee,#3a86ff);margin:0 auto;border-radius:3px}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:2;background:linear-gradient(135deg,#f8f9fa,#fff)}.skills-container{max-width:1200px;width:100%;position:relative;z-index:5}.skills-container:before{content:"";position:absolute;top:-100px;left:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(67,97,238,.15),transparent 70%);border-radius:50%;z-index:-1}.skills-container:after{content:"";position:absolute;bottom:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(58,134,255,.15),transparent 70%);border-radius:50%;z-index:-1}.skills-title{text-align:center;font-size:1.6rem;font-weight:600;color:#4a5568;margin-bottom:3rem;letter-spacing:.5px;position:relative;padding-bottom:.75rem}.skills-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,#4361ee,#3a86ff);border-radius:3px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;width:100%}.skill-tile{background-color:#fff;border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000000d;border:1px solid rgba(240,240,240,.8);position:relative;overflow:hidden}.skill-tile:before{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;background:linear-gradient(to right,#e0e0e0,#f5f5f5);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000017}.skill-tile:hover:before{height:6px}.skill-icon{border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000000d}.skill-tile:nth-child(1) .skill-icon{background:linear-gradient(135deg,#4361ee1f,#4361ee40)}.skill-tile:nth-child(2) .skill-icon{background:linear-gradient(135deg,#3a86ff1f,#3a86ff40)}.skill-tile:nth-child(3) .skill-icon{background:linear-gradient(135deg,#38b0001f,#38b00040)}.skill-tile:nth-child(4) .skill-icon{background:linear-gradient(135deg,#fb85001f,#fb850040)}.skill-tile:nth-child(1) .skill-icon .material-icons{color:#4361ee;font-size:36px}.skill-tile:nth-child(2) .skill-icon .material-icons{color:#3a86ff;font-size:36px}.skill-tile:nth-child(3) .skill-icon .material-icons{color:#38b000;font-size:36px}.skill-tile:nth-child(4) .skill-icon .material-icons{color:#fb8500;font-size:36px}.skill-tile:hover .skill-icon{transform:scale(1.08)}.skill-tile:nth-child(1):hover .skill-icon{background:linear-gradient(135deg,#4361ee2e,#4361ee59)}.skill-tile:nth-child(2):hover .skill-icon{background:linear-gradient(135deg,#3a86ff2e,#3a86ff59)}.skill-tile:nth-child(3):hover .skill-icon{background:linear-gradient(135deg,#38b0002e,#38b00059)}.skill-tile:nth-child(4):hover .skill-icon{background:linear-gradient(135deg,#fb85002e,#fb850059)}.skill-tile:nth-child(1):before{background:linear-gradient(to right,#4361ee,#4d70f6)}.skill-tile:nth-child(2):before{background:linear-gradient(to right,#3a86ff,#5a9cff)}.skill-tile:nth-child(3):before{background:linear-gradient(to right,#38b000,#49c511)}.skill-tile:nth-child(4):before{background:linear-gradient(to right,#fb8500,#ff9e2c)}.skill-icon .material-icons{transition:all .3s ease}.skill-tile:hover .material-icons{transform:scale(1.1)}.skill-tile h2{font-size:1.6rem;font-weight:600;color:#2d3748;margin:0 0 .75rem;transition:all .3s ease}.skill-tile:hover h2{transform:translateY(-2px)}.skill-tile p{font-size:1rem;color:#718096;margin:0;line-height:1.6;transition:all .3s ease}.landing-footer{padding:1.5rem;text-align:center;border-top:1px solid rgba(240,240,240,.8);color:#718096;font-size:.9rem;position:relative;z-index:10;background-color:#fff}@media (max-width: 992px){.skills-grid{gap:2rem}.skill-tile{padding:2rem}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto}.landing-header h1{font-size:2rem}.skills-title{font-size:1.3rem;margin-bottom:2rem}}@media (max-width: 480px){.skill-tile{padding:1.5rem}.skill-icon{width:70px;height:70px}.skill-icon .material-icons{font-size:30px}.landing-header h1{font-size:1.75rem}}.back-to-home{display:flex;align-items:center;padding:.5rem 1rem;color:#4361ee;font-weight:500;transition:all .2s ease;border-radius:6px;margin-bottom:1.5rem;text-decoration:none}.back-to-home:hover{background-color:#4361ee1a;color:#3651d4}.back-to-home .material-icons{margin-right:.5rem;font-size:1.25rem}.instructions-panel{max-width:4xl;margin:0 auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 20px #00000014}.instructions-header{font-size:1.75rem;font-weight:700;color:#4361ee;text-align:center;margin-bottom:1.5rem}.instructions-section{margin-bottom:1.5rem}.instructions-section-title{font-size:1.25rem;font-weight:600;color:#4361ee;margin-bottom:.75rem}.instructions-start-button{display:block;margin:2rem auto 0;padding:.75rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background-color:#4361ee;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.instructions-start-button:hover{background-color:#3651d4;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee40}.fade-in{animation:fadeIn .6s ease-in}.slide-up{animation:slideUp .6s ease-out}.animate-fadeIn{animation:fadeIn .4s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skill-card{position:relative;overflow:hidden;border:none!important;transition:all .3s ease;cursor:pointer;height:100%;min-height:200px;display:flex;flex-direction:column;border-radius:12px!important}.skill-card-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.reading-card{background:#4361ee;color:#fff}.writing-card{background:#3a86ff;color:#fff}.listening-card{background:#38b000;color:#fff}.speaking-card{background:#fb8500;color:#fff}.skill-card:hover{transform:translateY(-6px);box-shadow:0 12px 20px #00000026!important}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .4s ease}.skill-card:hover:before{transform:translate(0)}.skill-card .skill-icon{position:absolute;bottom:1.25rem;right:1.25rem;font-size:2rem;opacity:.85;transition:all .3s ease;background:none;width:auto;height:auto;margin-bottom:0}.skill-card:hover .skill-icon{transform:scale(1.15);opacity:1;background:none}@media (max-width: 768px){.skill-card{min-height:180px}.skill-card-content{padding:1.25rem}}.play-zone-button{background:linear-gradient(135deg,#5e60ce,#6930c3);color:#fff;border:none;border-radius:50px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #6930c340;position:relative;overflow:hidden;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #6930c366}70%{box-shadow:0 0 0 10px #6930c300}to{box-shadow:0 0 #6930c300}}.play-zone-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7209b7,#560bad);opacity:0;transition:opacity .3s ease;z-index:0}.play-zone-button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #6930c359}.play-zone-button:hover:before{opacity:1}.play-zone-button span{position:relative;z-index:1}.play-zone-button .material-icons{margin-right:.5rem;font-size:1.25rem}@media (max-width: 768px){.play-zone-button{padding:.7rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.play-zone-button{padding:.6rem 1.25rem;font-size:.95rem}.play-zone-button .material-icons{font-size:1.1rem}}.play-zone-options{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.play-zone-option-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;border-radius:16px;border:none;color:#fff;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #0000001a}.play-zone-option-button:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.play-zone-option-button .material-icons{font-size:3rem;margin-bottom:1rem}.play-zone-option-button span:not(.material-icons){font-size:1.25rem;font-weight:600}.learn-button{background:linear-gradient(135deg,#3a86ff,#4361ee)}.games-button{background:linear-gradient(135deg,#fb8500,#f72585)}.flashcards-button{background:linear-gradient(135deg,#06a77d,#38b000)}@media (max-width: 640px){.play-zone-options{flex-direction:column;align-items:center;gap:1.5rem}.play-zone-option-button{width:160px;height:160px}.play-zone-option-button .material-icons{font-size:2.5rem}}.learn-container{max-width:1200px;width:100%;margin:0 auto;padding:1rem}.learn-title{text-align:center;font-size:1.8rem;font-weight:600;color:#2d3748;margin-bottom:2.5rem;position:relative;padding-bottom:.75rem}.learn-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,#3a86ff,#4361ee);border-radius:3px}.search-box{margin-bottom:2rem;display:flex;justify-content:center}.search-input-container{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;font-size:1rem;background-color:#fff;border:1px solid rgba(226,232,240,.8);border-radius:50px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 4px 15px #4299e126;border-color:#4299e1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1.25rem}.clear-search-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#a0aec0;transition:color .2s ease}.clear-search-button:hover{color:#718096}.no-results{text-align:center;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #0000000d;margin-top:2rem}.no-results .material-icons{font-size:3rem;color:#a0aec0;margin-bottom:1rem}.no-results p{color:#4a5568;margin-bottom:1.5rem;font-size:1.1rem}.reset-search-button{background-color:#4361ee;color:#fff;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-search-button:hover{background-color:#3651d4;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee40}.grammar-topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.grammar-topic-button{background-color:#fff;border:1px solid rgba(240,240,240,.8);border-radius:12px;padding:1.5rem;text-align:left;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px #0000000d;position:relative;overflow:hidden}.grammar-topic-button:before{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(to right,#3a86ff,#4361ee);opacity:0;transition:all .3s ease}.grammar-topic-button:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000014}.grammar-topic-button:hover:before{opacity:1}.topic-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-right:1rem;flex-shrink:0}.topic-icon .material-icons{font-size:1.5rem}.topic-name{font-size:1rem;font-weight:500;color:#2d3748;line-height:1.4}.topic-content{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000000d;max-width:800px;margin:0 auto}.topic-header{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.topic-icon-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;margin-bottom:1.25rem}.topic-icon-large .material-icons{font-size:2.5rem}.topic-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.topic-body{padding:2rem}.topic-info-box{background-color:#f7fafc;border-radius:10px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #4361ee}.topic-info-header{display:flex;align-items:center;margin-bottom:.75rem}.topic-info-header .material-icons{color:#4361ee;margin-right:.5rem;font-size:1.25rem}.topic-info-header h4{font-size:1.1rem;font-weight:600;color:#2d3748}.topic-info-box p{color:#4a5568;line-height:1.6}.back-to-topics-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:0 auto}.back-to-topics-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.back-to-topics-button .material-icons{margin-right:.5rem;font-size:1.25rem}@media (max-width: 768px){.grammar-topics-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.grammar-topic-button{padding:1.25rem}.topic-icon{width:40px;height:40px}.topic-icon .material-icons{font-size:1.25rem}.learn-title{font-size:1.5rem}.topic-header,.topic-body{padding:1.5rem}.topic-title{font-size:1.5rem}}@media (max-width: 480px){.grammar-topics-grid{grid-template-columns:1fr}.search-input{font-size:.9rem;padding:.7rem 1rem .7rem 2.75rem}.search-icon{font-size:1.1rem;left:.9rem}}.games-container{max-width:1200px;width:100%;margin:0 auto;padding:1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.game-card{background-color:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 25px #0000000d;border:1px solid rgba(240,240,240,.8);transition:all .3s ease;animation:slideUp .5s ease-out forwards;opacity:0}.game-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a}.game-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.game-icon .material-icons{font-size:2.5rem}.game-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.game-description{font-size:.95rem;color:#718096;margin-bottom:1.5rem;flex-grow:1}.play-game-button{background:linear-gradient(135deg,#3a86ff,#4361ee);color:#fff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.play-game-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3a86ff33}.coming-soon-badge{background-color:#f0f4ff;color:#4361ee;font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:6px;border:1px dashed #3a86ff}@media (max-width: 768px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}@media (max-width: 480px){.games-grid{grid-template-columns:1fr}.game-card{max-width:320px;margin:0 auto}}.learn-topics-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:25px 25px}.topics-header{padding:1.5rem 2rem;background:#fff;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;position:relative;z-index:10}.back-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:#3a86ff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.back-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-button .material-icons{font-size:1.2rem;margin-right:.5rem}.topic-title{font-size:1.8rem;font-weight:600;color:#2d3748;margin-left:2rem;flex:1;text-align:center}.topics-main{flex:1;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.question-container{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:2rem;width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.question-text{font-size:1.4rem;font-weight:600;color:#2d3748;line-height:1.5;margin-bottom:1rem}.options-container{display:flex;flex-direction:column;gap:.8rem}.option-button{padding:1rem 1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:left;font-size:1rem;cursor:pointer;transition:all .2s ease}.option-button:hover:not(:disabled){background-color:#edf2f7;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.option-button:disabled{cursor:not-allowed;opacity:.7}.option-button.correct-selected{background-color:#d1fae5;border-color:#10b981;color:#065f46}.option-button.incorrect-selected{background-color:#fee2e2;border-color:#ef4444;color:#b91c1c}.option-button.correct{background-color:#d1fae5;border-color:#10b981;color:#065f46}.fill-in-blank-container{display:flex;flex-direction:column;gap:1rem}.input-container{display:flex;gap:.5rem}.text-input{flex:1;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease}.text-input:focus{outline:none;border-color:#3a86ff;box-shadow:0 0 0 3px #3a86ff33}.text-input.correct-input{border-color:#10b981;background-color:#d1fae5}.text-input.incorrect-input{border-color:#ef4444;background-color:#fee2e2}.submit-button{padding:.8rem 1.5rem;background-color:#3a86ff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.submit-button:disabled{background-color:#94a3b8;cursor:not-allowed}.correct-answer-display{margin-top:.5rem;font-size:.95rem;color:#475569}.correct-answer{font-weight:600;color:#10b981}.pro-tip{margin-top:1rem;padding:1.2rem;border-radius:12px;position:relative;animation:fadeIn .3s ease-out}.pro-tip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pro-tip-header h3{font-size:1.1rem;font-weight:600}.pro-tip-header .material-icons{font-size:1.3rem}.pro-tip p{font-size:.95rem;line-height:1.5}.correct-tip{background-color:#d1fae5;border-left:4px solid #10b981}.correct-tip .pro-tip-header{color:#065f46}.incorrect-tip{background-color:#fee2e2;border-left:4px solid #ef4444}.incorrect-tip .pro-tip-header{color:#b91c1c}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:#3a86ff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-button:disabled{background-color:#94a3b8;cursor:not-allowed}.prev-button{background-color:#64748b}.prev-button:hover:not(:disabled){background-color:#475569}.progress-tracker{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-text{font-size:.9rem;color:#64748b;font-weight:500}.progress-bar-container{width:120px;height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,#3a86ff,#4361ee);border-radius:3px;transition:width .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid rgba(58,134,255,.3);border-radius:50%;border-top-color:#3a86ff;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center;padding:2rem}.error-container .material-icons{font-size:4rem;color:#ef4444}.error-container p{font-size:1.2rem;color:#4b5563;max-width:500px}.quiz-summary{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:2rem;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.summary-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.topic-name{font-size:1.3rem;color:#4a5568;margin-bottom:1.5rem}.score-display{margin:2rem 0}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(to right,#3a86ff,#4361ee);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 25px #3a86ff4d}.score-percentage{font-size:2.5rem;font-weight:700;line-height:1}.score-text{font-size:.9rem;opacity:.9;margin-top:.5rem}.feedback-message{font-size:1.2rem;font-weight:500;max-width:400px;margin:1rem 0}.summary-buttons{display:flex;gap:1rem;margin-top:1rem}.summary-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.summary-button.retry{background-color:#3a86ff;color:#fff}.summary-button.retry:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-button.home{background-color:#64748b;color:#fff}.summary-button.home:hover{background-color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-button .material-icons{font-size:1.2rem}.question-skeleton{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:2rem;width:100%;max-width:800px;margin:0 auto}@media (max-width: 768px){.topic-title{font-size:1.5rem;margin-left:1rem}.question-container{padding:1.5rem}.question-text{font-size:1.2rem}.navigation-buttons{flex-direction:column;gap:1rem}.progress-tracker{order:-1;margin-bottom:1rem}.summary-buttons{flex-direction:column;width:100%}.summary-button{width:100%;justify-content:center}}@media (max-width: 480px){.topics-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.topic-title{font-size:1.3rem;margin-left:0;text-align:left}.question-container{padding:1.2rem}.question-text{font-size:1.1rem}.nav-button{padding:.6rem 1rem;font-size:.9rem}.option-button{padding:.8rem 1rem}.score-circle{width:120px;height:120px}.score-percentage{font-size:2rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-in-up{animation:slideInUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-rotate-glow{animation:rotateGlow 8s linear infinite}.hover-lift{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px #9333ea4d}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.btn-primary-gradient{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.btn-primary-gradient:hover:before{opacity:1}.btn-primary-gradient span{position:relative;z-index:1}@media (max-width: 768px){.animate-slide-in-left,.animate-slide-in-right{animation:slideInUp .6s ease-out forwards}}@media (prefers-color-scheme: dark){.glass-effect{background:#0003;border:1px solid rgba(255,255,255,.1)}}.logout-experience{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.logout-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logout-popup{position:relative;z-index:10;width:400px;max-width:90vw;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a inset;overflow:hidden;animation:popupEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-content{position:relative;z-index:10;text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#6366f10d,#a855f70d,#3b82f60d)}.wave-container-mini{margin-bottom:1rem;animation:slideInUp .6s ease-out}.wave-hand-mini{font-size:2.5rem;display:inline-block;animation:wave 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.logout-message-mini{margin-bottom:1.5rem;animation:slideInUp .6s ease-out .2s both}.logout-main-text-mini{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.2}.logout-sub-text-mini{font-size:.9rem;color:#64748b;font-weight:500;line-height:1.4}.logout-progress-mini{margin-bottom:1.5rem;animation:slideInUp .6s ease-out .4s both}.progress-bar-mini{width:100%;height:6px;background:#6366f11a;border-radius:50px;overflow:hidden;margin-bottom:.75rem}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#3b82f6);background-size:300% 100%;border-radius:50px;animation:progressFill 3s ease-out,gradientMove 2s ease-in-out infinite;box-shadow:0 0 10px #6366f14d}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.progress-text-mini{color:#64748b;font-size:.8rem;font-weight:500;font-style:italic}.interactive-buttons-mini{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;animation:slideInUp .6s ease-out .6s both}.interactive-btn-mini{background:#6366f11a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:.5rem 1rem;color:#4338ca;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.interactive-btn-mini:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .4s ease}.interactive-btn-mini:hover:before{left:100%}.interactive-btn-mini:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #6366f133;border-color:#6366f14d;background:#6366f126}.sparkle-mini{position:absolute;font-size:.8rem;animation:sparkleFloat 3s ease-in-out infinite;pointer-events:none;z-index:5;opacity:.6}.logout-signature-mini{animation:slideInUp .6s ease-out .8s both;margin-top:.5rem}.logout-signature-mini p{color:#64748b;font-size:.75rem;margin:0;font-weight:500}.floating-hearts{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.floating-hearts span{position:absolute;font-size:1.5rem;animation:floatHeart 4s ease-in-out infinite;opacity:.7}.floating-hearts span:nth-child(1){left:-100px;top:-50px}.floating-hearts span:nth-child(2){right:-100px;top:-30px}.floating-hearts span:nth-child(3){left:-80px;bottom:-40px}.floating-hearts span:nth-child(4){right:-90px;bottom:-60px}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.7}25%{transform:translateY(-20px) rotate(5deg) scale(1.1);opacity:1}50%{transform:translateY(-10px) rotate(-3deg) scale(.9);opacity:.8}75%{transform:translateY(-15px) rotate(2deg) scale(1.05);opacity:.9}}.teardrop{position:absolute;top:-50px;font-size:1.2rem;animation:teardropFall linear infinite;pointer-events:none;z-index:5}@keyframes teardropFall{to{transform:translateY(calc(100vh + 50px)) rotate(360deg);opacity:0}}.sparkle{position:absolute;font-size:1rem;animation:sparkleFloat 3s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-10px) rotate(90deg) scale(1.2);opacity:1}50%{transform:translateY(-20px) rotate(180deg) scale(.8);opacity:.6}75%{transform:translateY(-15px) rotate(270deg) scale(1.1);opacity:.9}}.logout-signature{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;animation:slideInUp .8s ease-out 1.2s both}.logout-signature p{color:#fffc;font-size:.9rem;margin:.25rem 0;font-weight:500}.signature-sub{font-size:.75rem!important;color:#fff9!important;font-style:italic}.logout-experience.entering .logout-popup{animation:popupEnter .6s cubic-bezier(.34,1.56,.64,1)}.logout-experience.main .logout-popup{animation:none}.logout-experience.fading .logout-popup{animation:popupFade .8s ease-in-out forwards}.logout-experience.scrolling .logout-popup{animation:popupScrollOut .5s ease-in-out forwards}@keyframes popupFade{to{opacity:0;transform:scale(.9) translateY(-20px)}}@keyframes popupScrollOut{to{transform:scale(.8) translateY(-30px);opacity:0}}@media (max-width: 768px){.logout-popup{width:350px;margin:0 1rem}.popup-content{padding:1.5rem 1rem}.interactive-buttons-mini{flex-direction:column;align-items:center;gap:.5rem}.interactive-btn-mini{width:160px;justify-content:center}}@media (max-width: 480px){.logout-popup{width:300px}.popup-content{padding:1.25rem .75rem}.wave-hand-mini{font-size:2rem}.logout-main-text-mini{font-size:1.25rem}.logout-sub-text-mini{font-size:.8rem}.interactive-btn-mini{width:140px;padding:.4rem .8rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.logout-experience *,.logout-experience *:before,.logout-experience *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.logout-backdrop{background:linear-gradient(135deg,#000,#333)}.logout-main-text,.logout-sub-text{color:#fff;text-shadow:2px 2px 4px #000}.interactive-btn{background:#ffffffe6;color:#000;border:2px solid #fff}}:root{--primary: #2563eb;--primary-deep: #1e40af;--primary-light: #dbeafe;--secondary: #475569;--dark: #1e293b;--light: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #f8fafc;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #2563eb, #1e40af);--gradient-secondary: linear-gradient(135deg, #475569, #334155);--gradient-success: linear-gradient(135deg, #10b981, #059669)}.countdown-animation{display:flex;justify-content:center;align-items:center;position:relative;width:220px;height:220px;margin:0 auto}.countdown-number{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--white);color:var(--primary-deep);font-size:5rem;font-weight:700;z-index:5;box-shadow:0 10px 30px #2563eb40;animation:floatPulse 1.5s infinite alternate ease-in-out}.countdown-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:1}.countdown-ring-1{animation:spinRing 6s linear infinite}.countdown-ring-2{animation:spinRingReverse 8s linear infinite}.countdown-dot{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--primary);z-index:2}.countdown-sparkle{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--primary-light);z-index:2;box-shadow:0 0 10px 2px #2563eb66;opacity:0}.countdown-sparkle:nth-child(1){animation:sparkle 2s infinite .1s}.countdown-sparkle:nth-child(2){animation:sparkle 2s infinite .4s}.countdown-sparkle:nth-child(3){animation:sparkle 2s infinite .7s}.countdown-sparkle:nth-child(4){animation:sparkle 2s infinite 1s}.countdown-sparkle:nth-child(5){animation:sparkle 2s infinite 1.3s}.countdown-sparkle:nth-child(6){animation:sparkle 2s infinite 1.6s}.countdown-message{position:relative;font-size:24px;font-weight:500;color:var(--primary-deep);text-align:center;margin-top:30px;opacity:0;transform:translateY(20px);animation:messageAppear .6s forwards}.breath-text{display:inline-block;animation:breathText 4s infinite ease-in-out;font-weight:600;color:var(--primary)}.countdown-go{font-size:64px;font-weight:700;letter-spacing:2px;color:var(--primary-deep);background:linear-gradient(45deg,var(--primary),var(--primary-deep));background-clip:text;-webkit-background-clip:text;color:transparent;animation:goAppear .5s forwards ease-out;text-shadow:0 5px 15px rgba(37,99,235,.3)}@keyframes floatPulse{0%{transform:scale(.97) translateY(3px);box-shadow:0 5px 15px #2563eb33}to{transform:scale(1.03) translateY(-3px);box-shadow:0 15px 25px #2563eb4d}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRingReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes sparkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}to{transform:scale(0);opacity:0}}@keyframes goAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}70%{opacity:1;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathText{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.writing-container{background-color:var(--background);border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.task-card{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid var(--light);transition:all .3s ease}.task-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.task-header{padding:12px 16px;color:var(--white)}.task1-header{background:linear-gradient(135deg,var(--primary),var(--primary-deep))}.task2-header{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.task-info{display:flex;justify-content:space-between;margin-top:12px;color:var(--secondary);border-top:1px solid var(--light);padding-top:12px}.back-button{background-color:var(--secondary);color:var(--white);padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s}.back-button:hover{background-color:var(--dark)}.submit-button{background:var(--gradient-primary);color:var(--white);padding:10px 20px;border-radius:6px;font-weight:500;transition:all .3s;box-shadow:0 4px 6px #2563eb33}.submit-button:hover{box-shadow:0 6px 10px #2563eb4d;transform:translateY(-2px)}.submit-button:disabled{background:var(--light);color:var(--secondary);cursor:not-allowed;box-shadow:none;transform:none}.category-toggle-btn{font-size:14px;color:var(--primary);background-color:var(--primary-light);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:left;display:block;width:100%}.category-toggle-btn:hover{background-color:#2563eb33;color:var(--primary-deep)}.prompt-container{background-color:var(--white);padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;border:1px solid var(--light)}.graph-placeholder{margin:16px 0;padding:32px;background-color:var(--primary-light);text-align:center;border-radius:6px;border:1px dashed var(--primary);color:var(--primary-deep);font-weight:500}.response-textarea{width:100%;min-height:390px;padding:16px;border:2px solid var(--light);border-radius:8px;font-family:inherit;resize:vertical;transition:border-color .3s,box-shadow .3s;background-color:var(--white);color:var(--dark);font-size:16px;line-height:1.6;box-shadow:0 2px 6px #0000000d}.response-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.response-textarea::-moz-placeholder{color:var(--secondary);opacity:.7}.response-textarea::placeholder{color:var(--secondary);opacity:.7}.word-count{font-size:14px;font-weight:600;padding:4px 8px;border-radius:4px;transition:all .3s ease}.word-count.warning{color:var(--warning);background-color:#f59e0b1a}.word-count.success{color:var(--success);background-color:#10b9811a}.feedback-container{animation:fadeIn .5s ease}.feedback-card{background-color:var(--white);padding:24px;border-radius:8px;box-shadow:0 4px 12px #00000014;border:1px solid var(--light);transition:all .3s ease}.feedback-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.submission-box{background-color:var(--background);padding:16px;border-radius:6px;border:1px solid var(--light);margin-top:12px;line-height:1.6}.score-bar{height:10px;background-color:var(--light);border-radius:8px;overflow:hidden;margin-top:8px;position:relative}.score-fill{height:100%;border-radius:8px;animation:growWidth 1.5s ease-out}.score-box{text-align:center;padding:20px;background:linear-gradient(to bottom right,var(--primary-light),#ffffff);border-radius:8px;margin-top:24px;border:1px solid var(--primary-light);box-shadow:0 4px 12px #2563eb1f;transition:all .3s ease}.score-box:hover{box-shadow:0 8px 24px #2563eb33;transform:translateY(-3px)}.score-box .text-4xl{color:var(--primary);animation:pulseScore 1s ease-in-out}.detailed-feedback{background-color:var(--background);padding:20px;border-radius:6px;border:1px solid var(--light);line-height:1.7;position:relative;overflow:hidden}.detailed-feedback:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary)}.section-title{font-size:18px;font-weight:600;color:var(--primary-deep);padding-bottom:8px;border-bottom:2px solid var(--primary-light);margin-bottom:12px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:50%;height:2px;background-color:var(--primary);animation:expandWidth 1s ease-out forwards}.feedback-list{list-style-type:disc;padding-left:20px;line-height:1.6}.feedback-list li{margin-bottom:8px;opacity:0;animation:fadeInList .5s ease-out forwards}.feedback-list li:nth-child(1){animation-delay:.1s}.feedback-list li:nth-child(2){animation-delay:.2s}.feedback-list li:nth-child(3){animation-delay:.3s}.feedback-list li:nth-child(4){animation-delay:.4s}.feedback-list li:nth-child(5){animation-delay:.5s}.category-box{background-color:var(--background);padding:16px;border-radius:6px;border:1px solid var(--light);transition:all .3s ease}.category-box:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #2563eb1a}.category-list{list-style-type:disc;padding-left:20px;color:var(--secondary);font-size:14px;line-height:1.5}.category-list li{margin-bottom:4px;animation:fadeInList .3s ease-out forwards;opacity:0}.category-list li:nth-child(1){animation-delay:.05s}.category-list li:nth-child(2){animation-delay:.1s}.category-list li:nth-child(3){animation-delay:.15s}.category-list li:nth-child(4){animation-delay:.2s}.category-list li:nth-child(5){animation-delay:.25s}.loading-container{padding:40px 20px;text-align:center}.loading-title{font-size:24px;font-weight:600;color:var(--primary-deep);margin-bottom:40px}.loading-stages{display:flex;justify-content:space-between;margin-bottom:50px;position:relative}.loading-stages:before{content:"";position:absolute;top:25px;left:0;width:100%;height:4px;background-color:var(--light);z-index:1}.loading-stage{display:flex;flex-direction:column;align-items:center;width:18%;position:relative;z-index:2}.stage-circle{width:50px;height:50px;border-radius:50%;background-color:var(--white);border:3px solid var(--light);display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;transition:all .3s ease}.stage-circle.active{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb33}.stage-circle.completed{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.stage-number{font-weight:600;font-size:20px;color:var(--secondary);transition:all .3s ease}.stage-circle.active .stage-number{color:var(--primary)}.stage-circle.completed .stage-number{color:var(--white)}.stage-name{font-size:14px;font-weight:500;color:var(--secondary);text-align:center}.stage-circle.active+.stage-name,.stage-circle.completed+.stage-name{color:var(--primary-deep)}.loading-progress{height:8px;width:100%;max-width:300px;margin:0 auto;background-color:var(--light);border-radius:4px;overflow:hidden;position:relative}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .5s ease-out}.loading-tip{margin-top:20px;font-style:italic;color:var(--secondary);max-width:500px;margin-left:auto;margin-right:auto}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes fadeInList{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes growWidth{0%{width:0%}to{width:100%}}@keyframes expandWidth{0%{width:0%}to{width:70%}}@keyframes pulseScore{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.text-primary{color:var(--primary)}.text-primary-deep{color:var(--primary-deep)}.text-secondary{color:var(--secondary)}.text-dark{color:var(--dark)}@media (max-width: 640px){.task-info{flex-direction:column;gap:4px}.submit-button,.back-button{width:100%;margin-top:8px}.loading-stages{flex-wrap:wrap;gap:20px;justify-content:center}.loading-stage{width:30%}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes circle-fill{0%{stroke-dashoffset:100%}to{stroke-dashoffset:var(--final-offset)}}.animate-circle-fill{animation:growWidth 1.5s ease-out}.feedback-comment{animation:fadeIn .5s ease;animation-fill-mode:both}.feedback-card{animation:fadeIn .4s ease;animation-fill-mode:both}.feedback-card:nth-child(1){animation-delay:.1s}.feedback-card:nth-child(2){animation-delay:.2s}.feedback-card:nth-child(3){animation-delay:.3s}.feedback-card:nth-child(4){animation-delay:.4s}.feedback-card:nth-child(5){animation-delay:.5s}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:feedbackFadeIn .5s ease-out}.fade-in{animation:fadeInAnimation .5s ease-out forwards}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.feedback-tab-container{display:flex;background-color:var(--background);border-radius:8px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.feedback-tab{flex:1;padding:.75rem 1rem;background-color:var(--background);color:var(--dark);font-weight:500;text-align:center;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.feedback-tab.active{color:var(--primary);border-bottom-color:var(--primary);background-color:var(--white)}.feedback-tab:hover:not(.active){background-color:#e2e8f080}.feedback-content{background-color:var(--white);border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:hidden}.feedback-header{padding:1.25rem;border-bottom:1px solid var(--light);position:relative}.feedback-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:3px;background:var(--gradient-primary)}.feedback-body{padding:1.5rem}.feedback-category{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--light)}.feedback-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.category-header{display:flex;align-items:center;margin-bottom:1rem}.category-header svg{margin-right:.75rem;color:var(--primary)}.category-content{background-color:var(--background);padding:1rem;border-radius:6px;margin-top:.75rem}.feedback-summary-box{background:linear-gradient(135deg,var(--primary-light),rgba(255,255,255,.9));border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.score-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;position:relative}.score-item{background-color:var(--white);border-radius:8px;padding:1.25rem;box-shadow:0 4px 8px #0000000d;flex:1;min-width:200px;text-align:center;border:1px solid var(--light);transition:all .3s ease}.score-item:first-child,.score-item:last-child{transform:scale(.95);z-index:1}.score-item:nth-child(2){transform:scale(1.05);z-index:2;box-shadow:0 6px 16px #0000001a;border-color:var(--primary);background:linear-gradient(to bottom,var(--white),var(--primary-light))}.score-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000014;border-color:var(--primary-light)}.score-item:nth-child(2):hover{transform:translateY(-5px) scale(1.05)}.score-label{font-size:.875rem;color:var(--secondary);margin-bottom:.5rem;font-weight:600}.score-value{font-size:1.75rem;font-weight:700;color:var(--primary-deep)}.score-item:nth-child(2) .score-value{font-size:2.25rem;color:var(--primary-deep)}.feedback-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #0000000d}.badge-good{background-color:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-improve{background-color:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-issue{background-color:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.collapsed-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.expanded{max-height:1000px;transition:max-height .5s ease-in}.collapsible-header{cursor:pointer;padding:.75rem;border-radius:6px;background-color:var(--background);display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;transition:background-color .2s}.collapsible-header:hover{background-color:var(--primary-light)}@media (max-width: 768px){.feedback-section{grid-template-columns:1fr}.score-section{flex-direction:column}.score-item{width:100%}.feedback-tab-container{flex-direction:column}.feedback-tab{border-bottom:none;border-left:3px solid transparent}.feedback-tab.active{border-left-color:var(--primary)}}.feedback-content{margin-bottom:1.5rem}.feedback-body{position:relative}.feedback-badge{transition:all .2s ease}.feedback-badge:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.bg-green-50{background-color:#10b98126;border:1px solid rgba(16,185,129,.3)}.bg-amber-50{background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.bg-green-50 .font-medium,.bg-amber-50 .font-medium{font-size:1.05rem;font-weight:600}.bg-green-100{background-color:#10b98140}.bg-amber-100{background-color:#f59e0b40}.text-green-600{color:#059669}.text-amber-600{color:#d97706}.writing-header{text-align:center;padding:2rem 1rem;position:relative}.writing-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-deep));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem;letter-spacing:-.025em}.writing-subtitle{font-size:1.25rem;color:#6b7280;max-width:700px;margin:0 auto}.instructions-card-compact{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;border:1px solid #e5e7eb}.instructions-title{font-size:1.75rem;font-weight:700;color:var(--primary-deep);margin-bottom:1.5rem;text-align:center}.instructions-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.instruction-block-compact{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .3s ease}.instruction-block-compact:hover{background-color:#f1f5f9;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.instruction-icon-small{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;border-radius:.75rem;flex-shrink:0;box-shadow:0 4px 6px #2563eb40}.instruction-icon-small .material-icons{font-size:1.5rem}.instruction-details-compact{flex:1}.instruction-details-compact h3{font-size:1.125rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.instruction-details-compact p{color:var(--secondary);font-size:.875rem;line-height:1.5}.start-instruction-compact{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;text-align:center}.start-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.start-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 2px 4px -1px #0000001a}.start-button.loading{background:#94a3b8;cursor:wait}.start-button .material-icons{font-size:1.25rem}@media (max-width: 768px){.instructions-content-grid{grid-template-columns:1fr}.writing-title{font-size:2rem}.writing-subtitle{font-size:1rem}.instruction-block-compact{padding:1rem}}.task-header-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;transition:all .3s ease}.task-header-container:hover{transform:translateY(-1px);box-shadow:0 8px 15px #2563eb26}.task-content-container{border:1px solid #e5e7eb;transition:all .3s ease}.task-content-container:hover{box-shadow:0 8px 25px #0000001a}.task-instructions-header{background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.task-content{background-color:#fff}.situation-section,.instructions-section,.bullet-points-section,.task2-content{transition:all .3s ease}.situation-section:hover{background-color:#dbeafe!important;transform:translate(3px)}.instructions-section:hover{background-color:#dcfce7!important;transform:translate(3px)}.bullet-points-section:hover{background-color:#fefce8!important;transform:translate(3px)}.task2-content:hover{background-color:#faf5ff!important;transform:translate(3px)}.task-content h4{font-size:1rem;letter-spacing:.025em}.task-content .material-icons{font-size:1rem}@media (max-width: 768px){.task-header-container .flex{flex-direction:column;gap:.5rem;align-items:flex-start}.task-header-container .flex>span{margin-right:0;margin-bottom:.5rem}}.split-screen-container{display:flex;height:calc(100vh - 80px);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.questions-panel{width:50%;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;position:relative}.questions-panel::-webkit-scrollbar{width:6px}.questions-panel::-webkit-scrollbar-track{background:#f1f5f9}.questions-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.questions-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.writing-panel{width:50%;background:#f8fafc;display:flex;flex-direction:column}.writing-area-container{flex:1;display:flex;flex-direction:column;padding:1.5rem}.writing-textarea-container{flex:1;display:flex;flex-direction:column}.writing-textarea-fullscreen{flex:1;width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;resize:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.6;background:#fff;transition:all .2s ease;min-height:400px}.writing-textarea-fullscreen:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-bar{background:#fff;border-top:1px solid #e5e7eb;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.header-bar{background:#fff;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;position:sticky;top:0;z-index:10}.task-progress-indicator{display:flex;align-items:center;gap:.75rem}.progress-dot{width:.75rem;height:.75rem;border-radius:50%;transition:all .2s ease}.progress-dot.active{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.progress-dot.inactive{background:#d1d5db}.progress-line{width:2rem;height:2px;background:#d1d5db}.task-label{font-size:.875rem;font-weight:500;transition:color .2s ease}.task-label.active{color:#3b82f6}.task-label.inactive{color:#6b7280}.task-requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;margin-bottom:1.5rem}.requirement-item{text-align:center}.requirement-value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.requirement-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.image-display-container{background:#f8fafc;border:2px dashed #d1d5db;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.image-display-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.image-wrapper{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.task-image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;max-height:300px;-o-object-fit:contain;object-fit:contain}.image-error-placeholder{text-align:center;color:#6b7280;padding:2rem;background:#f3f4f6;border-radius:.5rem}.content-section{background:#f8fafc;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;border-left:4px solid;transition:all .2s ease}.content-section:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.content-section.blue{border-left-color:#3b82f6;background:#eff6ff}.content-section.green{border-left-color:#10b981;background:#ecfdf5}.content-section.amber{border-left-color:#f59e0b;background:#fffbeb}.content-section.yellow{border-left-color:#eab308;background:#fefce8}.content-section.purple{border-left-color:#8b5cf6;background:#f5f3ff}.content-section.indigo{border-left-color:#6366f1;background:#eef2ff}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-title{font-weight:600;font-size:.875rem}.section-content{color:#374151;line-height:1.6}.bullet-list{list-style:none;padding:0;margin:0}.bullet-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.bullet-number{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.125rem}.word-count-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.word-count-display.warning{background:#fef3c7;color:#92400e}.word-count-display.success{background:#d1fae5;color:#065f46}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.primary{background:#3b82f6;color:#fff}.action-button.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.action-button.secondary{background:#f3f4f6;color:#374151}.action-button.secondary:hover{background:#e5e7eb}.loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.split-screen-container{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.questions-panel,.writing-panel{width:100%}.questions-panel{border-right:none;border-bottom:1px solid #e5e7eb;max-height:50vh}.writing-panel{min-height:50vh}}@media (max-width: 768px){.header-bar{padding:.75rem 1rem}.task-requirements-grid{grid-template-columns:1fr;gap:.75rem}.requirement-item{display:flex;justify-content:space-between;align-items:center;text-align:left}.writing-area-container{padding:1rem}.action-bar{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.action-button{justify-content:center}}.academic-image-container{max-width:100%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a;min-height:320px}.academic-task-image{width:100%;height:auto;max-width:440px;max-height:440px;min-width:300px;min-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;aspect-ratio:1/1;background:#f9fafb;display:block;margin:0 auto}.academic-task-image:hover{transform:scale(1.02);transition:transform .2s ease;box-shadow:0 8px 12px -1px #00000026}.image-analysis-note{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem;margin-top:.75rem}.image-analysis-note .material-icons{color:#3b82f6;font-size:1rem;margin-top:.125rem}.image-analysis-text{color:#1e40af;font-size:.875rem;line-height:1.5}.image-analysis-text .font-medium{font-weight:600;margin-bottom:.25rem}@media (max-width: 768px){.academic-task-image{max-width:100%;max-height:330px;min-width:250px;min-height:250px}.academic-image-container{padding:.75rem;min-height:270px}}@media (max-width: 480px){.academic-task-image{max-height:275px;min-width:200px;min-height:200px}.academic-image-container{min-height:220px}}.debug-panel{background:#fefce8;border:1px solid #facc15;border-radius:.5rem;padding:.75rem}.debug-panel details{margin-top:.5rem}.debug-panel summary{font-weight:500;color:#a16207;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-panel summary:hover{color:#92400e}.debug-info-content{margin-top:.5rem;padding:.5rem;background:#fef3c7;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4}.enhanced-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:2rem}.loading-background-animation{position:absolute;inset:0;pointer-events:none}.particles-container{position:absolute;width:100%;height:100%}.floating-particle{position:absolute;width:6px;height:6px;background:#fff6;border-radius:50%;animation:floatUp 5s infinite linear}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.geometric-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:shapeFloat 8s infinite ease-in-out}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.loading-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;max-width:600px;width:100%;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2);z-index:10}.loading-header{text-align:center;margin-bottom:2rem}.animated-icon-container{position:relative;display:inline-block;margin-bottom:1rem}.loading-icon{font-size:3rem;color:#3b82f6;animation:iconPulse 2s infinite ease-in-out}.icon-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid #3b82f6;border-radius:50%;animation:ripple 2s infinite;opacity:0}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.loading-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.loading-subtitle{color:#6b7280;font-size:1rem;margin:0}.progress-visualization{display:flex;justify-content:center;margin:2rem 0}.circular-progress{position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-progress{transition:stroke-dashoffset .5s ease;stroke-linecap:round}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#3b82f6}.enhanced-loading-stages{margin:2rem 0}.enhanced-stage{display:flex;align-items:flex-start;margin-bottom:1.5rem;transition:all .3s ease}.enhanced-stage.completed{opacity:.7}.enhanced-stage.active{transform:scale(1.02)}.stage-indicator{display:flex;flex-direction:column;align-items:center;margin-right:1rem;flex-shrink:0}.stage-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.enhanced-stage.pending .stage-circle{background:#e5e7eb;color:#9ca3af}.enhanced-stage.active .stage-circle{background:#3b82f6;color:#fff;box-shadow:0 0 20px #3b82f666}.enhanced-stage.completed .stage-circle{background:#10b981;color:#fff}.stage-check{font-size:20px}.stage-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.stage-number{font-weight:700;font-size:14px}.stage-connector{width:2px;height:20px;background:#e5e7eb;margin-top:8px;transition:background .3s ease}.stage-connector.completed{background:#10b981}.stage-content{flex:1;padding-top:4px}.stage-title{font-weight:600;color:#1f2937;margin:0 0 .25rem;font-size:.9rem}.stage-description{color:#6b7280;font-size:.8rem;margin:0;line-height:1.4}.enhanced-loading-tips{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;padding:1.5rem;margin:2rem 0;border-left:4px solid #fbbf24}.tip-container{display:flex;align-items:flex-start;gap:1rem}.tip-icon{background:#fbbf24;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon .material-icons{font-size:20px}.tip-content h4{margin:0 0 .5rem;color:#1f2937;font-weight:600;font-size:.9rem}.tip-text{color:#4b5563;margin:0;font-size:.85rem;line-height:1.5;animation:fadeInTip .5s ease-in-out}@keyframes fadeInTip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.motivation-message{text-align:center;margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:1px solid #10b981}.motivation-message p{margin:0;color:#047857;font-weight:500;font-size:.9rem}@media (max-width: 768px){.enhanced-loading-container{padding:1rem}.loading-content{padding:2rem}.loading-title{font-size:1.25rem}.enhanced-stage{margin-bottom:1rem}.stage-circle{width:32px;height:32px}.stage-check{font-size:16px}.stage-spinner{width:16px;height:16px}}.modern-feedback-fullscreen{width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;margin:0;padding:0}.back-to-home{position:absolute;top:20px;left:20px;z-index:1000}.back-button{display:flex;align-items:center;gap:8px;background:#ffffffe6;color:#374151;border:none;padding:12px 20px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.back-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.celebration-overlay{position:fixed;inset:0;background:#8b5cf61a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.confetti{font-size:6rem;animation:bounce 2s infinite}.celebration-text{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:1rem;animation:fadeInUp 1s ease-out}.feedback-main-container{display:flex;width:100vw;height:100vh;margin:0;padding:0;gap:0}.feedback-left-section{width:50vw;height:100vh;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:80px 16px 16px;box-sizing:border-box}.feedback-right-section{width:50vw;height:100vh;overflow-y:auto;padding:80px 16px 16px;box-sizing:border-box}.feedback-hero-compact{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;text-align:center;box-shadow:0 8px 32px #0000001a}.hero-content-compact{display:flex;flex-direction:column;align-items:center;gap:12px}.achievement-icon-compact{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #6366f14d}.achievement-icon-compact .material-icons{font-size:2rem;color:#fff}.hero-title-compact{font-size:1.5rem;font-weight:800;color:#1f2937;margin:0}.hero-subtitle-compact{font-size:1rem;color:#6b7280;margin:0;line-height:1.6}.star-rating-compact{display:flex;gap:4px;justify-content:center}.star{font-size:1.5rem;transition:all .3s ease}.star.filled{color:#fbbf24;text-shadow:0 2px 4px rgba(251,191,36,.3)}.star.empty{color:#d1d5db}.score-dashboard-compact{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.score-card-compact{display:flex;flex-direction:column;gap:20px}.score-visual-compact{display:flex;justify-content:center}.score-circle-compact{position:relative;width:150px;height:150px}.score-circle-bg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e5e7eb;stroke-width:2}.circle{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 2s ease-in-out}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number-compact{display:block;font-size:2rem;font-weight:800;color:#1f2937;line-height:1}.score-label-compact{display:block;font-size:.75rem;color:#6b7280;margin-top:4px;font-weight:500}.score-breakdown-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.breakdown-item-compact{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.breakdown-icon-compact{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.breakdown-icon-compact .material-icons{font-size:1rem;color:#fff}.breakdown-content-compact{display:flex;flex-direction:column;gap:2px}.breakdown-number-compact{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.breakdown-label-compact{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.skills-analysis-compact{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.section-title-compact{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:16px}.section-title-compact .material-icons{font-size:1.25rem;color:#6366f1}.skills-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.skill-card-compact{padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.skill-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.skill-header-compact{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skill-icon-compact{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-icon-compact .material-icons{font-size:1rem;color:#fff}.skill-name-compact{font-size:.875rem;font-weight:600;color:#1f2937;margin:0;text-transform:capitalize}.skill-score-compact{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.skill-percentage-compact{font-size:1.5rem;font-weight:700;line-height:1}.skill-fraction-compact{font-size:.875rem;color:#6b7280;font-weight:500}.skill-progress-compact{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:12px}.skill-progress-fill-compact{height:100%;border-radius:3px;transition:width 1s ease-in-out}.skill-status-compact{display:flex;align-items:center}.status-excellent,.status-good,.status-needs-work{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:6px}.status-excellent{background:#ecfdf5;color:#059669}.status-good{background:#eff6ff;color:#2563eb}.status-needs-work{background:#fef2f2;color:#dc2626}.status-excellent .material-icons,.status-good .material-icons,.status-needs-work .material-icons{font-size:.875rem}.improvement-section-compact{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.tips-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tip-card-compact{padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd;transition:all .3s ease}.tip-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.tip-icon-compact{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.tip-icon-compact .material-icons{font-size:1rem;color:#fff}.tip-card-compact h3{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 6px}.tip-card-compact p{font-size:.75rem;color:#4b5563;line-height:1.4;margin:0}.action-section-compact{display:flex;justify-content:center}.action-button-compact{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #6366f14d}.action-button-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.action-button-compact .material-icons{font-size:1.25rem}.question-review-fixed{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001a}.section-title-fixed{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:16px;flex-shrink:0}.section-title-fixed .material-icons{font-size:1.25rem;color:#6366f1}.questions-scroll-container{flex:1;overflow-y:auto;padding-right:8px}.questions-scroll-container::-webkit-scrollbar{width:6px}.questions-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.questions-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.questions-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.section-review-fixed{margin-bottom:32px}.section-header-fixed{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;background:#f8fafc;border-radius:10px;border-left:3px solid #6366f1}.section-header-fixed .material-icons{color:#6366f1;font-size:1rem}.section-header-fixed h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.passage-review-fixed{margin-bottom:20px}.passage-header-fixed{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:#f1f5f9;border-radius:8px;border-left:3px solid #3b82f6}.passage-header-fixed .material-icons{color:#3b82f6;font-size:1rem}.passage-header-fixed h4{font-size:.9rem;font-weight:600;color:#374151;margin:0}.questions-grid-fixed{display:grid;gap:10px}.question-card-fixed{border-radius:10px;border:2px solid;padding:12px;transition:all .3s ease}.question-card-fixed.correct{background:#f0fdf4;border-color:#bbf7d0}.question-card-fixed.incorrect{background:#fef2f2;border-color:#fecaca}.question-card-fixed:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.question-header-fixed{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.question-number-badge-fixed{background:#6366f1;color:#fff;padding:3px 6px;border-radius:4px;font-size:.7rem;font-weight:600;min-width:28px;text-align:center}.question-type-badge-fixed{background:#e0e7ff;color:#3730a3;padding:3px 6px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:capitalize}.result-badge-fixed{margin-left:auto;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.result-badge-fixed.correct{background:#dcfce7;color:#16a34a}.result-badge-fixed.incorrect{background:#fee2e2;color:#dc2626}.result-badge-fixed .material-icons{font-size:.9rem}.question-content-fixed{padding-left:2px}.question-text-fixed{font-size:.8rem;color:#374151;margin:0 0 10px;line-height:1.4}.answers-comparison-fixed{display:flex;flex-direction:column;gap:6px}.answer-block-fixed{display:flex;flex-direction:column;gap:3px}.answer-label-fixed{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.answer-text-fixed{font-size:.8rem;padding:6px 10px;border-radius:6px;border:1px solid;font-weight:500}.answer-text-fixed.correct{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.answer-text-fixed.incorrect{background:#fef2f2;border-color:#fecaca;color:#dc2626}.question-card-fixed.grouped{border-radius:10px;border:2px solid;padding:12px;transition:all .3s ease}.grouped-answers-grid{display:grid;gap:10px;margin-top:12px}.grouped-answer-item{padding:10px;border-radius:8px;border:1px solid;transition:all .3s ease}.grouped-answer-item.correct{background:#f0fdf4;border-color:#bbf7d0}.grouped-answer-item.incorrect{background:#fef2f2;border-color:#fecaca}.grouped-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.item-label{font-size:.8rem;font-weight:600;color:#374151}.mini-result-badge{border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mini-result-badge.correct{background:#dcfce7;color:#16a34a}.mini-result-badge.incorrect{background:#fee2e2;color:#dc2626}.mini-result-badge .material-icons{font-size:.7rem}.grouped-answer-content{display:flex;flex-direction:column;gap:4px}.grouped-answer-content .answer-block-fixed{margin-bottom:0}.grouped-answer-content .answer-text-fixed{font-size:.75rem;padding:4px 8px}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-message{color:#fff;font-size:1.125rem;font-weight:500}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.feedback-main-container{flex-direction:row}.feedback-left-section,.feedback-right-section{width:50vw;padding:80px 12px 12px}.question-review-fixed{height:calc(100vh - 100px);padding:20px}.skills-grid-compact,.tips-grid-compact,.score-breakdown-compact{grid-template-columns:1fr}}@media (max-width: 768px){.feedback-left-section{width:50vw;padding:60px 8px 8px;gap:12px}.feedback-right-section{width:50vw;padding:60px 8px 8px}.score-circle-compact{width:120px;height:120px}.score-number-compact{font-size:1.5rem}.hero-title-compact{font-size:1.25rem}.hero-subtitle-compact{font-size:.9rem}.section-title-compact,.section-title-fixed{font-size:1rem}.question-review-fixed{padding:16px}.back-to-home{top:10px;left:10px}.back-button{padding:8px 16px;font-size:.8rem}}@media (max-width: 480px){.feedback-left-section{width:50vw;padding:60px 6px 6px;gap:10px}.feedback-right-section{width:50vw;padding:60px 6px 6px}.score-circle-compact{width:100px;height:100px}.score-number-compact{font-size:1.25rem}.hero-title-compact{font-size:1.1rem}.achievement-icon-compact{width:48px;height:48px}.achievement-icon-compact .material-icons{font-size:1.5rem}.feedback-hero-compact,.score-dashboard-compact,.skills-analysis-compact,.improvement-section-compact,.question-review-fixed{border-radius:12px;padding:16px}}:root{--primary-color: #2563eb;--secondary-color: #3b82f6;--accent-color: #1d4ed8;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-light: #e2e8f0;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}.mic-button-clean{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--card-shadow);font-weight:500;position:relative;min-width:120px;min-height:48px}.mic-button-clean:hover{background-color:var(--secondary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.mic-button-clean.recording{background-color:var(--error-color);animation:pulse-clean 2s infinite}.mic-button-clean.recording:hover{background-color:#b91c1c}@keyframes pulse-clean{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.speaking-start-button{background-color:var(--primary-color);border:none;border-radius:12px;color:#fff;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);position:relative;overflow:hidden;min-width:200px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.speaking-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--card-shadow-hover);background-color:var(--secondary-color)}.speaking-start-button:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #94a3b833}.speaking-start-button.loading{background-color:#94a3b8;cursor:not-allowed}.speaking-start-button.preparing{animation:pulse-clean 2s infinite}.speaking-start-button.ready{animation:fadeInScale .5s ease-out}.speaking-start-button .spinner{width:20px;height:20px;border:2px solid #ffffff40;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speaking-container{background:var(--bg-secondary);min-height:100vh;position:relative}.mic-button{display:flex;align-items:center;justify-content:center;border-radius:50%;width:70px;height:70px;transition:all var(--transition-fast);box-shadow:var(--card-shadow);position:relative;overflow:hidden;background-color:var(--primary-color);cursor:pointer;border:2px solid rgba(255,255,255,.1);z-index:2}.mic-button:hover{transform:scale(1.05) translateY(-2px);box-shadow:var(--card-shadow-hover);background-color:var(--secondary-color)}.mic-button.recording{background-color:var(--error-color);animation:pulse-clean 1.5s infinite}.mic-button.recording:hover{background-color:#b91c1c}.mic-button:after{content:"Click to speak";position:absolute;bottom:-36px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-tertiary);white-space:nowrap;opacity:0;transition:opacity var(--transition-normal);font-weight:500;pointer-events:none}.mic-button:hover:after{opacity:1}.mic-button.recording:after{content:"Recording...";color:var(--error-color);font-weight:600;opacity:1}.transcription-area{background-color:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;margin-top:1.25rem;border:1px solid var(--border-light);position:relative}.transcription-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.transcription-text{color:var(--text-primary);line-height:1.6;font-size:1.05rem}.mic-button-large{display:flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:12px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--card-shadow);font-weight:600;font-size:16px;gap:8px}.mic-button-large:hover{background-color:var(--secondary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.mic-button-large.recording{background-color:var(--error-color);animation:pulse-clean 2s infinite}.mic-button-large.recording:hover{background-color:#b91c1c}@media (max-width: 640px){.mic-button-clean{min-width:100px;min-height:44px;padding:10px 16px}.mic-button{width:60px;height:60px}.mic-button-large{padding:14px 20px;font-size:14px}}.feedback-card{background:var(--bg-primary);border-radius:12px;box-shadow:var(--card-shadow);transition:all var(--transition-normal);border:1px solid var(--border-light)}.feedback-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.score-display{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;color:#fff;padding:2rem;text-align:center;position:relative;overflow:hidden}.score-value{font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.instructions-container{background:var(--bg-secondary);min-height:100vh;padding:2rem 0}.speaking-header{text-align:center;margin-bottom:3rem}.speaking-title{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.speaking-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:42rem;margin:0 auto}.instructions-card-compact{background:var(--bg-primary);border-radius:16px;box-shadow:var(--card-shadow);padding:2rem;border:1px solid var(--border-light)}.instructions-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.instructions-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.instruction-block-compact{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-light);transition:all var(--transition-fast)}.instruction-block-compact:hover{background:var(--bg-secondary);box-shadow:var(--card-shadow);transform:translateY(-1px)}.instruction-icon-small{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instruction-details-compact h3{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.instruction-details-compact p{font-size:.75rem;opacity:.8}.start-button{background-color:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:200px}.start-button:hover:not(:disabled){background-color:var(--secondary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.start-button:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none}@media (max-width: 768px){.instructions-content-grid{grid-template-columns:1fr}.speaking-title{font-size:2.5rem}.speaking-subtitle{font-size:1.125rem}.instruction-block-compact{padding:.75rem}}.speaking-exam-container{max-width:1200px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:var(--error-color)}.error-dismiss{background:none;border:none;font-size:18px;font-weight:700;color:var(--error-color);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.exam-header-compact{text-align:center;margin-bottom:16px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;border:2px solid var(--primary-color)}.exam-header-compact h1{font-size:20px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.exam-header-compact p{font-size:13px;color:var(--text-secondary);margin:0}.questions-container{flex:1;display:grid;gap:12px;margin-bottom:20px}.question-row{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"question controls" "answer answer";gap:12px;align-items:start;transition:all var(--transition-fast);box-shadow:var(--card-shadow)}.question-row:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.question-info{grid-area:question;display:flex;align-items:flex-start;gap:12px}.question-label{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;min-width:32px;text-align:center;flex-shrink:0;margin-top:2px}.question-text-compact{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4;margin:0;flex:1}.controls-compact{grid-area:controls;display:flex;gap:8px;align-items:center}.record-btn-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;min-width:80px;justify-content:center}.record-btn-compact:hover:not(.recording){background:var(--secondary-color);transform:translateY(-1px)}.record-btn-compact.recording{background:var(--error-color);animation:recording-pulse 2s infinite}.record-btn-compact.recording:hover{background:#b91c1c}.mic-icon,.stop-icon{font-size:14px;line-height:1}.rec-indicator{position:absolute;top:-6px;right:-6px;background:#fffffff2;color:var(--error-color);font-size:8px;font-weight:700;padding:1px 4px;border-radius:4px;animation:blink 1s infinite}.retry-btn-compact{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);font-size:16px;font-weight:600}.retry-btn-compact:hover{background:#e5e7eb;color:var(--text-primary);transform:rotate(180deg)}.answer-preview{grid-area:answer;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:12px;display:flex;align-items:flex-start;gap:8px}.answer-indicator{color:var(--success-color);font-size:14px;font-weight:600;flex-shrink:0;margin-top:1px}.answer-text-compact{font-size:13px;color:var(--text-primary);line-height:1.4;margin:0;flex:1}.exam-navigation{text-align:center;padding:0;margin-top:-10px}.continue-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--card-shadow)}.continue-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.7}}@media (max-width: 768px){.speaking-exam-container{padding:12px}.question-row{grid-template-columns:1fr;grid-template-areas:"question" "controls" "answer";gap:12px}.controls-compact{justify-content:flex-start}.question-info{gap:8px}.question-text-compact{font-size:14px}.exam-header-compact h1{font-size:18px}.questions-container{gap:10px}}@media (max-width: 480px){.question-row{padding:12px}.record-btn-compact{min-width:70px;padding:6px 10px;font-size:12px}.retry-btn-compact{width:28px;height:28px;font-size:14px}.controls-compact{gap:6px}}.exam-question-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.exam-question-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.question-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:12px 24px;font-weight:600;font-size:14px;letter-spacing:.5px}.question-number{display:flex;align-items:center;gap:8px}.question-content{padding:24px}.question-text{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:24px;line-height:1.6}.record-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);font-weight:600;font-size:16px;min-width:160px;position:relative;overflow:hidden}.record-button:hover:not(.disabled){background-color:var(--secondary-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.record-button.recording{background-color:var(--error-color);animation:recording-pulse 2s infinite}.record-button.recording:hover{background-color:#b91c1c}.record-button.disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;opacity:.6}.record-button.large{padding:20px 32px;font-size:18px;min-width:200px}.record-button-content{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.record-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.record-icon.large{width:28px;height:28px}.mic-svg{width:100%;height:100%;stroke-width:2.5}.stop-square{width:12px;height:12px;background-color:#fff;border-radius:2px}.record-icon.large .stop-square{width:14px;height:14px}.record-text{font-weight:600;letter-spacing:.3px}.recording-indicator{position:absolute;top:-8px;right:-8px;background:#ffffffe6;color:var(--error-color);font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;animation:blink 1s infinite}.recording-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px}.recording-controls.centered{justify-content:center}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f3f4f6;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-size:14px}.retry-button:hover{background-color:#e5e7eb;color:var(--text-primary);border-color:#d1d5db}.retry-icon{width:16px;height:16px;stroke-width:2}.answer-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-top:20px}.answer-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary-color);margin-bottom:12px}.answer-icon{width:16px;height:16px;stroke-width:2.5}.answer-text{color:var(--text-primary);line-height:1.7;font-size:15px}.timer-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:20px;max-width:400px;margin:0 auto 32px;border:2px solid var(--border-light)}.timer-card.preparation{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#dbeafe)}.timer-card.speaking{border-color:#059669;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.timer-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fffc}.timer-content h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.timer-content p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.timer-display{font-size:24px;font-weight:800;color:var(--primary-color);font-family:Courier New,monospace;margin-bottom:8px}.skip-button{background:none;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.skip-button:hover{background:var(--primary-color);color:#fff}.part2-topic .question-header{background:linear-gradient(135deg,#7c3aed,#a855f7)}.topic-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.4}.topic-cues{background:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;padding:20px;margin-bottom:20px}.topic-cues h3{font-size:16px;font-weight:600;color:#7c3aed;margin-bottom:12px}.cues-list{list-style:none;padding:0;margin:0}.cue-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;font-size:15px;color:var(--text-primary);line-height:1.5}.cue-bullet{color:#7c3aed;font-weight:700;font-size:18px;line-height:1;margin-top:2px}.final-question{background:#fffbeb;border:1px solid #fed7aa;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.final-question-icon{font-size:20px;margin-top:2px}.final-question p{font-size:15px;color:var(--text-primary);font-weight:500;line-height:1.5;margin:0}.next-part-button{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border:none!important;padding:8px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all var(--transition-fast)!important;box-shadow:0 3px 8px #2563eb4d!important;margin:4px auto 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.next-part-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #2563eb66!important}.next-arrow{width:16px;height:16px;transition:transform var(--transition-fast)}.next-part-button:hover .next-arrow{transform:translate(2px)}.completion-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:20px;padding:32px;max-width:500px;margin:0 auto;text-align:center}.completion-icon{font-size:48px;margin-bottom:16px}.completion-card h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.completion-card p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.results-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);display:inline-flex;align-items:center;gap:10px}.results-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.results-icon{width:20px;height:20px;stroke-width:2.5}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}.questions-horizontal{display:flex;flex-direction:column;gap:6px;margin-bottom:0;flex:1}.question-horizontal{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:10px;display:grid;grid-template-columns:60px 1fr 140px;grid-template-areas:"number content controls";gap:16px;align-items:center;transition:all var(--transition-fast)}.question-horizontal:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.exam-navigation-compact,.exam-navigation{text-align:center;padding:0;margin-top:-10px}.completion-card-compact{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:12px;padding:8px;display:flex;align-items:center;gap:6px;max-width:500px;margin:-8px auto 0;box-shadow:var(--card-shadow)}.completion-icon-compact{font-size:22px;flex-shrink:0}.completion-text{flex:1;text-align:left}.completion-text h3{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 1px}.completion-text p{font-size:11px;color:var(--text-secondary);margin:0}.results-btn-compact{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--card-shadow);flex-shrink:0}.results-btn-compact:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.question-number-left{grid-area:number;background:var(--primary-color);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;min-width:48px}.question-content-middle{grid-area:content;display:flex;flex-direction:column;gap:8px}.question-text-horizontal{font-size:17px;font-weight:500;color:var(--text-primary);line-height:1.4;margin:0}.answer-horizontal{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:12px;display:flex;align-items:flex-start;gap:8px}.answer-indicator-small{font-size:14px;flex-shrink:0}.answer-text-horizontal{font-size:15px;color:var(--text-primary);line-height:1.4;margin:0;flex:1;font-weight:600}.record-controls-right{grid-area:controls;display:flex;flex-direction:column;gap:8px;align-items:center}.record-btn-medium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #2563eb4d;font-weight:600;font-size:13px;min-width:100px;min-height:70px;position:relative;gap:4px;border:2px solid rgba(255,255,255,.2)}.record-btn-medium:hover:not(.recording){background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px) scale(1.03)}.record-btn-medium.recording{background:linear-gradient(135deg,var(--error-color),#b91c1c);animation:recording-pulse 2s infinite;box-shadow:0 4px 12px #dc262666}.record-btn-medium.recording:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:scale(1.03)}.record-icon-medium{font-size:22px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.record-text-medium{font-size:12px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pulse-ring-small{position:absolute;top:50%;left:50%;width:50px;height:50px;border:2px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-ring-small 1.5s infinite}@keyframes pulse-ring-small{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.retry-btn-small{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;padding:8px 12px;cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:600;width:100px;text-align:center;box-shadow:0 3px 8px #f59e0b4d;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.2)}.retry-btn-small:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.retry-icon-custom{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.retry-icon-custom:before{content:"";position:absolute;top:-2px;right:-1px;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg)}.retry-icon-custom:after{content:"";position:absolute;top:2px;right:1px;width:4px;height:2px;border-top:2px solid currentColor;transform:rotate(45deg)}.exam-navigation-compact{text-align:center;padding:0;margin-top:0}.continue-btn-compact{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 3px 8px #2563eb4d;margin:0 auto;display:block}.continue-btn-compact:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}@media (max-width: 1024px){.question-horizontal{grid-template-columns:50px 1fr 120px;gap:12px}.record-btn-medium{min-width:90px;min-height:60px;padding:10px 12px}.record-icon-medium{font-size:18px}}@media (max-width: 768px){.speaking-exam-container{padding:12px}.questions-horizontal{gap:12px}.question-horizontal{grid-template-columns:1fr;grid-template-areas:"number" "content" "controls";gap:12px;text-align:center}.question-content-middle{text-align:left}.record-controls-right{flex-direction:row;justify-content:center}.question-text-horizontal{font-size:15px}.exam-header-compact h1{font-size:18px}}@media (max-width: 480px){.question-horizontal{padding:12px}.record-btn-medium{min-width:80px;min-height:50px;padding:8px 10px}.record-icon-medium{font-size:16px}.record-text-medium{font-size:11px}.question-text-horizontal{font-size:14px}.continue-btn-compact{padding:10px 20px;font-size:15px}}.countdown-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.countdown-animation{position:relative;width:300px;height:300px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-particle{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border-radius:50%;opacity:.7;animation:floatParticle 4s ease-in-out infinite}.countdown-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:2}.countdown-ring-1{animation:rotateRing 12s linear infinite}.countdown-ring-2{animation:rotateRingReverse 15s linear infinite}.countdown-dot{position:absolute;border-radius:50%;background:linear-gradient(45deg,#6366f1,#8b5cf6);box-shadow:0 0 10px #6366f180;z-index:3}.countdown-center{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 0 30px #6366f14d,inset 0 0 20px #6366f11a;border:3px solid rgba(99,102,241,.2)}.countdown-number{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(99,102,241,.3);animation:pulseNumber 1s ease-in-out infinite alternate}.countdown-go{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;animation:bounceGo .6s ease-out;letter-spacing:2px}.countdown-message{margin-top:2rem;font-size:1.5rem;font-weight:600;color:#fff;opacity:0;animation:fadeInMessage .8s ease-out forwards;text-align:center}.breathing-guide{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.breathing-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:.7;animation:breathe 4s ease-in-out infinite}.breathing-text{font-size:1.125rem;color:#8b5cf6;font-weight:500;text-align:center;opacity:.8}.error-message{margin-top:2rem;padding:1rem 2rem;background:#ef4444e6;color:#fff;border-radius:.5rem;text-align:center}.back-button{margin-top:1rem;padding:.5rem 1rem;background:#fff;color:#ef4444;border:none;border-radius:.25rem;cursor:pointer;font-weight:500}.back-button:hover{background:#f3f4f6}@keyframes floatParticle{0%,to{transform:translateY(0) rotate(0);opacity:.6}25%{transform:translateY(-20px) rotate(90deg);opacity:1}50%{transform:translateY(-10px) rotate(180deg);opacity:.8}75%{transform:translateY(-15px) rotate(270deg);opacity:1}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateRingReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseNumber{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.2)}}@keyframes bounceGo{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}@media (max-width: 768px){.countdown-animation{width:250px;height:250px}.countdown-center{width:150px;height:150px}.countdown-number{font-size:4rem}.countdown-go{font-size:2.5rem}.countdown-message{font-size:1.25rem}}.reading-start-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;font-weight:600;padding:1rem 2rem;border-radius:.75rem;transition:all .3s ease;box-shadow:0 10px 25px #3b82f64d;border:none;cursor:pointer;font-size:1.1rem;min-width:200px}.reading-start-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 15px 30px #3b82f666}.reading-start-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 5px 15px #94a3b84d}.reading-start-button.loading{background:#94a3b8;cursor:wait}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.listening-start-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;padding:1.5rem 3rem;border-radius:1rem;transition:all .3s ease;box-shadow:0 10px 25px #3b82f64d;border:none;cursor:pointer;font-size:1.25rem;min-width:280px;transform:translateY(0)}.listening-start-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-4px);box-shadow:0 20px 40px #3b82f666}.listening-start-button:disabled{background:#94a3b8;cursor:not-allowed;transform:translateY(0);box-shadow:0 5px 15px #94a3b84d}.listening-start-button.loading{background:#94a3b8;cursor:wait}.listening-start-button .material-icons{transition:all .3s ease}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.toefl-writing-container{max-width:1200px;margin:0 auto}.task-header-container{background-image:linear-gradient(to right,#dbeafe80,#c7d2fe4d);border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.task-header-container:hover{box-shadow:0 4px 6px #0000000d}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.timer-display{display:flex;align-items:center;font-size:1.125rem;color:#4b5563}.timer-icon{margin-right:.25rem}.reading-lecture-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.reading-lecture-grid{grid-template-columns:1fr 1fr}}.card-container{padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;height:500px;overflow:auto;transition:all .3s ease}.card-container:hover{box-shadow:0 4px 6px #0000001a}.card-title{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.card-content{white-space:pre-line}.prompt-container{padding:1rem;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:.375rem;margin-bottom:1.5rem}.prompt-title{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:.5rem}.prompt-details{margin-top:.75rem;font-size:.875rem;color:#6b7280}.prompt-note{margin-top:.5rem;font-weight:500;color:#b45309}.response-container{padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.response-title{font-size:1.25rem;font-weight:700;color:#1e40af}.word-count{font-size:.875rem;color:#6b7280;position:absolute;right:1.5rem;top:1.5rem}.response-textarea{width:100%;height:300px;padding:1rem;border:1px solid #d1d5db;border-radius:.375rem;resize:none}.response-textarea:focus{outline:none;ring:2px;ring-color:#3b82f6}.discussion-container{padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem}.discussion-title{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.post{padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:all .3s ease}.post:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.post-header{display:flex;align-items:center;margin-bottom:.5rem}.avatar{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.instructor-avatar{background-color:#2563eb}.student-avatar{background-color:#059669}.post-author{margin-left:.75rem}.author-name{font-weight:600}.topic{font-size:.875rem;color:#6b7280}.post-content{white-space:pre-line}.navigation-buttons{display:flex;justify-content:space-between;padding-top:1.5rem}.loading-container{display:flex;align-items:center;justify-content:center;height:70vh}.loading-spinner{width:60px;height:60px;margin:0 auto;border-radius:50%;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;animation:spinner 1s linear infinite;position:relative}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.loading-spinner:before{width:46px;height:46px;border:3px solid rgba(79,70,229,.1);border-top-color:#4f46e5;animation:spinner 1.2s linear infinite reverse}.loading-spinner:after{width:32px;height:32px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;animation:spinner .8s linear infinite}.submitting-spinner{width:60px;height:60px;margin:0 auto;border-radius:50%;border:3px solid rgba(16,185,129,.1);border-top-color:#10b981;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.error-container{display:flex;align-items:center;justify-content:center;height:70vh;text-align:center}.error-icon{width:4rem;height:4rem;background-color:#fee2e2;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.error-message{font-size:1.25rem;font-weight:500;color:#4b5563;margin-bottom:1rem}.error-details{color:#6b7280}.floating-particle{position:absolute;width:var(--size);height:var(--size);background-color:rgba(59,130,246,var(--opacity));border-radius:50%;animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:var(--opacity)}@keyframes float{0%{transform:translate(var(--x-start),var(--y-start))}50%{transform:translate(var(--x-end),var(--y-end))}to{transform:translate(var(--x-start),var(--y-start))}}.countdown-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:rotate 10s linear infinite}.countdown-ring-1{animation-duration:10s}.countdown-ring-2{animation-duration:15s;animation-direction:reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown-dot{position:absolute;width:12px;height:12px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f680}.countdown-dot-alt{background-color:#6366f1;box-shadow:0 0 10px #6366f180}.countdown-sparkle{position:absolute;width:6px;height:6px;background-color:#60a5fa;border-radius:50%;opacity:.8;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.countdown-number-container{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:140px;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 -2px 5px #0000001a;z-index:10}textarea{transition:all .3s ease;font-size:16px;line-height:1.6}textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.toefl-writing-feedback-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;min-height:100vh;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.feedback-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem;letter-spacing:-.025em}.feedback-subtitle{font-size:1.25rem;color:#6b7280;max-width:700px;margin:0 auto}.feedback-loading-container{display:flex;justify-content:center;align-items:center;min-height:70vh}.feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background-color:#fff;border-radius:1rem;box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%}.loading-message{font-size:1.125rem;color:#4b5563;margin-top:1.5rem}.feedback-error{text-align:center;max-width:500px;margin:0 auto;padding:3rem 1.5rem}.error-icon .material-icons{font-size:2rem;color:#ef4444}.feedback-error h2{font-size:1.5rem;font-weight:600;color:#4b5563;margin-bottom:1rem}.feedback-error p{color:#6b7280;margin-bottom:2rem}.retry-button{display:inline-flex;align-items:center;justify-content:center;background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;margin-top:1.5rem;transition:all .3s ease}.retry-button:hover{background-color:#2563eb}.retry-button .material-icons{margin-right:.5rem;font-size:1.25rem}.feedback-content-container{display:flex;flex-direction:column;width:100%}.feedback-tabs-container{width:100%;background-color:#fff;padding:1rem;border-radius:1rem 1rem 0 0;box-shadow:0 4px 6px -1px #0000000d;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.feedback-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;max-width:1400px;margin:0 auto}.feedback-tabs::-webkit-scrollbar{height:6px}.feedback-tabs::-webkit-scrollbar-track{background:transparent}.feedback-tabs::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.feedback-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-weight:600;color:#4b5563;transition:all .2s;white-space:nowrap;cursor:pointer}.feedback-tab:hover{background-color:#f3f4f6;border-color:#d1d5db}.feedback-tab.active{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af;box-shadow:0 4px 6px -1px #3b82f61a}.tab-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#e5e7eb;border-radius:9999px;font-weight:700;color:#4b5563}.feedback-tab.active .tab-number{background-color:#bfdbfe;color:#1e40af}.tab-score{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:700}.score-0,.score-1{background-color:#fee2e2;color:#b91c1c}.score-2{background-color:#fed7aa;color:#c2410c}.score-3{background-color:#fef3c7;color:#a16207}.score-4{background-color:#d1fae5;color:#065f46}.score-5{background-color:#a7f3d0;color:#047857}.feedback-results-container{background-color:#fff;border-radius:0 0 1rem 1rem;box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;margin-bottom:2rem;width:100%}.no-feedback{text-align:center;padding:4rem 0;color:#6b7280}.feedback-content{background-color:#fff;border-radius:1rem;box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;margin-bottom:2rem}.feedback-overview{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.score-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.score-grid{grid-template-columns:1fr 1fr 1fr}}.overall-score{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);padding:2rem;border-radius:1rem;box-shadow:0 4px 20px -5px #3b82f633;border:1px solid rgba(219,234,254,.8)}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem;box-shadow:0 10px 20px -5px #3b82f666;position:relative;border:6px solid rgba(255,255,255,.8)}.score-band{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:.75rem;padding:.5rem 1.5rem;background-color:#dbeafe99;border-radius:9999px;display:inline-block}.score-description{color:#4b5563;font-size:1rem;line-height:1.6}.category-score{background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:1.5rem;border-radius:1rem;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(226,232,240,.8);transition:transform .2s ease,box-shadow .2s ease}.category-score:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000001a}.category-score-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.8)}.category-title{font-size:1.25rem;font-weight:700;color:#1e3a8a;display:flex;align-items:center}.category-title:before{content:"";display:inline-block;width:8px;height:8px;margin-right:.75rem;background-color:#3b82f6;border-radius:50%}.category-score-value{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.category-description{color:#4b5563;font-size:.95rem;flex-grow:1;line-height:1.6;margin-top:.5rem}.category-score:nth-child(1) .category-title:before{background-color:#3b82f6}.category-score:nth-child(2) .category-title:before{background-color:#8b5cf6}.category-score:nth-child(3) .category-title:before{background-color:#10b981}.category-score-bar-container{height:.75rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;margin:.75rem 0;box-shadow:inset 0 2px 4px #0000000d}.category-score-bar{height:100%;border-radius:9999px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a;position:relative}.category-score-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d);border-radius:9999px}.improvement-section .section-title{font-size:1.35rem;font-weight:700;color:#b45309;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(251,191,36,.3)}.improvement-section .section-title:before{content:"!";display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#fef3c7;color:#d97706;border-radius:50%;margin-right:.75rem;font-weight:800;border:2px solid #fdba74}.list-item .list-item{margin-top:.5rem;margin-left:1.5rem}.bullet+.bullet{margin-left:-.75rem}.task-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto;scrollbar-width:none}.task-tab{padding:.75rem 1.5rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap}.feedback-sections{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.feedback-sections{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feedback-sections{grid-template-columns:repeat(3,1fr)}}.feedback-section{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.feedback-section:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.analysis-section{grid-column:1 / -1}.strengths-section{border-left:4px solid #10b981;background-color:#ecfdf5}.improvement-section{border-left:4px solid #f59e0b;background-color:#fffbeb}.recommendations-section{border-left:4px solid #3b82f6;background-color:#eff6ff}.examples-section{border-left:4px solid #8b5cf6;background-color:#f5f3ff}.section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center}.strengths-section .section-title:before{content:"✓";display:inline-block;margin-right:.5rem;color:#10b981}.improvement-section .section-title:before{content:"!";display:inline-block;margin-right:.5rem;color:#f59e0b}.recommendations-section .section-title:before{content:"💡";display:inline-block;margin-right:.5rem}.examples-section .section-title:before{content:'"';display:inline-block;margin-right:.5rem;color:#8b5cf6;font-size:1.5rem;font-weight:800}.section-content{flex-grow:1}.list-item{display:flex;margin-bottom:.75rem;align-items:flex-start}.bullet{display:inline-block;margin-right:.75rem;color:#6b7280;flex-shrink:0}.item-text{color:#4b5563;flex-grow:1}.subsection-title{font-size:1.1rem;font-weight:600;color:#374151;margin:1.25rem 0 .75rem}.paragraph{margin-bottom:1rem;color:#4b5563;line-height:1.6}.paragraph strong,.item-text strong{font-weight:600;color:#1f2937}.nav-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}@media (max-width: 768px){.feedback-title{font-size:2rem}.feedback-subtitle{font-size:1rem}.loading-stages{flex-direction:column;gap:2rem}.loading-stages:before{display:none}.stage-progress{display:none}.feedback-sections{grid-template-columns:1fr}.score-circle{width:140px;height:140px}.score-inner{width:120px;height:120px}.score-value{font-size:3rem}}.score-ring{width:100%;height:100%}.score-ring-progress{stroke:url(#scoreGradient);stroke-linecap:round;filter:drop-shadow(0px 0px 6px rgba(59,130,246,.5))}.score-value-text,.score-label-text{text-anchor:middle;dominant-baseline:middle;transform:rotate(0)!important}svg defs{position:absolute}.overall-feedback-content{animation:fadeIn .6s ease-out forwards}.toefl-speaking-container{min-height:100vh;width:100%;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.speaking-header{text-align:center;padding:2rem 1rem;position:relative}.speaking-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem;letter-spacing:-.025em}.speaking-subtitle{font-size:1.25rem;color:#6b7280;max-width:700px;margin:0 auto}.task-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease}.task-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.task-number{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;display:flex;align-items:center}.task-number-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#e5e7eb;border-radius:9999px;margin-right:.5rem;font-weight:700;color:#4b5563}.task-type{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.task-prompt{font-size:1.125rem;color:#374151;margin-bottom:1.5rem;line-height:1.6}.reading-section,.listening-section{margin-bottom:1.5rem;padding:1.25rem;border-radius:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb}.reading-title,.listening-title{font-size:1.125rem;font-weight:700;color:#4b5563;margin-bottom:.75rem;display:flex;align-items:center}.reading-title:before,.listening-title:before{content:"";display:inline-block;width:4px;height:1.125rem;background-color:#3b82f6;margin-right:.75rem;border-radius:2px}.reading-content,.listening-content{font-size:1rem;color:#4b5563;line-height:1.6}.question-section{margin-top:1.5rem;padding:1.25rem;border-radius:.75rem;background-color:#eff6ff;border:1px solid #bfdbfe}.question-title{font-size:1.125rem;font-weight:700;color:#1e40af;margin-bottom:.75rem;display:flex;align-items:center}.question-title:before{content:"";display:inline-block;width:4px;height:1.125rem;background-color:#3b82f6;margin-right:.75rem;border-radius:2px}.question-content{font-size:1.125rem;color:#1e3a8a;line-height:1.6;font-weight:500}.timer-container{display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.timer{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:1rem;padding:1.25rem 2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb}.timer-label{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.timer-time{font-size:2.5rem;font-weight:700;color:#1e40af;font-variant-numeric:tabular-nums}.timer.preparing{background-color:#fffbeb;border-color:#fcd34d}.timer.preparing .timer-label{color:#92400e}.timer.preparing .timer-time{color:#b45309}.timer.responding{background-color:#ecfdf5;border-color:#6ee7b7}.timer.responding .timer-label{color:#065f46}.timer.responding .timer-time{color:#047857}.timer-warning{color:#dc2626}.action-buttons{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s;cursor:pointer;font-size:1rem}.prepare-button{background-color:#fffbeb;border:1px solid #fcd34d;color:#92400e}.prepare-button:hover{background-color:#fef3c7;border-color:#f59e0b}.respond-button{background-color:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.respond-button:hover{background-color:#d1fae5;border-color:#34d399}.next-button{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.next-button:hover{background:linear-gradient(135deg,#2563eb,#4338ca);transform:translateY(-2px);box-shadow:0 6px 10px -1px #3b82f666}.prev-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.prev-button:hover{background-color:#f9fafb;border-color:#9ca3af}.recording-controls{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.recording-button{display:flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #3b82f64d;margin:0 auto;width:-moz-fit-content;width:fit-content;min-width:200px}.recording-button:hover{background:linear-gradient(135deg,#2563eb,#4338ca);transform:translateY(-2px);box-shadow:0 6px 10px -1px #3b82f666}.recording-button.recording{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.recording-status{margin-top:1rem;font-size:.875rem;font-weight:600;color:#4b5563}.recording-status.recording{color:#dc2626}.transcription-area{margin-top:1.5rem;padding:1.25rem;border-radius:.75rem;background-color:#fff;border:1px solid #e5e7eb}.transcription-label{font-size:1rem;font-weight:700;color:#4b5563;margin-bottom:.75rem}.transcription-text{font-size:1rem;color:#4b5563;line-height:1.6;white-space:pre-wrap;max-height:200px;overflow-y:auto;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:3rem;height:3rem;border-radius:50%;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{margin-top:1.5rem;font-size:1.25rem;color:#4b5563}.error-container{padding:2rem;text-align:center;max-width:600px;margin:0 auto}.error-icon{width:4rem;height:4rem;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.error-icon i{font-size:2rem;color:#ef4444}.error-title{font-size:1.5rem;font-weight:700;color:#4b5563;margin-bottom:1rem}.error-message{color:#6b7280;margin-bottom:2rem}.instructions-container{max-width:800px;margin:0 auto;padding:2rem}.instructions-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;border:1px solid #e5e7eb}.instructions-title{font-size:1.75rem;font-weight:700;color:#1e40af;margin-bottom:1.5rem;text-align:center}.instructions-list{list-style-type:none;padding:0;margin:0 0 2rem}.instructions-list li{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.instructions-list li:last-child{border-bottom:none}.instruction-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background-color:#eff6ff;border-radius:50%;margin-right:1rem;font-weight:700;color:#1e40af}.instruction-text{flex-grow:1;color:#4b5563}.start-button{display:flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #3b82f64d;margin:0 auto;width:-moz-fit-content;width:fit-content}.start-button:hover{background:linear-gradient(135deg,#2563eb,#4338ca);transform:translateY(-2px);box-shadow:0 6px 10px -1px #3b82f666}.speaking-feedback-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;min-height:100vh}.feedback-header{text-align:center;margin-bottom:2.5rem;position:relative}.feedback-header:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background-color:#fff;border-radius:1rem;box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;margin:0 auto}.feedback-spinner{width:70px;height:70px;margin:2rem 0;border-radius:50%;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;animation:feedback-spin 1.2s linear infinite;position:relative}.feedback-spinner:before,.feedback-spinner:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.feedback-spinner:before{width:54px;height:54px;border:3px solid rgba(79,70,229,.1);border-top-color:#4f46e5;animation:feedback-spin 1.5s linear infinite reverse}.feedback-spinner:after{width:38px;height:38px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;animation:feedback-spin .9s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease forwards}@media (max-width: 768px){.speaking-title{font-size:2rem}.speaking-subtitle{font-size:1rem}.action-buttons{flex-direction:column;align-items:center}.action-button{width:100%;justify-content:center}.task-card{padding:1rem}}.loading-exam-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8fafc}.loading-exam-content{text-align:center;padding:3rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.loading-exam-content h2{font-size:1.75rem;font-weight:700;color:#1e40af;margin-bottom:1.5rem}.loading-exam-content p{margin-top:1.5rem;font-size:1.125rem;color:#4b5563}.loading-exam-content .loading-spinner{margin:0 auto}.task-list{list-style-type:none;padding:0;margin-bottom:1.5rem}.task-list li{padding:.75rem;margin-bottom:.5rem;background-color:#f3f4f6;border-radius:.5rem;color:#4b5563;font-size:.95rem}.loading-stages{display:flex;width:100%;justify-content:space-between;margin-bottom:3rem;position:relative;max-width:700px}.loading-stages:before{content:"";position:absolute;top:1.5rem;left:0;right:0;height:2px;background-color:#e5e7eb;z-index:0}.loading-stage{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.stage-indicator{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:1rem}.stage-number{width:3rem;height:3rem;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#9ca3af;font-size:1.25rem;position:relative;z-index:2;transition:all .3s ease;border:2px solid #f3f4f6}.loading-stage.active .stage-number{background-color:#bfdbfe;color:#1e40af;border-color:#93c5fd}.loading-stage.current .stage-number{background-color:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #3b82f640}.stage-progress{position:absolute;top:1.5rem;left:50%;width:100%;height:2px;background-color:#e5e7eb;transition:transform .5s ease,background-color .5s ease;transform-origin:left;transform:scaleX(0)}.loading-stage.active .stage-progress{background-color:#3b82f6;transform:scaleX(1)}.stage-name{font-size:.875rem;font-weight:500;color:#6b7280;text-align:center;transition:all .3s ease;max-width:120px}.loading-stage.active .stage-name{color:#1e40af;font-weight:600}.speaking-feedback-container .score-band{display:inline-block;padding:.5rem 1.5rem;background-color:#dbeafe99;border-radius:9999px;font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(219,234,254,.8)}.speaking-feedback-container li.text-base{position:relative;transition:transform .2s ease,box-shadow .2s ease}.speaking-feedback-container li.text-base:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.speaking-feedback-container .material-icons{display:flex;align-items:center;justify-content:center}.speaking-feedback-container .list-item .list-item{margin-top:.5rem;margin-left:1.5rem}.speaking-feedback-container strong{font-weight:600;color:#1f2937}.speaking-feedback-container h3:has(+ul){position:relative;padding-bottom:.5rem}.speaking-feedback-container h3[class*=yellow]+ul li{border-left:2px solid #fbbf24;padding-left:.5rem;margin-left:.5rem}.speaking-feedback-container h3[class*=green]+ul li{border-left:2px solid #10b981;padding-left:.5rem;margin-left:.5rem}.speaking-feedback-container svg circle.text-blue-600{stroke:url(#scoreGradient);filter:drop-shadow(0px 0px 3px rgba(59,130,246,.5))}.speaking-feedback-container .space-y-6>div{margin-bottom:1.5rem;padding-bottom:.5rem}.speaking-feedback-container .bg-blue-50{background-color:#eff6ffcc;transition:transform .2s ease,box-shadow .2s ease}.speaking-feedback-container .bg-blue-50:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #3b82f633;background-color:#eff6ff}.task-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;background-color:#fff;z-index:10;padding:.5rem 0}.task-tabs::-webkit-scrollbar{display:none}.task-tab{padding:.75rem 1.5rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none}.task-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.task-tab:hover:not(.active){color:#4b5563;border-bottom-color:#d1d5db}.overall-feedback-content{padding:2rem 0}.overall-metrics-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.overall-metrics-grid{grid-template-columns:repeat(2,1fr)}.overall-score-card{grid-column:span 2}}@media (min-width: 1024px){.overall-metrics-grid{grid-template-columns:repeat(3,1fr)}.overall-score-card{grid-column:span 1}}.overall-score-card,.category-scores-card,.task-comparison-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.overall-score-card:hover,.category-scores-card:hover,.task-comparison-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.overall-metrics-title{font-size:1.5rem;font-weight:700;color:#1e3a8a;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:1rem}.overall-metrics-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px}.score-visualization{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.score-ring-container{width:200px;height:200px;position:relative;margin-bottom:1.5rem}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{stroke:#e5e7eb}.score-ring-progress{stroke:url(#scoreGradient);stroke-linecap:round;filter:drop-shadow(0px 0px 6px rgba(59,130,246,.5))}.score-value-text{font-size:28px;fill:#1e40af;font-weight:700}.score-label-text{font-size:12px;fill:#6b7280}.score-band-container{text-align:center}.score-band-label{display:inline-block;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:9999px;margin-bottom:1rem;font-size:1.25rem;box-shadow:0 4px 12px #4f46e533}.score-band-description{color:#4b5563;font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto;background-color:#f9fafb;padding:1rem;border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d}.category-score-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.category-score-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.category-score-header{display:flex;align-items:center;margin-bottom:.75rem}.category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.category-icon .material-icons{font-size:24px}.content-icon{background-color:#dbeafe;color:#1e40af}.organization-icon{background-color:#e0e7ff;color:#4f46e5}.language-icon{background-color:#d1fae5;color:#047857}.category-info{flex-grow:1}.category-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.category-description{font-size:.875rem;color:#6b7280}.category-value{font-size:1.75rem;font-weight:800;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.content-value{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af}.organization-value{background:linear-gradient(135deg,#e0e7ff,#a5b4fc);color:#4338ca}.language-value{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46}.category-progress-container{height:10px;background-color:#f3f4f6;border-radius:9999px;overflow:hidden}.category-progress{height:100%;border-radius:9999px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.content-progress{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.organization-progress{background:linear-gradient(90deg,#4f46e5,#818cf8)}.language-progress{background:linear-gradient(90deg,#059669,#34d399)}.task-comparison-chart{display:flex;justify-content:space-around;align-items:flex-end;height:250px;position:relative;margin:1.5rem 0;padding-bottom:2rem}.task-chart-item{display:flex;flex-direction:column;align-items:center;width:60px}.task-chart-label{font-weight:600;color:#4b5563;margin-top:.75rem;position:absolute;bottom:0;text-align:center;width:60px}.task-chart-bar-container{width:40px;height:200px;background-color:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.task-chart-bar{width:100%;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:8px 8px 0 0;position:absolute;bottom:0;left:0;transition:height 1.5s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;justify-content:center}.task-chart-value{color:#fff;font-weight:700;font-size:1rem;margin-top:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.task-chart-legend{position:absolute;left:0;top:0;height:200px;width:100%;pointer-events:none}.chart-scale-line{position:absolute;left:0;width:100%;height:1px;background-color:#d1d5db80}.chart-scale-line span{position:absolute;left:-25px;top:-10px;font-size:.75rem;color:#9ca3af}.task-feedback-content{background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #00000014}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overall-feedback-content,.task-feedback-content{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-gradient{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.countdown-animation{position:relative;width:300px;height:300px;margin:0 auto;display:flex;justify-content:center;align-items:center}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%}.floating-particle{position:absolute;width:var(--size);height:var(--size);background:linear-gradient(45deg,#60a5fa,#3b82f6);border-radius:50%;opacity:var(--opacity);animation:floatParticle var(--duration) ease-in-out infinite var(--delay);left:var(--x-start);top:var(--y-start)}@keyframes floatParticle{0%,to{transform:translate(0) scale(.8);opacity:.3}25%{transform:translate(20px,-30px) scale(1);opacity:.7}50%{transform:translate(-15px,-20px) scale(.9);opacity:.5}75%{transform:translate(25px,10px) scale(1.1);opacity:.6}}.countdown-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown-ring-1{animation:rotateClockwise 20s linear infinite}.countdown-ring-2{animation:rotateCounterclockwise 15s linear infinite}.countdown-dot{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 10px #3b82f699;animation:pulse 2s ease-in-out infinite}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateCounterclockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.countdown-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.countdown-number{font-size:80px;font-weight:700;background:linear-gradient(to bottom,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse 1s ease-in-out infinite}.countdown-go{font-size:40px;font-weight:700;background:linear-gradient(to bottom,#047857,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;animation:zoomIn .5s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.countdown-message{margin-top:30px;font-size:24px;color:#4b5563;opacity:0;animation:fadeIn .8s ease-out forwards}.breathing-guide{margin-top:40px;display:flex;flex-direction:column;align-items:center}.breathing-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#60a5fa,#3b82f6);animation:breatheCircle 4s ease-in-out infinite}@keyframes breatheCircle{0%,to{transform:scale(.8);box-shadow:0 0 #3b82f666}50%{transform:scale(1.2);box-shadow:0 0 20px #3b82f699}}.breathing-text{margin-top:10px;font-size:16px;color:#6b7280;opacity:.8}.breath-text{animation:breathe 4s ease-in-out infinite;display:inline-block}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.toefl-reading-container{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;box-sizing:border-box}.reading-header{text-align:center;padding:2rem 1rem;position:relative;max-width:100%;box-sizing:border-box}.reading-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,#1e40af,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem;letter-spacing:-.025em;max-width:100%;word-wrap:break-word;line-height:1.2}.reading-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#6b7280;max-width:700px;margin:0 auto;padding:0 1rem;line-height:1.4;word-wrap:break-word}.instructions-container{min-height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.instructions-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;max-width:800px;width:100%;border:1px solid #e5e7eb;box-sizing:border-box;word-wrap:break-word}.reading-task-container{display:flex;min-height:100vh;background-color:#f8fafc;max-width:100vw;overflow-x:hidden;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap}@media (max-width: 1024px){.reading-task-container{flex-direction:column!important;min-height:auto}}.questions-panel{flex:1;min-width:0;max-width:50vw;padding:2rem;background-color:#f9fafb;overflow-y:auto;overflow-x:hidden;max-height:100vh;border-right:1px solid #e5e7eb;box-sizing:border-box;word-wrap:break-word}.passage-panel{flex:1;min-width:0;max-width:50vw;padding:2rem;background-color:#fff;overflow-y:auto;overflow-x:hidden;max-height:100vh;box-sizing:border-box;word-wrap:break-word}@media (max-width: 1024px){.questions-panel,.passage-panel{flex:none;max-width:100vw;max-height:50vh;min-height:300px}.questions-panel{border-right:none;border-bottom:1px solid #e5e7eb}}.passage-text{font-size:clamp(1.3rem,2vw,1.46rem);line-height:1.8;color:#fffffff2;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.passage-text p{margin-bottom:1.5rem;max-width:100%;word-wrap:break-word}.question-text{font-size:clamp(1.3rem,2vw,1.46rem);font-weight:600;color:#fffffff2;margin-bottom:1.5rem;line-height:1.6;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.modern-feedback-fullscreen{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.feedback-main-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:4rem;max-width:100vw;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1024px){.feedback-main-container{grid-template-columns:1fr;min-height:auto;padding-top:2rem}}.hero-title-compact{font-size:clamp(1.5rem,4vw,2rem)!important;line-height:1.2;word-wrap:break-word}.section-title-compact{font-size:clamp(1.25rem,3vw,1.5rem)!important;line-height:1.3}.skill-name-compact{font-size:clamp(.8rem,2vw,.875rem)!important;line-height:1.2;word-wrap:break-word}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.nav-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:clamp(.875rem,1.5vw,1rem);display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:1;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.navigation-buttons{flex-direction:column;gap:1rem;align-items:stretch}.nav-button{width:100%;justify-content:center;white-space:normal}}.skills-grid-compact,.tips-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:100%;overflow:hidden}@media (max-width: 768px){.skills-grid-compact,.tips-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}}@media (max-width: 480px){.skills-grid-compact,.tips-grid-compact{grid-template-columns:1fr;gap:.5rem}}.answer-options{display:flex;flex-direction:column;gap:.75rem;max-width:100%}.answer-option{display:flex;align-items:center;padding:1rem;border-radius:.5rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .2s ease;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.answer-option-text{font-size:clamp(1.14rem,2vw,1.3rem);color:#374151;line-height:1.5;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.review-panel{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#fff;border-left:1px solid #e5e7eb;padding:1rem;transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;box-sizing:border-box}@media (max-width: 1024px){.review-panel{width:100%;height:50vh;top:auto;bottom:0;transform:translateY(100%);border-left:none;border-top:1px solid #e5e7eb}.review-panel.open{transform:translateY(0)}}*{box-sizing:border-box}body,.toefl-reading-container,.reading-task-container,.modern-feedback-fullscreen{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.toefl-reading-container,.reading-task-container,.modern-feedback-fullscreen,.instructions-container{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.toefl-reading-container *,.reading-task-container *,.modern-feedback-fullscreen *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}@media screen and (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw!important}.toefl-reading-container,.reading-task-container,.modern-feedback-fullscreen{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}}.toefl-reading-container,.toefl-reading-container *{font-size:18px!important;line-height:1.5!important}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.insertion-point{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;font-weight:700;font-size:1.5rem;padding:8px 12px;border-radius:8px;border:3px solid #f59e0b;box-shadow:0 4px 12px #f59e0b66;display:inline-block;margin:0 8px;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #f59e0b66}50%{box-shadow:0 6px 20px #f59e0bcc}}