@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap);*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }


/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-4{top:-1rem}.right-0{right:0}.right-4{right:1rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-bottom:2rem;margin-top:2rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\/4{height:25%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.min-h-\[25vh\]{min-height:25vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-24{width:6rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-purple-700{--tw-border-opacity:1;border-color:#7e22ce;border-color:rgb(126 34 206/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-300{--tw-border-opacity:1;border-color:#fde047;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 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:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-red-800{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-16{padding-bottom:4rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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-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-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[\.25em\]{letter-spacing:.25em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-purple-900{--tw-text-opacity:1;color:#581c87;color:rgb(88 28 135/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-green-500:hover{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/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-offset-2:focus{--tw-ring-offset-width:2px}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:w-full{width:100%}.sm\:max-w-md{max-width:28rem}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.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\:block{display:block}.md\:hidden{display:none}.md\:w-1\/3{width:33.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.student-admission-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;margin:10px;padding:10px}.title-1{font-size:40px;font-weight:700;margin-bottom:10px;max-width:100%;text-align:center}.title-2{font-size:25px}.title-2,.title-3{display:flex;font-weight:700;justify-content:left;margin-bottom:10px;max-width:100%}.title-3{font-size:20px}.student-admission-form{max-width:80%}.admission-form-col,.student-admission-form{display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.admission-form-col{max-width:100%}.admission-form-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;max-width:70%}.admission-form-info{display:flex;flex-direction:column;justify-content:left;margin-bottom:10px;max-width:80%}.admission-form-info label{font-size:18px;font-weight:700;margin-bottom:10px;max-width:100%}.admission-form-info input{max-width:100%}.admission-form-info input,.admission-form-info select{border-radius:5px;font-size:15px;font-weight:300;margin-bottom:10px}.admission-form-info select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url(data:image/png;base64,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);background-position:100%;background-repeat:no-repeat;background-size:20px 20px;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;padding:10px;transition:border-color .3s ease;width:200px}.admission-form-info select:focus{border-color:#4caf50;outline:none}.admission-form-info strong{border-radius:5px;color:red;font-size:15px;font-weight:300;margin-bottom:10px;max-width:100%}.student-image{height:100px;margin-bottom:10px;width:100px}.student-signature{height:30px;margin-bottom:10px;width:100px}.submit-button{display:flex;justify-content:center;margin-bottom:10px;max-width:100%}.submit-button button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:10px;max-width:100%;padding:10px 20px;width:20%}.submit-button button:hover{background-color:#45a049}:root{--primary-dark:#2e7d32;--primary:#4caf50;--primary-light:#ffcdd2;--secondary-dark:#c62828;--secondary:#d32f2f;--secondary-light:#a5d6a7;--gray-lightest:#f9f9f9;--gray-light:#f5f5f5;--gray-medium:#e0e0e0;--gray-dark:#424242;--white:#fff;--black:#212121;--transition:all 0.3s ease;--border-radius:10px;--box-shadow:0 8px 30px #00000014;--box-shadow-hover:0 14px 60px #0000001a;--bubble-violet:#f0e6ff;--bubble-yellow:#fffbe6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--white);color:#424242;color:var(--gray-dark);font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3}.english-app{overflow-x:hidden}.container{margin:0 auto;max-width:1500px;padding:0 20px;width:90%}h1{font-size:3rem;margin-bottom:1.5rem}h1,h2{line-height:1.2}h2{font-size:2.5rem}h2,h3{margin-bottom:1rem}h3{font-size:1.75rem}h4{font-size:1.3rem;margin-bottom:1rem}p{font-size:1.1rem;margin-bottom:1.5rem}.highlight{color:#d32f2f;color:var(--secondary)}img{height:auto;max-width:100%}section{padding:6rem 0;position:relative}.section-header{margin:0 auto 3rem;max-width:800px;text-align:center}.section-header p{color:#424242;color:var(--gray-dark);font-size:1.2rem;opacity:.85}button{border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;outline:none;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition)}.cta-button{box-shadow:0 4px 15px #4caf504d;font-size:1.1rem;padding:1rem 2rem}.cta-button:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.secondary-button{background-color:#fff;background-color:var(--white);border:2px solid #d32f2f;border:2px solid var(--secondary);border-radius:100px;color:#d32f2f;color:var(--secondary);display:inline-block;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.secondary-button:hover{background-color:#a5d6a7;background-color:var(--secondary-light);box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);color:#c62828;color:var(--secondary-dark);transform:translateY(-2px)}.secondary-button .arrow{display:inline-block;margin-left:8px;transition:all .3s ease;transition:var(--transition)}.secondary-button:hover .arrow{transform:translateX(5px)}.animate-in{animation:fadeIn 1s ease forwards}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-section{align-items:center;background-color:#fff;display:flex;min-height:85vh;overflow:hidden;padding:4rem 0 6rem;position:relative}.hero-grid-background{background-image:radial-gradient(#d32f2f1a 1px,#faf0f059 0);opacity:.9}.hero-grid-background,.hero-pattern{background-size:20px 20px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-pattern{background-image:radial-gradient(#ffcdd2 1px,#0000 0);background-image:radial-gradient(var(--primary-light) 1px,#0000 1px);opacity:.1}.hero-bubbles{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:1}.floating-bubble{align-items:center;animation:floatingBubble 8s ease-in-out infinite;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:center;opacity:.35;padding:10px;position:absolute}.floating-bubble:after{border:8px solid #0000;content:"";height:0;position:absolute;width:0}.floating-bubble.tail-1:after{border-left-color:inherit;right:-16px;top:50%;transform:translateY(-50%)}.floating-bubble.tail-2:after{border-bottom-color:inherit;left:50%;top:-16px;transform:translateX(-50%)}.floating-bubble.tail-3:after{border-right-color:inherit;left:-16px;top:50%;transform:translateY(-50%)}.floating-bubble{--scale-factor:1}.floating-bubble[style*="width: 70"] .bubble-text,.floating-bubble[style*="width: 8"] .bubble-text{font-size:calc(8px*var(--scale-factor))}.floating-bubble[style*="width: 10"] .bubble-text,.floating-bubble[style*="width: 9"] .bubble-text{font-size:calc(9px*var(--scale-factor))}.floating-bubble[style*="width: 11"] .bubble-text,.floating-bubble[style*="width: 12"] .bubble-text{font-size:calc(10px*var(--scale-factor))}.floating-bubble[style*="width: 13"] .bubble-text,.floating-bubble[style*="width: 14"] .bubble-text,.floating-bubble[style*="width: 15"] .bubble-text{font-size:calc(11px*var(--scale-factor))}.floating-bubble[style*="width: 16"] .bubble-text{font-size:calc(12px*var(--scale-factor))}.bubble-red{color:#a5d6a7;color:var(--secondary-light)}.bubble-green{color:#ffcdd2;color:var(--primary-light)}.bubble-violet{background-color:#f0e6ff;background-color:var(--bubble-violet);border-color:#5a2ca033;color:#5a2ca0}.bubble-yellow{background-color:#fffbe6;background-color:var(--bubble-yellow);border-color:#8a7a0033;color:#8a7a00}.bubble-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.bubble-icon{height:100%;opacity:.8;position:absolute;width:100%}.bubble-text{font-family:Pacifico,cursive;font-size:10px;font-weight:500;line-height:1.2;max-width:90%;opacity:1;padding:5px;position:relative;text-align:center;word-break:break-word;z-index:2}@keyframes floatingBubble{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-25px,20px) rotate(3deg)}40%{transform:translate(15px,-25px) rotate(-2deg)}60%{transform:translate(-20px,-15px) rotate(1deg)}80%{transform:translate(25px,15px) rotate(-3deg)}to{transform:translate(0) rotate(0deg)}}.hero-content{align-items:center;display:flex;flex-direction:column;gap:3rem;position:relative;text-align:center;z-index:2}.hero-text-center{max-width:800px;text-align:center}.hero-text-center h1{color:#2e7d32;color:var(--primary-dark);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-text-center h1 .highlight{color:#d32f2f;color:var(--secondary);display:block;font-size:4rem;margin-top:.5rem}.hero-text-center p{color:#424242;color:var(--gray-dark);font-size:1.3rem;margin:0 auto;max-width:80%;opacity:.9}.hero-conversation{margin:1rem auto 2rem;max-width:700px;width:100%}.conversation-visual{display:flex;flex-direction:column;gap:1.5rem}.ai-side,.user-side{align-items:flex-start;display:flex;gap:1rem}.ai-side{flex-direction:row-reverse}.avatar-circle{align-items:center;background-color:#2e7d32;background-color:var(--primary-dark);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ai-avatar{background-color:#d32f2f;background-color:var(--secondary)}.speech-bubble{background-color:#fff;border-radius:18px;box-shadow:0 4px 15px #00000014;max-width:80%;padding:1rem 1.5rem;position:relative}.speech-bubble p{font-size:1.1rem;margin:0}.user-bubble{background-color:#ffcdd2;background-color:var(--primary-light);border-top-left-radius:4px}.ai-bubble,.user-bubble{color:#424242;color:var(--gray-dark)}.ai-bubble{background-color:#a5d6a7;background-color:var(--secondary-light);border-top-right-radius:4px}.cta-container{margin-top:1rem}.cta-button{background-color:#d32f2f;background-color:var(--secondary);border:none;border-radius:100px;box-shadow:0 4px 15px #d32f2f4d;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:600;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .3s ease;transition:var(--transition)}.cta-button:hover{background-color:#c62828;background-color:var(--secondary-dark);box-shadow:0 8px 25px #d32f2f66;transform:translateY(-3px) scale(1.03)}.cta-button .arrow{display:inline-block;margin-left:8px;transition:all .3s ease;transition:var(--transition)}.cta-button:hover .arrow{transform:translateX(5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text{flex:1 1}.hero-text h1{font-weight:700;position:relative}.hero-text h1:after{background-color:#d32f2f;background-color:var(--secondary);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.hero-text p{font-size:1.2rem;margin-top:1.5rem;max-width:90%;opacity:.9}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.hero-image img{animation:floating 5s ease-in-out infinite;border-radius:20px;box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);max-width:100%}@media (max-width:1000px){.hero-text-center h1{font-size:2.2rem!important}.hero-text-center h1 .highlight{font-size:2.5rem!important}.hero-text-center p{font-size:1.1rem!important}}.demo-section{background-color:#f9f9f9;background-color:var(--gray-lightest);padding:4rem 0;position:relative}.demo-container{align-items:center;display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem}.demo-video{border-radius:20px;box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);max-width:800px;overflow:hidden;transition:all .3s ease;transition:var(--transition);width:100%}.demo-video:hover{box-shadow:0 14px 60px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateY(-10px)}.video-frame{background-color:#fff;border-radius:20px;padding:12px}.video-placeholder{background-color:#e0e0e0;background-color:var(--gray-medium);border-radius:12px;overflow:hidden;padding-top:0;position:relative}.video-placeholder img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-button{align-items:center;background-color:#4caf50;background-color:var(--primary);border-radius:50%;box-shadow:0 10px 20px #0003;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:24px;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;transition:var(--transition);width:80px}.play-button:hover{background-color:#2e7d32;background-color:var(--primary-dark);transform:translate(-50%,-50%) scale(1.1)}.play-icon{left:3px;position:relative}.demo-steps{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem;max-width:900px;width:100%}.step-item{background-color:#fff;background-color:var(--white);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);flex:1 1;min-width:200px;padding:1.5rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.step-item:hover{box-shadow:0 14px 60px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateY(-5px)}.step-number{align-items:center;background-color:#d32f2f;background-color:var(--secondary);border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step-content h3{font-size:1.3rem}.step-content p{font-size:.95rem;margin-bottom:0;opacity:.8}.features-section{background-color:#fff;background-color:var(--white);overflow:hidden;padding:6rem 0;position:relative}.features-section:before{background-color:#a5d6a7;background-color:var(--secondary-light);border-radius:50%;content:"";height:300px;opacity:.1;position:absolute;right:0;top:0;transform:translate(120px,-120px);width:300px;z-index:0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:3rem}.feature-card{background-color:#fff;background-color:var(--white);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;transition:var(--transition);z-index:1}.feature-card:before{background-color:#d32f2f;background-color:var(--secondary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.feature-card:hover{box-shadow:0 14px 60px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background-color:#a5d6a7;background-color:var(--secondary-light);border-radius:16px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.feature-icon img{height:50px;object-fit:contain;width:50px}.feature-card h3{font-size:1.4rem;margin-bottom:1rem}.feature-card p{font-size:1rem;margin-bottom:0;opacity:.8}.how-it-works-section{background-color:#f9f9f9;background-color:var(--gray-lightest);padding:6rem 0;position:relative}.process-timeline{margin:0 auto;max-width:900px;padding:2rem 0;position:relative}.timeline-step{display:flex;margin-bottom:3rem;position:relative}.timeline-step:last-child{margin-bottom:0}.step-indicator{flex:0 0 60px;margin-right:2rem;position:relative;z-index:2}.step-indicator .step-number{align-items:center;background-color:#4caf50;background-color:var(--primary);border-radius:50%;box-shadow:0 4px 10px #d32f2f4d;color:#fff;color:var(--white);display:flex;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;margin:0;width:60px}.timeline-connector{background-color:#ffcdd2;background-color:var(--primary-light);height:calc(100% - 120px);left:30px;position:absolute;top:60px;width:2px;z-index:1}.step-content{background-color:#fff;background-color:var(--white);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);flex:1 1;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.step-content:hover{box-shadow:0 14px 60px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateX(10px)}.step-content h3{color:#4caf50;color:var(--primary);margin-bottom:.5rem}.step-image{border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:1rem;transition:all .3s ease;transition:var(--transition)}.step-image:hover{transform:scale(1.05)}.use-cases-section{background-color:#fff;background-color:var(--white);padding:6rem 0;position:relative}.use-cases-tabs{margin:0 auto;max-width:900px}.tabs-navigation{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--gray-medium);display:flex;justify-content:center;margin-bottom:2rem}.tab-button{background:none;border:none;color:#424242;color:var(--gray-dark);font-size:1.1rem;opacity:.7;padding:1rem 2rem;position:relative}.tab-button,.tab-button:after{transition:all .3s ease;transition:var(--transition)}.tab-button:after{background-color:#d32f2f;background-color:var(--secondary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);width:100%}.tab-button:hover{opacity:1}.tab-button.active{color:#d32f2f;color:var(--secondary);opacity:1}.tab-button.active:after{transform:scaleX(1)}.tabs-content{margin-top:3rem}.tab-pane{animation:fadeIn .5s ease forwards;display:none}.tab-pane.active{display:block}.use-case-content{align-items:center;display:flex;gap:3rem}.use-case-image{flex:0 0 300px}.use-case-image img{border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 30px #00000014;box-shadow:var(--box-shadow);transition:all .3s ease;transition:var(--transition)}.use-case-image img:hover{box-shadow:0 14px 60px #0000001a;box-shadow:var(--box-shadow-hover);transform:scale(1.05)}.use-case-text{flex:1 1}.use-case-text h3{color:#d32f2f;color:var(--secondary);font-size:1.8rem;margin-bottom:1.5rem}.benefit-list{list-style-type:none;margin-bottom:2rem}.benefit-list li{font-size:1.1rem;margin-bottom:.8rem;padding-left:2rem;position:relative}.benefit-list li:before{color:#d32f2f;color:var(--secondary);content:"✓";font-weight:700;left:0;position:absolute}.testimonial{background-color:#f9f9f9;background-color:var(--gray-lightest);border-left:4px solid #d32f2f;border-left:4px solid var(--secondary);border-radius:10px;border-radius:var(--border-radius);padding:1.5rem;position:relative}.testimonial p{font-style:italic;margin-bottom:.5rem}.testimonial-author{color:#c62828;color:var(--secondary-dark);font-weight:600}.cta-section{background-color:#ffcdd2;background-color:var(--primary-light);overflow:hidden;padding:6rem 0;position:relative}.cta-pattern{background-image:linear-gradient(45deg,#4caf50 25%,#0000 0,#0000 75%,#4caf50 0),linear-gradient(45deg,#4caf50 25%,#0000 0,#0000 75%,#4caf50 0);background-image:linear-gradient(45deg,var(--primary) 25%,#0000 25%,#0000 75%,var(--primary) 75%),linear-gradient(45deg,var(--primary) 25%,#0000 25%,#0000 75%,var(--primary) 75%);background-position:0 0,30px 30px;background-size:60px 60px;height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:0}.cta-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:1}.cta-content h2{color:#2e7d32;color:var(--primary-dark);font-size:2.8rem;margin-bottom:1.5rem}.cta-content p{color:#424242;color:var(--gray-dark);font-size:1.3rem;margin-bottom:2.5rem}.social-proof{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2.5rem}.rating,.reviews-count,.users-count{align-items:center;display:flex;flex-direction:column}.count{color:#4caf50;color:var(--primary);font-size:1.5rem;font-weight:700}.count,.stars{margin-bottom:.2rem}.stars{color:gold;font-size:1.2rem;letter-spacing:2px}.rating-text{font-size:.9rem;font-weight:500}.floating-chat-button{align-items:center;background-color:#4caf50;background-color:var(--primary);border-radius:100px;bottom:30px;box-shadow:0 4px 15px #d32f2f66;color:#fff;color:var(--white);cursor:pointer;display:flex;padding:.5rem 1.2rem;position:fixed;right:30px;transition:all .3s ease;z-index:100}.floating-chat-button:hover{box-shadow:0 8px 25px #d32f2f80;transform:translateY(-5px)}.chat-bubble{align-items:center;background-color:#fff3;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:8px;width:32px}.chat-bubble span{font-size:18px}.chat-label{font-weight:600;letter-spacing:.2px}:root{--primary-color:#d32f2f;--primary-light:#ff6659;--primary-dark:#9a0007;--secondary-color:#388e3c;--secondary-light:#6abf69;--secondary-dark:#00600f;--text-light:#fff;--text-dark:#333;--background-light:#f5f5f5;--background-medium:#e0e0e0;--shadow-color:#0000001a}.profile-page-container{align-items:center;background-color:#f5f5f5;background-color:var(--background-light);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.profile-card{animation:fadeIn .6s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);max-width:800px;overflow:hidden;width:100%}.student-profile .profile-header{background-color:#d32f2f;background-color:var(--primary-color);color:#fff;color:var(--text-light)}.other-profile .profile-header{background-color:#388e3c;background-color:var(--secondary-color);color:#fff;color:var(--text-light)}.profile-header{padding:1.5rem 1rem;position:relative;text-align:center}.profile-header h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.profile-image-container{background-color:#e0e0e0;background-color:var(--background-medium);border:3px solid #fff;border:3px solid var(--text-light);border-radius:50%;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);height:120px;margin:0 auto;overflow:hidden;transition:transform .3s ease;width:120px}.profile-image-container:hover{transform:scale(1.05)}.profile-image{height:100%;object-fit:cover;width:100%}.profile-content{border-bottom:3px solid #388e3c;border-bottom:3px solid var(--secondary-color);padding:1.5rem}.profile-field{margin-bottom:1.25rem}.profile-field label{color:#00600f;color:var(--secondary-dark);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.profile-value{background-color:#f5f5f5;background-color:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--background-medium);border-radius:5px;color:#333;color:var(--text-dark);font-size:1rem;padding:.75rem;width:100%}.role-badge{border:1px solid #6abf69;border:1px solid var(--secondary-light);border-radius:20px;color:#fff;display:inline-block;font-weight:600;padding:.5rem 1rem;text-align:center;width:auto}.student-profile .role-badge{background-color:#d32f2f;background-color:var(--primary-color)}.profile-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--background-medium);color:#777;font-size:.875rem;padding:1rem;text-align:center}.profile-loader{color:#9a0007;color:var(--primary-dark);padding:3rem;text-align:center}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-top:3px solid #d32f2f;border:3px solid var(--background-medium);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:600px){.profile-page-container{padding:1rem}.profile-card{border-radius:0}.profile-image-container{height:100px;width:100px}}:root{--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-secondary:"Georgia",serif;--font-family-monospace:"Courier New",Courier,monospace;--font-family-handwritten:"Pacifico",cursive;--font-family-modern:"Poppins",sans-serif;--font-family-display:"Oswald",sans-serif;--font-family-handwriting:"Dancing Script",cursive;--font-family-futuristic:"Orbitron",sans-serif;--font-family-elegant:"Playfair Display",serif;--font-family-bold:"Oswald",sans-serif;--font-family-min:"Poppins",sans-serif;--line-height-tight:1.35;--line-height-normal:1.5;--line-height-relaxed:1.75;--color-primary:#e63946;--color-primary-dark:#d32638;--color-primary-light:#ffccd5;--color-secondary:#4a90e2;--color-secondary-dark:#2980b9;--color-secondary-light:#e9f1fa;--color-neutral-100:#f8f9fa;--color-neutral-200:#e9ecef;--color-neutral-300:#dee2e6;--color-neutral-600:#6c757d;--color-neutral-800:#343a40;--color-success:#38b000;--color-error:#d00000;--color-accent:#2e933c;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #00000014;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{background-color:#f8f9fa;background-color:var(--color-neutral-100);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e5e5e5' fill-opacity='.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e9ecef;background:var(--color-neutral-200);border-radius:10px}::-webkit-scrollbar-thumb{background:#ffccd5;background:var(--color-primary-light);border-radius:10px;-webkit-transition:.2s ease;transition:.2s ease;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#e63946;background:var(--color-primary)}.chatbot-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:0 auto;max-width:1250px;min-height:100vh;overflow:hidden;position:relative}.chatbot-main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;transition:margin-left .3s ease .3s;transition:margin-left .3s var(--transition-normal)}.chatbot-main{display:flex;flex:1 1;gap:.75rem;height:calc(100vh - 200px);padding:1rem}.context-section{flex:1 1;max-width:38.2%}.chat-section{flex:1.5 1}.chat-panel{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--color-neutral-300);border-radius:1.25rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.chat-panel:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chat-panel-header{align-items:center;background:linear-gradient(135deg,#e63946,#d32638);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;justify-content:space-between;padding:.7rem}.mode-indicator{font-family:Oswald,sans-serif;font-family:var(--font-family-bold);font-size:1rem;font-size:var(--font-size-base);font-weight:700;letter-spacing:.5px;line-height:1.35;line-height:var(--line-height-tight);text-align:center;text-shadow:0 1px 2px #0003}.context-panel{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--color-neutral-300);border-radius:1.25rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);height:100%;overflow:hidden;transition:all .3s ease;transition:all var(--transition-normal)}.context-panel:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.context-header{background:linear-gradient(135deg,#e63946,#d32638);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:.8rem}.context-title{color:#fff;font-family:Oswald,sans-serif;font-family:var(--font-family-bold);font-size:1rem;font-size:var(--font-size-base);font-weight:700;letter-spacing:.5px;line-height:1.35;line-height:var(--line-height-tight);text-align:center;text-shadow:0 1px 2px #0003}.context-content{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15zm0 30C6.716 30 0 23.284 0 15 0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z' fill='%239BE0A8' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:calc(100% - 76px);max-height:100%;overflow-y:auto;padding:1rem}.context-passage{word-wrap:break-word;background-color:#f8f9fa;background-color:var(--color-neutral-100);border-left:3px solid #e63946;border-left:3px solid var(--color-primary);border-radius:.75rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);flex:1 1;font-family:Pacifico,cursive;font-family:var(--font-family-handwritten);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.35;line-height:var(--line-height-tight);overflow-wrap:break-word;overflow-y:auto;padding:.75rem;transition:.2s ease;transition:var(--transition-fast);white-space:pre-wrap}.context-passage:hover{border-left-width:5px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md)}.context-empty{background-color:#f8f9fa;background-color:var(--color-neutral-100);border:1px dashed #dee2e6;border:1px dashed var(--color-neutral-300);border-radius:.75rem;color:#6c757d;color:var(--color-neutral-600);font-style:italic;padding:2rem;text-align:center}.chat-header{background:linear-gradient(135deg,#e63946,#d32638);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;overflow:hidden;padding:1rem;position:relative;z-index:10}.chat-header:before{background:radial-gradient(circle,#fff3 10%,#0000 70%);content:"";height:200%;left:-10%;pointer-events:none;position:absolute;top:-50%;transform:rotate(-15deg);width:120%;z-index:1}.header-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:5}.header-title{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;position:relative;text-align:center;text-shadow:0 2px 4px #0003}.header-title:after{background-color:#ffffff80;border-radius:3px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.stats-container{gap:1rem}.stat-box,.stats-container{align-items:center;display:flex}.stat-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:1px solid #fff3;border-radius:.75rem;flex-direction:column;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.stat-box:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .2s ease;transition:opacity var(--transition-fast);width:200%}.stat-box:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.stat-box:hover:before{opacity:1}.stat-label{color:#fff;font-size:.875rem;font-weight:500;text-shadow:0 1px 2px #0000001a}.stat-value{color:#fff;font-size:1.125rem;font-weight:700;text-shadow:0 1px 2px #0003}.mode-buttons{display:flex;gap:1rem;justify-content:center;margin:.75rem auto 0;width:100%}.mode-button{border:none;border-radius:2rem;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.5rem 1.5rem;position:relative;transition:all .3s ease;transition:all var(--transition-normal);z-index:5}.mode-button-active{background-color:#fff;box-shadow:0 4px 8px #00000026;color:#e63946;color:var(--color-primary);transform:translateY(-1px);z-index:10}.mode-button-inactive{background-color:#fff3;border:1px solid #ffffff80;color:#fff}.mode-button-inactive:hover{background-color:#ffffff4d;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.message-wrapper{animation:messageAppear .4s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;margin-bottom:.25rem;position:relative}@keyframes messageAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-wrapper-user{justify-content:flex-end}.message-wrapper-bot{justify-content:flex-start}.message-container{display:flex;flex-direction:column;max-width:80%;position:relative}.message-bubble{border:1px solid;border-radius:1.25rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);font-family:Poppins,sans-serif;font-family:var(--font-family-modern);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.35;line-height:var(--line-height-tight);padding:.75rem 1rem;transition:all .2s ease;transition:all var(--transition-fast);white-space:pre-wrap;word-break:break-word;z-index:1}.message-bubble-user{background-color:#f0e6ff;border-bottom-right-radius:.25rem;border-color:#d4c4f7;color:indigo;margin-left:auto;margin-right:0}.message-bubble-user:hover{background-color:#f5eeff;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.message-bubble-bot{background-color:#fffbe6;border-bottom-left-radius:.25rem;border-color:#f5efd4;color:#5c4d10}.message-bubble-bot:hover{background-color:#fffef0;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.message-bubble{padding-bottom:.75rem;position:relative}.message-number{background-color:#fff9;border-radius:4px;bottom:4px;color:#6c757d;color:var(--color-neutral-600);font-size:.7rem;font-weight:500;line-height:1;opacity:.7;padding:1px 4px;position:absolute;right:8px}.message-bubble-user{position:relative}.message-rating{color:#6c757d;color:var(--color-neutral-600);font-family:Playfair Display,serif;font-family:var(--font-family-elegant);font-size:.75rem;font-size:var(--font-size-xs);line-height:1.35;line-height:var(--line-height-tight);margin-top:.25rem;opacity:.5;transition:all .3s ease;transition:all var(--transition-normal)}.message-container:hover .message-rating{opacity:1}.rating-container{align-items:center;animation:ratingAppear .3s ease forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;border:1px solid #e9ecef;border:1px solid var(--color-neutral-200);border-radius:.5rem;box-shadow:0 1px 2px #00000008;display:flex;justify-content:space-between;padding:.15rem .35rem;transform-origin:left bottom;transition:all .3s ease;transition:all var(--transition-normal)}@keyframes ratingAppear{0%{opacity:0;transform:scale(.95)}to{opacity:.8;transform:scale(1)}}.rating-container:hover{background-color:#fff;border-color:#ffccd5;border-color:var(--color-primary-light);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md)}.rating-buttons{display:flex;gap:.5rem}.rating-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--color-neutral-600);cursor:pointer;display:flex;font-size:.75rem;font-size:var(--font-size-xs);justify-content:center;padding:.15rem;transition:all .2s ease;transition:all var(--transition-fast)}.rating-button:hover{color:#e63946;color:var(--color-primary);transform:scale(1.2)}.rating-button-positive:hover{color:#38b000;color:var(--color-success)}.rating-button-negative:hover{color:#d00000;color:var(--color-error)}.rating-button-active{color:#e63946;color:var(--color-primary);transform:scale(1.1)}.rating-button-active.rating-button-positive{color:#38b000;color:var(--color-success)}.rating-button-active.rating-button-negative{color:#d00000;color:var(--color-error)}.correction-toggle{background-color:#2e933c1a;border:1px solid #0000;border-radius:.5rem;color:#e63946;color:var(--color-primary);cursor:pointer;font-weight:500;padding:.15rem .5rem;transition:all .2s ease;transition:all var(--transition-fast)}.correction-toggle:hover{background-color:#2e933c33;border-color:#ffccd5;border-color:var(--color-primary-light);transform:translateY(-1px)}.correction-box{animation:correctionAppear .3s ease forwards;background-color:#fff;border:1px solid #ffccd5;border:1px solid var(--color-primary-light);border-radius:.5rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);color:#343a40;color:var(--color-neutral-800);font-family:Playfair Display,serif;font-family:var(--font-family-elegant);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.35;line-height:var(--line-height-tight);margin-top:.5rem;padding:.5rem;transition:all .3s ease;transition:all var(--transition-normal)}@keyframes correctionAppear{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.correction-box:focus{border-color:#e63946;border-color:var(--color-primary);box-shadow:0 0 0 3px #2e933c33;outline:none}.message-list-container{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23e63946' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");border:1px solid #e9ecef;border:1px solid var(--color-neutral-200);border-radius:.75rem;box-shadow:inset 0 2px 4px #00000008;display:flex;flex-direction:column;gap:.25rem;height:520px;margin-bottom:.15rem;margin-top:.35rem;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.loading-message{animation:pulse 1.5s ease-in-out infinite;background-color:#f8f9fa;background-color:var(--color-neutral-100);border-radius:.75rem;color:#6c757d;color:var(--color-neutral-600);font-style:italic;padding:1rem;text-align:center}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.empty-message{background-color:#f8f9fa;background-color:var(--color-neutral-100);border:1px dashed #dee2e6;border:1px dashed var(--color-neutral-300);border-radius:.75rem;color:#6c757d;color:var(--color-neutral-600);font-style:italic;padding:2rem;text-align:center}.waiting-indicator{display:flex;justify-content:flex-start;margin-bottom:1rem}.waiting-indicator-bubble{align-items:center;animation:pulseIndicator 2s ease-in-out infinite;background-color:#e9ecef;background-color:var(--color-neutral-200);border-radius:1rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);display:flex;padding:.5rem 1rem}@keyframes pulseIndicator{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.waiting-dots{display:flex;gap:4px;margin-left:4px}.waiting-dots span{background-color:#e63946;background-color:var(--color-primary);border-radius:50%;display:inline-block;height:8px;width:8px}.waiting-dots span:first-child{animation:pulsingDots 1.4s 0s infinite}.waiting-dots span:nth-child(2){animation:pulsingDots 1.4s .2s infinite}.waiting-dots span:nth-child(3){animation:pulsingDots 1.4s .4s infinite}@keyframes pulsingDots{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.8)}}.input-container{background:linear-gradient(180deg,#fff,#f8f9fa);background:linear-gradient(180deg,#fff,var(--color-neutral-100));border:1px solid #e9ecef;border:1px solid var(--color-neutral-200);border-radius:.75rem;box-shadow:0 -2px 10px #0000000d;margin-bottom:.25rem;margin-top:.25rem;padding:.35rem}.message-textarea{border:1px solid #dee2e6;border:1px solid var(--color-neutral-300);border-radius:.75rem;box-shadow:inset 0 1px 2px #00000008;font-family:Oswald,sans-serif;font-family:var(--font-family-display);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;resize:none;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.message-textarea:focus{border-color:#e63946;border-color:var(--color-primary);box-shadow:0 0 0 3px #2e933c26;outline:none}.controls-container{align-items:center;display:flex;gap:1rem;margin-top:.15rem}.send-button{align-items:center;background:linear-gradient(135deg,#e63946,#d32638);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:.75rem;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Oswald,sans-serif;font-family:var(--font-family-display);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;line-height:1.35;line-height:var(--line-height-tight);overflow:hidden;padding:.35rem .75rem;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.send-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.send-button:hover{background:linear-gradient(135deg,#d32638,#e63946);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.send-button:hover:before{left:100%}.record-button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-family:Oswald,sans-serif;font-family:var(--font-family-display);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;line-height:1.35;line-height:var(--line-height-tight);padding:.35rem .75rem;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.record-button-active{animation:recordPulse 2s infinite;background:linear-gradient(135deg,#4a90e2,#2980b9);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));border:1px solid #0000;box-shadow:0 1px 3px #e6394633;color:#fff}@keyframes recordPulse{0%{box-shadow:0 0 0 0 #e639464d}70%{box-shadow:0 0 0 5px #e6394600}to{box-shadow:0 0 0 0 #e6394600}}.record-button-active:hover{background:linear-gradient(135deg,#2980b9,#4a90e2);background:linear-gradient(135deg,var(--color-secondary-dark),var(--color-secondary));transform:translateY(-2px)}.record-button-inactive{background-color:initial;border:1px solid #dee2e6;border:1px solid var(--color-neutral-300);color:#6c757d;color:var(--color-neutral-600)}.record-button-inactive:hover{background-color:#e639460d;border-color:#4a90e2;border-color:var(--color-secondary);color:#4a90e2;color:var(--color-secondary);transform:translateY(-1px)}.recording-timer{animation:blink 1s infinite;bottom:-1.2rem;color:#000;font-size:.8rem;font-weight:600;left:0;position:absolute}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.subtype-select{background-color:#fff;background-image:linear-gradient(180deg,#fff,#f8f9fa);background-image:linear-gradient(180deg,#fff,var(--color-neutral-100));border:1px solid #dee2e6;border:1px solid var(--color-neutral-300);border-radius:.75rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;box-shadow:var(--shadow-sm);color:#343a40;color:var(--color-neutral-800);cursor:pointer;font-family:Oswald,sans-serif;font-family:var(--font-family-display);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.35;line-height:var(--line-height-tight);overflow:hidden;padding:.35rem .25rem;text-align:left;text-overflow:ellipsis;transition:all .2s ease;transition:all var(--transition-fast);white-space:normal;width:300px}.subtype-select:focus{border-color:#e63946;border-color:var(--color-primary);box-shadow:0 0 0 3px #2e933c26;outline:none}.subtype-select:hover{border-color:#ffccd5;border-color:var(--color-primary-light);transform:translateY(-1px)}.stream-tabs-container{background-color:#e9ecef;background-color:var(--color-neutral-200);border-radius:2rem;box-shadow:inset 0 1px 3px #0000001a;display:flex;justify-content:center;margin-bottom:.5rem;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:.3rem}.stream-tab{border:none;border-radius:2rem;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin:0 .2rem;padding:.4rem 1.2rem;transition:all .3s ease;transition:all var(--transition-normal)}.stream-tab-active{background-color:#e63946;background-color:var(--color-primary);box-shadow:0 2px 5px #00000026;color:#fff;transform:translateY(-1px)}.stream-tab-inactive{background-color:initial;color:#6c757d;color:var(--color-neutral-600)}.stream-tab-inactive:hover{background-color:#dee2e6;background-color:var(--color-neutral-300);color:#343a40;color:var(--color-neutral-800)}@media (max-width:1000px){.stream-tabs-container{margin-top:.5rem;max-width:300px;width:90%}.stream-tab{padding:.4rem 1rem}}.tutor-input-info{color:#6c757d;color:var(--color-neutral-600);flex-grow:1;font-size:.875rem;font-size:var(--font-size-sm);font-style:italic;padding:.5rem;text-align:center}.message-limit-alert{color:#d00000;color:var(--color-error);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding-top:.5rem;text-align:center}.record-button.record-button-disabled,.send-button.disabled{background:#dee2e6;background:var(--color-neutral-300);cursor:not-allowed;opacity:.6}.record-button.record-button-disabled:hover,.send-button.disabled:hover{background:#dee2e6;background:var(--color-neutral-300);box-shadow:none;transform:none}.stats-sidebar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#e6e6e6f2,#f5f5f5fa);border-radius:0 1.5rem 1.5rem 0;box-shadow:5px 0 20px #0000001a;height:100%;left:-200px;position:absolute;top:0;transition:all .3s ease;transition:all var(--transition-normal);width:200px;z-index:100}.stats-sidebar-closed{left:-35px;width:40px}.stats-sidebar-open{box-shadow:5px 0 25px #00000026;left:0;width:200px}.sidebar-toggle-button{align-items:center;background:linear-gradient(135deg,#e63946,#d32638);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--transition-fast);width:40px;z-index:101}.sidebar-toggle-button:hover{box-shadow:0 3px 10px #0003;transform:translateY(-50%) scale(1.05)}.sidebar-content{align-items:flex-start;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.5rem 1rem;transition:opacity .3s ease;transition:opacity var(--transition-normal);visibility:hidden}.stats-sidebar-open .sidebar-content{animation:sidebarContentAppear .4s ease forwards;opacity:1;visibility:visible}@keyframes sidebarContentAppear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.stats-sidebar .stat-box{align-items:center;background-color:#282828e6;border:1px solid #14141433;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.stats-sidebar .stat-box:after{background-color:#282828cc;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-normal);width:0}.stats-sidebar .stat-box:hover{background-color:#141414f2;box-shadow:0 5px 10px #0000001a;transform:translateY(-2px)}.stats-sidebar .stat-box:hover:after{width:100%}.stats-sidebar .stat-label{color:#f8f9fa;font-size:.875rem;font-weight:500;text-shadow:none}.stats-sidebar .stat-value{color:#fff;font-size:1.125rem;font-weight:700;text-shadow:0 1px 2px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-panel,.context-panel{animation:slideInUp .5s ease forwards}.message-list-container::-webkit-scrollbar{width:6px}.message-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.message-list-container::-webkit-scrollbar-thumb{background:#ffccd5;background:var(--color-primary-light);border-radius:10px}.message-list-container::-webkit-scrollbar-thumb:hover{background:#e63946;background:var(--color-primary)}.chatbot-main:not(.mobile-layout){display:flex;height:100%}.context-section{flex:0 0 30%;overflow:hidden}.chat-section{display:flex;flex:0 0 70%;flex-direction:column;overflow:hidden}.message-list-section{flex:1 1;overflow-y:auto}.message-input-section{flex:0 0 auto}@media (max-width:1000px){.chatbot-container{border-radius:0;box-shadow:none;height:auto;margin:0;max-width:100%;min-height:100vh}.chatbot-main-content{flex:1 1;height:auto}.chatbot-main{flex-direction:column;gap:.5rem;height:auto;padding:.75rem}.context-section{flex-direction:column;margin-bottom:.5rem;max-width:100%;order:1}.context-panel,.context-section{display:flex;max-height:40vh!important}.context-panel{flex:1 1;flex-direction:column;height:auto;overflow:hidden;transform:none!important}.context-content{flex:1 1;max-height:calc(40vh - 50px)!important;overflow-y:auto}.chat-section{flex:1 1;min-height:80vh!important;order:2}.chat-panel,.chat-section{display:flex;flex-direction:column;max-height:80vh!important}.chat-panel{height:auto;min-height:80vh;transform:none!important}.message-list-container{flex:1 1;height:auto;max-height:calc(80vh - 120px)!important;max-height:none;min-height:calc(80vh - 120px)!important;overflow-y:auto}.input-container{background:#fff;bottom:0;left:0;margin-top:auto;padding:.5rem;position:relative;right:0;z-index:10}.chat-header{height:auto;min-height:120px;padding:.75rem}.header-title{font-size:1.25rem;margin-bottom:.5rem}.stats-container{flex-wrap:wrap;gap:.5rem;justify-content:center}.stat-box{padding:.35rem .75rem}.mode-buttons{gap:.5rem;margin-top:.5rem}.mode-button{font-size:.875rem;padding:.35rem .75rem}.message-bubble{max-width:85%;padding:.5rem .75rem}.controls-container{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:100%}.send-button{grid-column:1}.record-button,.send-button{grid-row:1;justify-content:center;width:100%}.record-button{grid-column:2}.subtype-select{box-sizing:border-box;grid-column:1/span 2;grid-row:2;max-width:100%;width:50%}.stats-sidebar{display:none}}
/*# sourceMappingURL=main.1bc100b5.css.map*/