*,: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:rgba(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:rgba(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: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;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,pre,samp{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,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-page);color:var(--text-body);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.65}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(29,158,117,.45) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(15,110,86,.5) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(93,202,165,.12) 0,transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f7f9fc}::-webkit-scrollbar-thumb{background:rgba(28,28,30,.3);border-radius:2px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-12{top:3rem}.top-16{top:4rem}.top-20{top:5rem}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.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-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-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.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))}@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}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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-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))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:1rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.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-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/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-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(13 122 106/var(--tw-border-opacity,1))}.border-primary\/20{border-color:rgba(13,122,106,.2)}.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-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-t-transparent{border-top-color:transparent}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cta{--tw-bg-opacity:1;background-color:rgb(224 123 0/var(--tw-bg-opacity,1))}.bg-cta-light{--tw-bg-opacity:1;background-color:rgb(255 243 224/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-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/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-primary{--tw-bg-opacity:1;background-color:rgb(13 122 106/var(--tw-bg-opacity,1))}.bg-primary-light{--tw-bg-opacity:1;background-color:rgb(232 245 242/var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:rgba(13,122,106,.1)}.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-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-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,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:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-100{--tw-gradient-from:#ffedd5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,237,213,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:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#0d7a6a var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,122,106,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-light{--tw-gradient-from:#e8f5f2 var(--tw-gradient-from-position);--tw-gradient-to:rgba(232,245,242,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:rgba(250,245,255,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:transparent 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:hsla(55,92%,95%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-primary-light{--tw-gradient-to:#e8f5f2 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-red-100{--tw-gradient-to:#fee2e2 var(--tw-gradient-to-position)}.to-red-50{--tw-gradient-to:#fef2f2 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-yellow-100{--tw-gradient-to:#fef9c3 var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.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-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pb-8{padding-bottom:2rem}.pl-6{padding-left:1.5rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.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-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.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-cta{--tw-text-opacity:1;color:rgb(224 123 0/var(--tw-text-opacity,1))}.text-cta-text{--tw-text-opacity:1;color:rgb(179 92 0/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/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-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-primary{--tw-text-opacity:1;color:rgb(13 122 106/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/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-white{--tw-text-opacity:1;color:rgb(255 255 255/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))}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.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)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{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)}.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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-fade-up{animation:fadeUp .6s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-right{animation:slideInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.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}*,:after,:before{box-sizing:border-box}[role=button],a,button,input,select,textarea{transition:all .15s ease}*{-webkit-tap-highlight-color:transparent}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rippleAnim{to{transform:scale(3);opacity:0}}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(7px)}45%{transform:translateX(-6px)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}}.auth-layout,.dashboard-page,.page-container,.practice-page,.result-page,main{animation:pageEnter .35s cubic-bezier(.4,0,.2,1) both}.app-content{max-width:1000px;margin:0 auto;padding:24px 20px 60px}.page-transition{animation:fadeSlideIn .25s ease both}.stagger-children>*{animation:slideUp .3s cubic-bezier(.4,0,.2,1) both}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),background .22s ease}.glass-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px rgba(37,99,235,.12),0 2px 6px rgba(0,0,0,.06);background:var(--bg-card-hover)}[data-theme=dark] .glass-card:hover{box-shadow:0 8px 24px rgba(56,189,248,.15),0 2px 6px rgba(167,139,250,.08)}.btn-primary{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,0);transition:background .15s ease;border-radius:inherit}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,122,106,.3)}.btn-primary:hover:after{background:hsla(0,0%,100%,.08)}.btn-primary:active{transform:scale(.97) translateY(0);box-shadow:0 2px 8px rgba(13,122,106,.2);transition-duration:.08s}.btn-secondary:hover{background:rgba(13,122,106,.06);border-color:#0d7a6a;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97);transition-duration:.08s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,123,0,.28);filter:brightness(1.05)}.btn-cta:active{transform:scale(.97);transition-duration:.08s}nav a{position:relative;transition:color .15s ease}nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#0d7a6a;border-radius:999px;transition:width .2s ease}nav a:hover:after{width:100%}input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{border-color:#0d7a6a;box-shadow:0 0 0 3px rgba(13,122,106,.15);outline:none}.skeleton{background:linear-gradient(90deg,rgba(200,230,226,.4),rgba(200,230,226,.8) 50%,rgba(200,230,226,.4));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}.skeleton-text{height:16px;width:60%}.skeleton-title{height:28px;width:40%}.skeleton-card{height:80px;width:100%;border-radius:12px}.skeleton-btn{height:48px;width:100%;border-radius:10px}.dark-toggle{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.dark-toggle:hover{transform:rotate(20deg) scale(1.15)}html{transition:background-color .3s ease,color .3s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-page:#f5fafa;--bg-surface:#ebf7f3;--bg-card:hsla(0,0%,100%,.7);--bg-card-hover:#f1f5f9;--bg-navbar:rgba(245,250,250,.92);--text-heading:#0f172a;--text-body:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-on-primary:#fff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#a78bfa;--color-accent-light:#ede9fe;--color-accent-hover:#8b5cf6;--color-cta:#e07b00;--color-cta-hover:#c46a00;--color-cta-light:#fff3e0;--color-pro-text:#b35c00;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--glass-bg:hsla(0,0%,100%,.72);--glass-border:rgba(200,230,226,.55);--glass-shadow:0 2px 8px rgba(37,99,235,.06);--gradient-hero:linear-gradient(135deg,#f5fafa,#ebf7f3 60%,#f5fafa)}[data-theme=dark]{--bg-page:#0c1a18;--bg-surface:#112220;--bg-card:#182e2a;--bg-card-hover:#1e293b;--bg-navbar:rgba(11,18,32,.92);--text-heading:#f1f5f9;--text-body:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-primary:#0f172a;--color-primary:#2ecfb3;--color-primary-hover:#0ea5e9;--color-primary-light:#0c4a6e;--color-accent:#a78bfa;--color-accent-light:#5b21b6;--color-cta:#f59500;--color-cta-hover:#e08500;--color-cta-light:#2a1a00;--color-pro-text:#f59500;--border-subtle:hsla(0,0%,100%,.1);--border-default:hsla(0,0%,100%,.15);--glass-bg:hsla(0,0%,100%,.06);--glass-border:hsla(0,0%,100%,.12);--glass-shadow:0 2px 8px rgba(56,189,248,.15);--gradient-hero:linear-gradient(135deg,#0f172a,#0b1220 60%,#0f172a)}.card,.glass-card{background:hsla(0,0%,100%,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(200,230,226,.55);border-radius:16px;transition:all .15s ease}.card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:rgba(46,207,179,.3)}[data-theme=dark] .card,[data-theme=dark] .glass-card{background:rgba(18,42,38,.65);border-color:rgba(46,207,179,.1)}[data-theme=dark] .card:hover,[data-theme=dark] .glass-card:hover{background:rgba(18,42,38,.8);box-shadow:0 8px 24px rgba(0,0,0,.3)}.mode-icon{transition:all .2s ease}.glass-card:hover .mode-icon{transform:scale(1.12) rotate(-4deg);background:var(--mode-color)!important;color:#fff!important}.badge-box{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#0d7a6a,#2ecfb3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;cursor:pointer;transition:transform .2s ease;margin:0 auto}.badge-box:hover{transform:scale(1.08)}.badge-box.locked{opacity:.5;filter:grayscale(1);cursor:default}.badge-box.locked:hover{transform:none}.badge-box.glow{animation:glowPulse 1.8s ease-in-out infinite}@keyframes glowPulse{0%{box-shadow:0 0 0 rgba(13,122,106,.2)}50%{box-shadow:0 0 20px rgba(13,122,106,.45)}to{box-shadow:0 0 0 rgba(13,122,106,.2)}}.badge-box.opening{animation:openBox .4s forwards}@keyframes openBox{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.1) rotate(-6deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(0);opacity:0}}.badge-revealed{width:80px;text-align:center;margin:0 auto}.badge-revealed .badge-icon{font-size:26px;margin-bottom:6px}.badge-revealed .badge-name{font-size:11px;font-weight:600;color:var(--text-muted);line-height:1.2}.exam-countdown{padding:16px 18px;border-radius:16px;margin-bottom:16px;background:rgba(13,122,106,.08);border:1px solid rgba(13,122,106,.18);backdrop-filter:blur(12px);animation:slideUp .35s ease both}.exam-title{font-size:15px;font-weight:800;color:#0d7a6a}.exam-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.exam-personal{font-size:13px;font-weight:600;margin-top:8px;color:var(--text-heading)}.exam-action{margin-top:10px;font-size:12px;font-weight:600;color:#0d7a6a}.exam-projection{margin-top:8px;font-size:12px;color:var(--text-muted)}.daily-action{padding:18px;border-radius:16px;margin-bottom:18px;background:rgba(13,122,106,.08);border:1px solid rgba(13,122,106,.18)}.daily-title{font-size:16px;font-weight:800;color:#0d7a6a}.daily-progress{font-size:13px;margin-top:6px;color:var(--text-muted)}.section{margin-bottom:24px}.mode-card.featured{border:2px solid #0d7a6a;transform:scale(1.02)}.coach-title{font-size:16px;font-weight:800;color:var(--text-heading)}.coach-action{font-size:14px;margin:8px 0;color:var(--text-muted)}.glass{background:hsla(0,0%,100%,.06);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(157,225,203,.18);border-radius:16px}.fade-up{animation:fadeUp .6s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}@media (min-width:768px){.page-container{padding:0 40px}}@media (min-width:1024px){.page-container{padding:0 60px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-size:32px;font-weight:700;color:var(--color-primary);line-height:1}.stat-desc{font-size:13px;color:var(--text-secondary)}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-cta);color:#fff;font-size:15px;font-weight:700;padding:14px 32px;border-radius:10px;border:none;cursor:pointer;margin-top:8px}@media (max-width:767px){.cta-btn{width:100%;justify-content:center}}.topic-row{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:12px;padding:16px 20px;margin-bottom:10px}.topic-icon{width:40px;height:40px;flex-shrink:0}.topic-info{flex:1;min-width:0}.topic-name{font-size:15px;font-weight:600;color:var(--text-heading)}.topic-meta{font-size:13px;color:var(--text-muted);margin-top:2px}.topic-action{flex-shrink:0}.tip-banner{background:var(--color-primary-light);border-radius:12px;padding:14px 20px;font-size:14px;color:var(--text-secondary);margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.nav-profile-chip{gap:10px;background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer}.nav-avatar,.nav-profile-chip{display:flex;align-items:center}.nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;justify-content:center;flex-shrink:0}.nav-profile-info{display:flex;flex-direction:column;line-height:1.2}.nav-name{font-size:13px;font-weight:600;color:var(--text-heading)}.nav-score{font-size:11px;color:var(--text-muted)}.nav-logout-btn{font-size:12px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;margin-left:4px}.nav-logout-btn:hover{color:var(--text-heading)}@media (max-width:639px){.nav-profile-info,.nav-score{display:none}}.practice-layout{display:grid;grid-template-columns:1fr;gap:24px;padding:28px 0}@media (min-width:900px){.practice-layout{grid-template-columns:1fr 340px}}.question-card{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:14px;padding:28px 32px}.question-text{font-size:17px;font-weight:600;color:var(--text-heading);line-height:1.6;margin-bottom:24px}.option-btn{background:var(--bg-page)}.option-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.option-btn.selected{color:var(--color-primary);font-weight:600}.option-btn.correct{color:#0a5a4a}.option-btn.wrong{color:#922b21}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--bg-page)}@media (min-width:900px){.auth-layout{grid-template-columns:1fr 1fr}}.auth-left{background:linear-gradient(160deg,#0a5a4a,#0d7a6a 60%,#0f8f7a);display:none;flex-direction:column;justify-content:center;padding:60px 56px;position:relative;overflow:hidden}@media (min-width:900px){.auth-left{display:flex}}.auth-left-logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:56px}.auth-left-headline{font-size:36px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px}.auth-left-sub{font-size:16px;color:hsla(0,0%,100%,.75);line-height:1.6;margin-bottom:48px}.auth-stat-row{display:flex;gap:32px}.auth-stat{display:flex;flex-direction:column;gap:4px}.auth-stat-num{font-size:28px;font-weight:800;color:#fff}.auth-stat-label{font-size:12px;color:hsla(0,0%,100%,.6);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.auth-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;min-height:100vh}.auth-form-box{width:100%;max-width:400px}.auth-form-title{font-size:26px;font-weight:800;color:var(--text-heading);margin-bottom:6px}.auth-form-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.auth-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.auth-input{width:100%;padding:13px 16px;font-size:15px;color:var(--text-heading);background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:10px;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.auth-input::-moz-placeholder{color:var(--text-muted)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(13,122,106,.12)}.auth-submit-btn{width:100%;padding:14px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:10px;cursor:pointer;margin-top:8px;letter-spacing:.02em;transition:background .15s,transform .1s;font-family:inherit}.auth-submit-btn:hover{background:var(--color-primary-hover)}.auth-submit-btn:active{transform:scale(.98)}.auth-footer-link{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-footer-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.practice-page{padding:0 0 60px}.practice-container{max-width:720px;padding:32px 24px}@media (min-width:768px){.practice-container{padding:40px}}.practice-nav{background:rgba(245,250,250,.95);backdrop-filter:blur(10px);border-bottom:.5px solid var(--border-subtle)}.practice-nav-left{gap:12px}.practice-q-counter{font-size:13px;font-weight:700;color:var(--text-heading);white-space:nowrap}.practice-level-badge{font-size:11px;font-weight:600;background:var(--color-primary-light);color:var(--color-primary);padding:3px 10px;border-radius:999px;text-transform:capitalize}.practice-progress-bar-wrap{flex:1;height:6px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.practice-progress-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .3s ease}.practice-pct{font-size:12px;font-weight:600;color:var(--text-muted);min-width:32px;text-align:right}.practice-nav-right{flex-shrink:0}.practice-score-chip{display:flex;align-items:center;gap:6px;background:var(--color-primary-light);border-radius:999px;padding:5px 12px 5px 8px;font-size:13px;font-weight:700;color:var(--color-primary)}.practice-question{font-size:18px;font-weight:600;line-height:1.65;margin:32px 0 24px}.option-btn{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:10px;padding:13px 18px;transition:border-color .15s,background .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.option-label{width:26px;height:26px;border-radius:6px;background:var(--bg-page);border:1.5px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted);flex-shrink:0;transition:background .15s,border-color .15s}.option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.option-btn.selected .option-label{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-btn.correct .option-label{background:#0d7a6a;border-color:#0d7a6a;color:#fff}.option-btn.wrong .option-label{background:#c0392b;border-color:#c0392b;color:#fff}.option-btn.disabled{pointer-events:none;opacity:.55}.explanation-box{background:var(--bg-card);border-left:3px solid var(--color-primary);border-radius:0 10px 10px 0;margin-top:20px;margin-bottom:8px}.explanation-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:6px}.next-btn{padding:14px;background:var(--color-primary);border-radius:10px;margin-top:16px}.next-btn:hover{background:var(--color-primary-hover)}@media (max-width:639px){.practice-container{padding:16px}.practice-question{font-size:16px}.option-btn{padding:11px 14px}.practice-level-badge{display:none}}.paywall-modal{background:var(--bg-card);border-radius:16px;padding:32px 28px;max-width:420px;width:100%;margin:0 auto;border:1px solid var(--border-subtle)}.paywall-header{margin-bottom:20px}.paywall-header h2{font-size:24px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.paywall-header p{font-size:14px;color:var(--text-secondary);line-height:1.5}.paywall-price-block{margin-bottom:20px}.paywall-early-badge{display:inline-block;background:#fff3e0;color:#b35c00;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:12px}.paywall-price{font-size:42px;font-weight:800;color:var(--text-heading);line-height:1}.paywall-price-period{font-size:16px;font-weight:500;color:var(--text-muted)}.paywall-original-price{font-size:14px;color:var(--text-muted);margin-top:6px}.paywall-slots{font-size:13px;color:var(--text-secondary);margin-top:6px}.paywall-slots.urgent{color:#c0392b;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.paywall-features{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-body)}.paywall-cta-btn{width:100%;padding:15px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .15s}.paywall-cta-btn:hover{background:var(--color-primary-hover)}.paywall-cta-btn:disabled{opacity:.6;cursor:not-allowed}.paywall-error{color:#c0392b;font-size:13px;text-align:center;margin-top:10px}.paywall-guarantee{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}.admin-form{background:#fff;border-radius:12px;padding:28px 32px;border:.5px solid #c8e6e2;max-width:640px}.admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.admin-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5a8a80}.admin-input,.admin-select,.admin-textarea{padding:10px 14px;font-size:14px;border:1.5px solid #c8e6e2;border-radius:8px;background:#f5fafa;color:#0d1f1c;font-family:inherit;outline:none}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:#0d7a6a;box-shadow:0 0 0 3px rgba(13,122,106,.1)}.admin-btn-primary{background:#0d7a6a;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.admin-btn-danger{background:#fdecea;color:#c0392b;padding:8px 16px;border-radius:8px;border:1px solid #f5c6c6;font-size:13px;font-weight:600;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;border:.5px solid #c8e6e2}.admin-table th{background:#f5fafa;padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5a8a80;border-bottom:.5px solid #c8e6e2}.admin-table td{padding:12px 16px;color:#1e3d38;border-bottom:.5px solid #eef8f6}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f5fafa}.result-page{min-height:100vh;background:var(--bg-page);justify-content:center;padding:32px 20px}.result-card,.result-page{display:flex;flex-direction:column;align-items:center}.result-card{width:100%;max-width:520px;background:var(--bg-card);border-radius:20px;border:.5px solid var(--border-subtle);padding:40px 36px 32px;text-align:center}@media (max-width:480px){.result-card{padding:28px 20px 24px}}.result-score-number{font-size:64px;font-weight:800;line-height:1;color:#0d7a6a;margin-bottom:6px}.result-score-denom{font-size:32px;font-weight:500;color:var(--text-muted)}.result-label{font-size:20px;font-weight:700;color:var(--text-heading);margin:8px 0 4px}.result-accuracy{font-size:15px;color:var(--text-secondary);margin-bottom:28px}.result-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:28px}.result-stat-chip{background:var(--bg-page);border:.5px solid var(--border-subtle);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.result-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.result-stat-value{font-size:22px;font-weight:800;color:var(--text-heading)}.result-stat-value.green{color:#0d7a6a}.result-stat-value.amber{color:#e07b00}.result-weak-box{width:100%;background:#fff8f0;border:.5px solid #ffd49a;border-radius:12px;padding:14px 16px;margin-bottom:24px;text-align:left}.result-weak-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#b35c00;margin-bottom:8px}.result-weak-tags{display:flex;flex-wrap:wrap;gap:6px}.result-weak-tag{background:#fff3e0;color:#b35c00;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:.5px solid #ffd49a}.result-btn-primary{width:100%;padding:15px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;border-radius:10px;font-family:inherit;margin-bottom:10px;transition:background .15s}.result-btn-primary:hover{background:var(--color-primary-hover)}.result-btn-secondary{width:100%;padding:14px;background:transparent;color:var(--color-primary);font-size:15px;border:1.5px solid var(--color-primary);border-radius:10px;font-family:inherit;transition:background .15s}.result-btn-secondary:hover{background:var(--color-primary-light)}@media (prefers-color-scheme:dark){.result-weak-box{background:#2a1a00;border-color:#5a3a00}.result-weak-tag{background:#3a2200;color:#f59500;border-color:#5a3a00}}.practice-page{min-height:100vh;background:linear-gradient(160deg,#e8f5f0,#f5fafa 50%,#eef8f4)}[data-theme=dark] .practice-page{background:linear-gradient(160deg,#0d2020,#0f1a1a 50%,#0d1e1c)}.practice-nav{position:sticky;top:0;z-index:50;background:rgba(245,250,250,.8);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid rgba(200,230,226,.6);padding:0 24px;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .practice-nav{background:rgba(15,26,26,.8);border-bottom-color:rgba(42,68,68,.6)}.practice-nav-inner{max-width:720px;margin:0 auto;height:56px;display:flex;align-items:center;gap:16px}.practice-nav-left{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:120px}.nav-q-counter{font-size:14px;font-weight:700;color:var(--text-heading)}.nav-level-badge{font-size:11px;font-weight:600;background:var(--color-primary-light);color:var(--color-primary);padding:3px 10px;border-radius:999px;text-transform:capitalize}.practice-nav-center{flex:1;display:flex;align-items:center;gap:10px}.nav-progress-track{flex:1;height:6px;background:#c8e6e2;border-radius:999px;overflow:hidden}[data-theme=dark] .nav-progress-track{background:#2a4444}.nav-progress-fill{height:100%;background:#0d7a6a;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);background-size:200% 100%;animation:shimmer 2s infinite}.nav-pct{font-size:12px;font-weight:600;color:var(--text-muted);min-width:34px;text-align:right}.nav-score-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;background:#e8f5f2;border-radius:999px;padding:5px 14px 5px 10px;font-size:13px;font-weight:700;color:#0d7a6a}[data-theme=dark] .nav-score-chip{background:#0d2a26;color:#2ecfb3}.nav-score-check{font-size:14px}.practice-container{max-width:640px;margin:0 auto;padding:40px 24px 60px}@media (max-width:640px){.practice-container{padding:24px 16px 40px}}.practice-question{font-size:19px;font-weight:700;color:var(--text-heading);line-height:1.6;margin:0 0 28px;padding:0}@media (max-width:480px){.practice-question{font-size:17px}}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.option-btn{width:100%;min-height:48px;display:flex;align-items:center;gap:14px;background:hsla(0,0%,100%,.85);border:1.5px solid #c8e6e2;border-radius:12px;padding:14px 18px;font-size:15px;color:var(--text-body);cursor:pointer;text-align:left;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease;font-family:inherit;backdrop-filter:blur(4px);will-change:transform}.option-btn:hover:not(:disabled){transform:translateX(6px);box-shadow:0 4px 16px rgba(13,122,106,.12)}.option-btn:active:not(:disabled){transform:translateX(4px) scale(.99);transition-duration:.08s}.option-btn:hover .option-letter{background:#0d7a6a;border-color:#0d7a6a;color:#fff;transform:scale(1.1)}.option-btn.correct{animation:correctPop .4s cubic-bezier(.34,1.56,.64,1) both}.option-btn.wrong{animation:wrongShake .4s cubic-bezier(.36,.07,.19,.97) both}.options-list .option-btn{animation:slideUp .25s cubic-bezier(.4,0,.2,1) both}.options-list .option-btn:first-child{animation-delay:.05s}.options-list .option-btn:nth-child(2){animation-delay:.1s}.options-list .option-btn:nth-child(3){animation-delay:.15s}.options-list .option-btn:nth-child(4){animation-delay:.2s}[data-theme=dark] .option-btn{background:rgba(26,46,46,.85);border-color:#2a4444;color:#c5e8e2}.option-btn:hover:not(:disabled){border-color:#0d7a6a;background:rgba(232,245,242,.95);transform:translateY(-1px)}[data-theme=dark] .option-btn:hover:not(:disabled){background:rgba(13,42,38,.95)}.option-letter{width:28px;height:28px;border-radius:7px;background:#f0faf7;border:1.5px solid #c8e6e2;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#3a6a62;flex-shrink:0;transition:all .15s}[data-theme=dark] .option-letter{background:#1a3a36;border-color:#2a5a50;color:#6abfb0}.option-text{flex:1;font-size:15px;line-height:1.4;font-weight:500}.option-btn.selected{border-color:#0d7a6a;background:rgba(232,245,242,.98)}.option-btn.selected .option-letter{background:#0d7a6a;border-color:#0d7a6a;color:#fff}.option-btn.correct{border-color:#0d7a6a;background:#e8f5f2;pointer-events:none}.option-btn.correct .option-letter{background:#0d7a6a;border-color:#0d7a6a;color:#fff}.option-btn.correct .option-text{color:#0a5a4a;font-weight:600}.option-btn.wrong{border-color:#c0392b;background:#fdecea;pointer-events:none}.option-btn.wrong .option-letter{background:#c0392b;border-color:#c0392b;color:#fff}.option-btn.wrong .option-text{color:#922b21}.option-btn.dimmed{pointer-events:none;opacity:.45}.explanation-box{background:hsla(0,0%,100%,.9);border-left:3px solid #0d7a6a;border-radius:0 12px 12px 0;padding:16px 20px;margin-top:16px;margin-bottom:4px;animation:fadeSlideIn .25s ease}[data-theme=dark] .explanation-box{background:rgba(26,46,46,.9);border-left-color:#2ecfb3}.explanation-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0d7a6a;margin-bottom:6px}[data-theme=dark] .explanation-label{color:#2ecfb3}.explanation-text{font-size:14px;color:var(--text-body);line-height:1.65}.next-btn{width:100%;min-height:48px;padding:15px;background:#0d7a6a;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;margin-top:20px;font-family:inherit;transition:background .15s,transform .1s;animation:fadeSlideIn .2s ease}.next-btn:hover{background:#0a6358}.next-btn:active{transform:scale(.98)}.chapter-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease}.chapter-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 30px rgba(13,122,106,.14)}.chapter-card:active{transform:translateY(-1px) scale(.99);transition-duration:.1s}.chapter-card .arrow-icon{transition:transform .2s ease}.chapter-card:hover .arrow-icon{transform:translateX(5px)}.topic-row{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;cursor:pointer}.topic-row:hover{transform:translateX(5px);border-color:#0d7a6a;box-shadow:0 4px 16px rgba(13,122,106,.1)}.topic-row:active{transform:translateX(3px) scale(.99);transition-duration:.08s}.topic-row .start-btn{transition:opacity .2s ease,transform .2s ease}.topic-row:not(:hover) .start-btn{opacity:.7;transform:translateX(-4px)}.topic-row:hover .start-btn{opacity:1;transform:translateX(0)}.result-card{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.result-stat-chip:first-child{animation:slideUp .3s .2s both}.result-stat-chip:nth-child(2){animation:slideUp .3s .3s both}.result-stat-chip:nth-child(3){animation:slideUp .3s .4s both}.result-btn-primary{animation:slideUp .3s .45s both}.result-btn-secondary{animation:slideUp .3s .5s both}.profile-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.profile-modal{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.profile-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-page);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.profile-close-btn:hover{background:var(--bg-card-hover);color:var(--text-heading);transform:rotate(90deg)}.profile-avatar{width:80px;height:80px;background:#0d7a6a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 16px;box-shadow:0 8px 24px rgba(13,122,106,.3)}.profile-name{font-size:24px;font-weight:700;color:var(--text-heading);text-align:center;margin-bottom:4px}.profile-email{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.profile-stat-item{background:var(--bg-page);border-radius:12px;padding:12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.profile-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.profile-stat-value{font-weight:700;color:var(--text-heading);line-height:1}.profile-stat-label{text-transform:uppercase;letter-spacing:.06em}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-page);border-radius:12px;margin-bottom:8px;transition:background .2s ease}.profile-info-row:hover{background:var(--bg-card-hover)}.profile-info-label{font-size:14px;color:var(--text-muted)}.profile-info-value{font-size:14px;font-weight:600;color:var(--text-heading)}.profile-logout-btn{width:100%;padding:14px;background:#fef2f2;color:#dc2626;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:inherit}.profile-logout-btn:hover{background:#fee2e2;transform:translateY(-1px)}.profile-logout-btn:active{transform:scale(.98)}[data-theme=dark] .profile-logout-btn{background:rgba(220,38,38,.1)}[data-theme=dark] .profile-logout-btn:hover{background:rgba(220,38,38,.2)}.hero-card-wrapper{position:relative}.hero-card-wrapper:before{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:radial-gradient(ellipse,rgba(13,122,106,.18) 0,transparent 70%);filter:blur(40px);border-radius:50%;z-index:-1;pointer-events:none}[data-theme=dark] .hero-card-wrapper:before{background:radial-gradient(ellipse,rgba(46,207,179,.12) 0,transparent 70%)}.hero-card{background:hsla(0,0%,100%,.78);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(200,230,226,.3);border-radius:16px;padding:32px;box-shadow:0 0 0 1px rgba(200,230,226,.3),inset 0 1px 0 hsla(0,0%,100%,.8);animation:heroCardFloat .7s cubic-bezier(.34,1.56,.64,1) .15s both;position:relative;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}@keyframes heroCardFloat{0%{opacity:0;transform:translateY(24px) scale(.96);box-shadow:0 0 0 rgba(13,122,106,0)}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 8px 32px rgba(13,122,106,.14),0 2px 8px rgba(13,122,106,.08),0 0 0 1px rgba(200,230,226,.3),inset 0 1px 0 hsla(0,0%,100%,.8)}}@keyframes heroIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-card:hover{box-shadow:0 20px 60px rgba(13,122,106,.2),0 8px 20px rgba(13,122,106,.12),0 0 0 1px rgba(200,230,226,.4),inset 0 1px 0 hsla(0,0%,100%,.9);animation:heroIdle 5s ease-in-out 1s infinite}[data-theme=dark] .hero-card{background:rgba(18,42,38,.78);border-color:rgba(46,207,179,.18);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25),0 0 0 1px rgba(46,207,179,.08),inset 0 1px 0 rgba(46,207,179,.06);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] .hero-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.5),0 8px 20px rgba(46,207,179,.08),0 0 0 1px rgba(46,207,179,.15),inset 0 1px 0 rgba(46,207,179,.08);animation:heroIdle 5s ease-in-out 1s infinite}.hero-card-header{gap:12px;margin-bottom:24px}.hero-avatar,.hero-card-header{display:flex;align-items:center}.hero-avatar{width:38px;height:38px;border-radius:50%;background:#0d7a6a;color:#fff;font-weight:800;font-size:15px;justify-content:center;flex-shrink:0}.hero-student-name{font-size:14px;font-weight:700;color:var(--text-heading)}.hero-student-sub{font-size:12px;color:var(--text-muted)}.hero-streak-chip{margin-left:auto;background:#fff3e0;color:#b35c00;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}[data-theme=dark] .hero-streak-chip{background:#2a1a00;color:#f59500}.hero-topic-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hero-topic-name{font-size:13px;font-weight:500;color:var(--text-body)}.hero-topic-pct{font-size:12px;font-weight:700;color:var(--color-primary)}.hero-progress-track{width:100%;height:7px;background:rgba(13,122,106,.12);border-radius:999px;overflow:hidden}.hero-progress-fill{height:100%;border-radius:999px;width:0;animation:heroBarFill 1.2s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes heroBarFill{to{width:var(--fill)}}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stat{background:rgba(13,122,106,.06);border-radius:12px;padding:12px 8px;text-align:center}[data-theme=dark] .hero-stat{background:rgba(46,207,179,.08)}.hero-stat-num{font-size:24px;font-weight:800;color:var(--color-primary);line-height:1}[data-theme=dark] .hero-stat-num{color:#2ecfb3}.hero-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px;font-weight:500}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-social-proof{display:flex;align-items:center;gap:10px;margin-top:20px}.hero-proof-avatars{display:flex}.proof-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:-8px;border:2px solid #fff}.hero-proof-text{font-size:13px;color:var(--text-secondary);margin-left:16px}.hero-proof-text strong{color:var(--text-heading)}.hero-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.5s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chapters-grid{display:flex;flex-direction:column;gap:8px;margin-top:24px}.chapter-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px);border:1px solid rgba(200,230,226,.6);border-radius:14px;padding:16px 20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;animation:slideUp .25s ease both;text-decoration:none}.chapter-card:nth-child(n){animation-delay:calc(n * .04s)}.chapter-card:hover{transform:translateX(6px);border-color:rgba(13,122,106,.4);box-shadow:0 4px 20px rgba(13,122,106,.1);background:hsla(0,0%,100%,.92)}.chapter-card:active{transform:translateX(4px) scale(.995);transition-duration:.08s}[data-theme=dark] .chapter-card{background:rgba(24,46,42,.6);border-color:rgba(46,207,179,.1)}[data-theme=dark] .chapter-card:hover{background:rgba(24,46,42,.85);border-color:rgba(46,207,179,.25);box-shadow:0 4px 20px rgba(0,0,0,.25)}.chapter-num{width:44px;height:44px;border-radius:12px;background:rgba(13,122,106,.1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#0d7a6a;flex-shrink:0;transition:background .18s ease,transform .18s ease}[data-theme=dark] .chapter-num{background:rgba(46,207,179,.12);color:#2ecfb3}.chapter-card:hover .chapter-num{background:#0d7a6a;color:#fff;transform:scale(1.05)}.chapter-info{min-width:0}.chapter-title{font-size:15px;font-weight:700;color:var(--text-heading);display:flex;align-items:center;gap:8px;margin-bottom:4px}.chapter-icon{font-size:14px}.chapter-meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.chapter-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.badge-recommended{background:rgba(13,122,106,.12);color:#0d7a6a}.badge-free{background:rgba(34,197,94,.12);color:#15803d}.chapter-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.progress-ring-wrap{position:relative;width:36px;height:36px}.progress-ring-wrap svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:rgba(13,122,106,.12);stroke-width:3}.progress-ring-fill{fill:none;stroke:#0d7a6a;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .progress-ring-fill{stroke:#2ecfb3}.progress-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--color-primary)}.chapter-arrow{font-size:16px;color:var(--text-muted);transition:transform .18s ease,color .18s ease}.chapter-card:hover .chapter-arrow{transform:translateX(4px);color:#0d7a6a}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.practice-back-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-muted);padding:0;margin-bottom:24px;transition:color .15s ease;display:inline-flex;align-items:center;gap:6px}.practice-back-btn:hover{color:var(--color-primary)}.practice-topic-header{display:flex;align-items:center;gap:10px;margin-bottom:28px}.practice-topic-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.practice-level-chip{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:capitalize}.practice-level-chip.pass{background:rgba(13,122,106,.12);color:#0d7a6a}.practice-level-chip.average{background:rgba(224,123,0,.12);color:#b35c00}.practice-level-chip.expert{background:rgba(192,57,43,.12);color:#c0392b}.practice-question-card{background:hsla(0,0%,100%,.72);backdrop-filter:blur(16px);border:1px solid rgba(200,230,226,.65);border-radius:18px;padding:28px 28px 24px;animation:scaleIn .3s cubic-bezier(.4,0,.2,1) both}[data-theme=dark] .practice-question-card{background:rgba(24,46,42,.7);border-color:rgba(46,207,179,.12)}.practice-q-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary);margin-bottom:14px}.continue-btn{display:inline-flex;align-items:center;gap:10px;background:#e07b00;color:#fff;font-size:15px;font-weight:700;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;margin-top:8px;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(224,123,0,.28)}.continue-btn:active{transform:scale(.97);transition-duration:.08s}.stat-card-daily{border-top:3px solid #6366f1}.stat-card-chapters{border-top:3px solid #0d7a6a}.stat-card-streak{border-top:3px solid #e07b00}.stat-card-xp{border-top:3px solid #f59500}.quick-start-banner{display:flex;align-items:center;justify-content:space-between;background:rgba(13,122,106,.07);border:1px solid rgba(13,122,106,.18);border-radius:14px;padding:18px 22px;margin-top:24px;gap:16px}[data-theme=dark] .quick-start-banner{background:rgba(46,207,179,.06);border-color:rgba(46,207,179,.14)}.qs-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:4px}.qs-title{font-size:16px;font-weight:700;color:var(--text-heading)}.qs-meta{font-size:13px;color:var(--text-muted);margin-top:2px}.qs-btn{flex-shrink:0;background:#0d7a6a;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.qs-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(13,122,106,.25)}[data-theme=dark] .landing-page,[data-theme=dark] body{background:linear-gradient(135deg,#0d2020,#0c1a18 55%,#0d1e1c)}[data-theme=dark] .hero-headline{color:#e8f5f3}[data-theme=dark] .hero-subtext{color:#8ecfc6}[data-theme=dark] .hero-student-name{color:#e8f5f3}[data-theme=dark] .hero-student-sub{color:#94a3b8}[data-theme=dark] .hero-topic-name{color:#e8f5f3}[data-theme=dark] .hero-proof-text{color:#94a3b8}[data-theme=dark] .hero-proof-text strong{color:#e8f5f3}[data-theme=dark] .hero-badge{background:rgba(46,207,179,.12);color:#2ecfb3;border-color:rgba(46,207,179,.25)}[data-theme=dark] .landing-nav{background:rgba(12,26,24,.88);border-bottom:1px solid rgba(46,207,179,.1)}[data-theme=dark] .landing-nav a{color:#c5e8e2}.dash-home-link{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.dash-home-link:hover{opacity:.75;transform:translateX(-2px)}.dash-home-icon{font-size:16px;color:var(--text-muted)}.dash-home-logo{font-size:18px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}[data-theme=dark] .dash-home-logo{color:#2ecfb3}.practice-dash-link{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;padding:5px 10px;border-radius:8px;transition:background .15s ease,color .15s ease;flex-shrink:0;white-space:nowrap}.practice-dash-link:hover{background:rgba(13,122,106,.1);color:var(--color-primary)}[data-theme=dark] .practice-dash-link:hover{background:rgba(46,207,179,.1);color:#2ecfb3}@media (max-width:480px){.practice-dash-label{display:none}}.result-greeting{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-align:center;animation:fadeIn .4s ease both}.result-personal-msg{font-size:15px;font-weight:500;color:var(--text-body);text-align:center;margin:8px 0 24px;line-height:1.5;animation:slideUp .35s ease .1s both}.result-tagline{font-size:11px;color:var(--text-muted);text-align:center;margin-top:20px;letter-spacing:.04em}.modes-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin:36px 0 16px}.modes-section-title{font-size:18px;font-weight:800;color:var(--text-heading)}.modes-section-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}@media (min-width:640px){.modes-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.modes-grid{grid-template-columns:repeat(4,1fr)}}.mode-card{position:relative;display:flex;flex-direction:column;gap:10px;background:hsla(0,0%,100%,.75);backdrop-filter:blur(14px);border:1px solid rgba(200,230,226,.55);border-radius:16px;padding:18px 16px 16px;cursor:pointer;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease,background .2s ease;animation:slideUp .3s ease both;overflow:hidden}.mode-card:first-child{animation-delay:.05s}.mode-card:nth-child(2){animation-delay:.1s}.mode-card:nth-child(3){animation-delay:.15s}.mode-card:nth-child(4){animation-delay:.2s}.mode-card:nth-child(5){animation-delay:.25s}.mode-card:nth-child(6){animation-delay:.3s}.mode-card:nth-child(7){animation-delay:.35s}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--mode-color);border-radius:16px 16px 0 0}.mode-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.1),0 3px 8px rgba(0,0,0,.06);border-color:var(--mode-color);background:hsla(0,0%,100%,.95)}.mode-card:active{transform:translateY(-2px) scale(.99);transition-duration:.08s}[data-theme=dark] .mode-card{background:rgba(18,42,38,.65);border-color:rgba(46,207,179,.1)}[data-theme=dark] .mode-card:hover{background:rgba(18,42,38,.9);box-shadow:0 12px 32px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.2)}.mode-icon{font-size:24px;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mode-card:hover .mode-icon{transform:scale(1.18) rotate(-5deg)}.mode-name{font-size:13px;font-weight:700;color:var(--text-heading);line-height:1.3}.mode-desc{font-size:11px;color:var(--text-muted);line-height:1.45;flex:1}.mode-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.mode-attempts{font-size:11px;color:var(--text-muted);font-weight:500}.mode-pro-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#fff3e0;color:#b35c00;padding:2px 7px;border-radius:999px;border:1px solid rgba(224,123,0,.25)}[data-theme=dark] .mode-pro-badge{background:#2a1a00;color:#f59500;border-color:rgba(245,149,0,.25)}.mode-card.locked{cursor:default}.mode-card.locked:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.35);border-radius:16px;backdrop-filter:blur(1px)}[data-theme=dark] .mode-card.locked:after{background:rgba(0,0,0,.3)}.mode-card.locked:hover{transform:none;box-shadow:none;border-color:rgba(200,230,226,.55);cursor:pointer}.dash-section-divider{display:flex;align-items:center;gap:12px;margin:28px 0 20px}.dash-divider-line{flex:1;height:1px;background:var(--border-subtle)}.dash-divider-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.mode-intro-card{max-width:400px;margin:80px auto 0;text-align:center;padding:40px 32px;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.mode-intro-icon{font-size:52px;margin-bottom:16px;animation:heroIdle 3s ease-in-out infinite}.mode-intro-name{font-size:22px;font-weight:800;color:var(--text-heading);margin-bottom:8px}.mode-intro-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.mode-intro-meta{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:28px}.mode-intro-start-btn{background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease;width:100%}.mode-intro-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,122,106,.25)}.result-mode-tag{color:var(--text-muted);font-size:12px;margin-top:4px}.admin-mode-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.admin-mode-check-label{display:flex;align-items:center;gap:6px;background:#f5fafa;border:1px solid #c8e6e2;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-mode-check-label:has(input:checked){background:#e8f5f2;border-color:#0d7a6a;color:#0d7a6a;font-weight:600}.badge-card{border-radius:14px;padding:16px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);border:1px solid rgba(200,230,226,.55);text-align:center;cursor:pointer;transition:all .2s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.badge-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:rgba(46,207,179,.3)}[data-theme=dark] .badge-card{background:rgba(18,42,38,.7);border-color:rgba(46,207,179,.1)}[data-theme=dark] .badge-card:hover{background:rgba(18,42,38,.9);box-shadow:0 8px 24px rgba(0,0,0,.3)}.badge-card.locked{opacity:.5;cursor:default}.badge-card.locked:hover{transform:none;box-shadow:none}.badge-card.locked .badge-icon{filter:grayscale(100%)}.badge-card.unrevealed{animation:pulseGlow 1.5s infinite}.badge-card.unrevealed:hover{animation:pulseGlow .8s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(13,122,106,.4)}50%{box-shadow:0 0 0 8px rgba(13,122,106,.1)}}.badge-card.revealing{animation:giftOpen .6s ease-out}@keyframes giftOpen{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.15) rotate(2deg)}75%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0deg)}}.badge-icon{font-size:32px;line-height:1;margin-bottom:8px;transition:transform .2s ease}.badge-card:not(.locked):hover .badge-icon{transform:scale(1.1)}.badge-name{font-size:11px;font-weight:700;color:var(--text-heading);line-height:1.2;margin-bottom:4px}.badge-desc{font-size:9px;color:var(--text-muted);line-height:1.3;flex:1}.badge-date{font-size:8px;color:var(--text-muted);margin-top:4px;opacity:.7}.badge-card.revealed{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(13,122,106,.05),hsla(0,0%,100%,.8))}[data-theme=dark] .badge-card.revealed{background:linear-gradient(135deg,rgba(13,122,106,.1),rgba(18,42,38,.8))}.badge-card.revealed .badge-icon{filter:none;text-shadow:0 0 10px rgba(13,122,106,.3)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.profile-stat-card{text-align:center;padding:16px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);border:1px solid rgba(200,230,226,.55);border-radius:12px}.profile-stat-value{font-size:24px;font-weight:800;margin-bottom:4px}.profile-stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.badge-progress{width:100%;height:3px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin-top:4px}.badge-progress-fill{height:100%;background:linear-gradient(90deg,#0d7a6a,#2eceb4);border-radius:2px;transition:width .3s ease}[data-theme=dark] .badge-progress{background:hsla(0,0%,100%,.1)}.badge-xp{font-size:8px;color:#0d7a6a;font-weight:600;margin-top:2px;opacity:.8}.badge-card.rare{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05),hsla(0,0%,100%,.8))}.badge-card.rare.unrevealed{animation:pulseGlowBlue 1.5s infinite}@keyframes pulseGlowBlue{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.1)}}.badge-card.epic{border-color:#8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.05),hsla(0,0%,100%,.8))}.badge-card.epic.unrevealed{animation:pulseGlowPurple 1.5s infinite}@keyframes pulseGlowPurple{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.4)}50%{box-shadow:0 0 0 8px rgba(139,92,246,.1)}}.badge-card.legendary{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05),hsla(0,0%,100%,.8))}.badge-card.legendary.unrevealed{animation:pulseGlowGold 1.5s infinite}@keyframes pulseGlowGold{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.4)}50%{box-shadow:0 0 0 8px rgba(245,158,11,.1)}}[data-theme=dark] .badge-card.rare{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(18,42,38,.8))}[data-theme=dark] .badge-card.epic{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(18,42,38,.8))}[data-theme=dark] .badge-card.legendary{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(18,42,38,.8))}.badge-card.revealed.rare .badge-icon{text-shadow:0 0 10px rgba(59,130,246,.3)}.badge-card.revealed.epic .badge-icon{text-shadow:0 0 10px rgba(139,92,246,.3)}.badge-card.revealed.legendary .badge-icon{text-shadow:0 0 10px rgba(245,158,11,.3)}.global-nav{height:60px}.global-nav-left,.global-nav-logo{display:flex;align-items:center}.global-nav-logo{gap:8px;text-decoration:none;color:var(--text-heading);font-weight:600;font-size:18px;transition:opacity .2s ease}.global-nav-logo:hover{opacity:.8}.global-nav-icon{font-size:24px}.global-nav-text{font-size:16px}.global-nav-right{display:flex;align-items:center;gap:12px}.global-avatar-container{position:relative}.global-avatar-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:50%}.global-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.global-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(13,122,106,.25)}.global-avatar:active{transform:scale(.95)}.global-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-dropdown-header{padding:16px}.global-dropdown-name{font-weight:600;color:var(--text-heading);font-size:16px;margin-bottom:4px}.global-dropdown-motivation{font-size:13px;color:var(--text-muted);line-height:1.4}.global-dropdown-divider{height:1px;background:var(--border-subtle);margin:8px 0}.global-dropdown-menu{padding:4px}.global-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--text-default);transition:background .15s ease;font-size:14px}.global-dropdown-item:hover{background:var(--bg-hover)}.global-dropdown-item.active{background:var(--primary-light);color:var(--primary)}.global-dropdown-icon{font-size:18px;width:20px;text-align:center}.global-dropdown-label{font-weight:500}.global-dropdown-logout{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:none;border:none;color:var(--text-default);cursor:pointer;transition:background .15s ease;font-size:14px;width:100%;text-align:left}.global-dropdown-logout:hover{background:var(--bg-hover)}.top-loader{position:fixed;top:0;left:0;height:2px;width:0;background:var(--primary);z-index:9999;transition:width .3s ease}.page-transition{animation:fadeSlideIn .28s ease both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.primary-btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease;position:relative;overflow:hidden}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,122,106,.25)}.primary-btn:active{transform:translateY(0) scale(.97);box-shadow:none}.primary-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:hsla(0,0%,100%,.2);opacity:0;transition:opacity .2s ease}.primary-btn:active:after{opacity:1}a,button{transition:transform .12s ease,box-shadow .12s ease}a:active,button:active{transform:scale(.96)}a:hover,button:hover{transform:translateY(-1px)}.section{animation:fadeInUp .35s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.hover-card{transition:transform .2s ease,box-shadow .2s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.hover-icon{transition:transform .2s ease}.hover-icon:hover{transform:scale(1.1)}.badge-pulse{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.mode-card-icon{transition:transform .3s ease}.mode-card:hover .mode-card-icon{transform:rotate(5deg) scale(1.1)}.result-what-next{margin:24px 0;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle)}.result-section-title{font-size:18px;font-weight:600;color:var(--text-heading);margin-bottom:16px;text-align:center}.result-suggestions{display:flex;justify-content:center}.result-suggestion-card{gap:16px;padding:16px;background:var(--bg-page);border:1px solid var(--border-subtle);max-width:400px;width:100%}.result-suggestion-card,.suggestion-icon{display:flex;align-items:center;border-radius:8px}.suggestion-icon{font-size:24px;width:40px;height:40px;justify-content:center;background:var(--primary-light);color:var(--primary)}.suggestion-content{flex:1}.suggestion-title{font-weight:600;color:var(--text-heading);margin-bottom:4px}.suggestion-reason{font-size:13px;color:var(--text-muted);line-height:1.4}.suggestion-btn{padding:8px 16px;background:var(--primary);color:var(--on-primary);border:none;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;transition:all .15s ease}.suggestion-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.result-btn-primary{background:var(--primary);color:var(--on-primary);border:none;border-radius:8px}.result-btn-primary,.result-btn-secondary{padding:12px 24px;font-weight:600;font-size:16px;cursor:pointer;transition:all .15s ease;margin:8px}.result-btn-secondary{background:var(--bg-card);color:var(--text-heading);border:1px solid var(--border-subtle);border-radius:8px}.result-btn-secondary:hover{background:var(--bg-hover);transform:translateY(-1px)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:translate-x-1:hover{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\:translate-x-1:hover{--tw-translate-x:0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{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\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/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-cta-hover:hover{--tw-bg-opacity:1;background-color:rgb(196 106 0/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-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgb(10 99 88/var(--tw-bg-opacity,1))}.hover\:bg-primary\/90:hover{background-color:rgba(13,122,106,.9)}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(13 122 106/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{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 rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:top-20{top:5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-8{margin-top:2rem}.sm\:inline{display:inline}.sm\:h-12{height:3rem}.sm\:w-48{width:12rem}.sm\:w-64{width:16rem}.sm\:w-9{width:2.25rem}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pt-24{padding-top:6rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:flex{display:flex}.md\:hidden{display:none}.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\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}}