*,: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}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}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}.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}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{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))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{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))}.rotate-90{--tw-rotate:90deg}.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-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*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-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(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)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{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-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-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.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)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{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)}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);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))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{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-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)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + 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-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\: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);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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{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))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{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))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px 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)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);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))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);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))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\: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))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{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))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.skip-to-content{background:#0080c8;background:var(--primary-blue,#0080c8);border-radius:6px;color:#fff;font-size:14px;font-weight:600;left:-9999px;padding:8px 18px;position:absolute;text-decoration:none;top:8px;transition:left .2s;z-index:10000}.skip-to-content:focus{left:16px;outline:2px solid #fff;outline-offset:2px}:root{--primary-blue:#0080c8;--primary-orange:#ff8c00;--deep-blue:#003d7a;--light-blue:#4db8e8;--burnt-orange:#e67300;--accent-blue:#4db8e8;--accent-orange:#e67300;--white:#fff;--black:#000;--gray:#666;--light-gray:#f5f5f5;--gradient-primary:linear-gradient(90deg,#0080c8,#ff8c00);--gradient-evolution:linear-gradient(90deg,#003d7a,#0080c8 33%,#4db8e8 66%,#ff8c00);--gradient-radial:radial-gradient(circle,#ff8c00 0%,#0080c8 100%);--gradient-blue:linear-gradient(135deg,#003d7a,#0080c8);--gradient-orange:linear-gradient(135deg,#ff8c00,#e67300);--bg-dark:#0a1628;--bg-darker:#050b16;--bg-card:#0080c814;--bg-card-hover:#0080c826;--bg-orange-subtle:#ff8c0014;--text-primary:#fff;--text-secondary:#e0e7ef;--text-muted:#94a3b8;--text-on-light:#003d7a;--border-primary:#0080c84d;--border-orange:#ff8c004d;--border-light:#ffffff1a;--border-color:#0080c833;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:var(--primary-blue)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#050b16,#0a1628);background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-dark) 100%);color:#fff;color:var(--text-primary);font-family:Arial,Helvetica,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}.h1,h1{color:#0080c8;color:var(--primary-blue);font-size:48px;margin-bottom:1rem}.h1,.h2,h1,h2{font-weight:700;line-height:1.2}.h2,h2{color:#003d7a;color:var(--deep-blue);font-size:32px;margin-bottom:.875rem}.h3,h3{color:#ff8c00;color:var(--primary-orange);font-size:24px;font-weight:700;line-height:1.2;margin-bottom:.75rem}.h4,h4{color:#0080c8;color:var(--primary-blue);font-size:20px;font-weight:600;line-height:1.3}.h5,h5{font-size:18px}.h5,.h6,h5,h6{color:#fff;color:var(--text-primary);font-weight:600;line-height:1.3}.h6,h6{font-size:16px}p{line-height:1.5;margin-bottom:1em}.caption,.small-text{color:#666;color:var(--gray);font-size:12px;line-height:1.4}.button-text,.cta-text{color:#fff;color:var(--white);font-size:16px;font-weight:700}a{border-bottom:1px solid #0000;color:#0080c8;color:var(--primary-blue);text-decoration:none;transition:all .3s ease}a:hover{border-bottom-color:#0080c8;border-bottom-color:var(--primary-blue)}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-bottom:1px solid #0080c84d;border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.header-actions{gap:16px}.header-actions,.user-menu{align-items:center;display:flex}.user-menu{gap:12px}.user-welcome{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem}.guest-actions{gap:12px}.guest-actions,.signup-btn{align-items:center;display:flex}.signup-btn{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.signup-btn:hover{background:radial-gradient(circle,#ff8c00 0,#0080c8 100%);background:var(--gradient-radial);box-shadow:0 8px 25px #ff8c0080;transform:translateY(-2px)}.login-btn,.logout-btn{align-items:center;background:#0080c81a;border:1px solid #0080c8;border:1px solid var(--primary-blue);border-radius:8px;color:#0080c8;color:var(--primary-blue);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.logout-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.login-btn:hover{background:#0080c833;border-color:#4db8e8;border-color:var(--light-blue);transform:translateY(-1px)}.logout-btn:hover{background:#ef444433;border-color:#ef4444;color:#dc2626;transform:translateY(-1px)}.nav-menu .logout-mobile{display:none!important}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.auth-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f23f2,#0080c81a);border:1px solid var(--border-accent);border-radius:20px;box-shadow:0 20px 60px #0080c833;max-width:400px;padding:32px;position:relative;width:100%}.auth-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.auth-modal-header h2{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0}.auth-modal-close{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .3s ease}.auth-modal-close:hover{background:#0080c81a;color:#0080c8;color:var(--primary-blue)}.auth-error-message{align-items:center;animation:fadeIn .3s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px 16px}.auth-error-message svg{color:#ef4444;flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#e0e7ef;color:var(--text-secondary);font-weight:500}.form-group input{background:#0080c80d;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#0080c814;border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0080c833;outline:none}.form-group input::placeholder{color:#94a3b8;color:var(--text-muted)}.auth-submit-btn{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff8c0066;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-switch{border-top:1px solid #0080c84d;border-top:1px solid var(--border-primary);margin-top:20px;padding-top:20px;text-align:center}.auth-switch p{color:#e0e7ef;color:var(--text-secondary);margin:0}.auth-switch-btn{background:none;border:none;color:#0080c8;color:var(--primary-blue);cursor:pointer;font-weight:500;text-decoration:underline;transition:color .3s ease}.auth-switch-btn:hover{color:#4db8e8;color:var(--light-blue)}.logo{align-items:center;display:flex;gap:12px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.nav-button,.nav-menu{display:flex;gap:8px}.nav-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-button:hover{background:#0080c826;color:#0080c8;color:var(--primary-blue);transform:translateY(-1px)}.nav-button.active{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);box-shadow:0 4px 20px #ff8c004d;color:#fff}.logout-nav-button{background:#ef44441a!important;border-color:#ef444433!important;color:#ef4444!important;margin-top:8px}.logout-nav-button:hover{background:#ef444433!important;border-color:#ef4444!important;color:#dc2626!important}.ai-chat-layout{gap:16px;grid-template-columns:1fr;padding:0 16px}.ai-avatar-section{order:1}.custom-chat-section{order:2}.ai-chat-section{order:3}.ai-assistant-info{order:4}.mobile-menu-toggle{background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:none;padding:8px}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:32px 24px;width:100%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;text-align:center}.features-grid{margin:0 auto;max-width:1000px}.feature-card{background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);padding:32px;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#0080c81a,#0080c81a);bottom:0;left:0;opacity:0;right:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#4db8e8;border-color:var(--light-blue);box-shadow:0 20px 60px #0080c833}.feature-card>*{position:relative;z-index:1}.feature-card h3{color:var(--text-primary)}.feature-card p{color:#e0e7ef;color:var(--text-secondary);font-size:1rem}.feature-icon{color:#0080c8;color:var(--primary-blue);height:32px;margin-bottom:20px;width:32px}.feature-icon-wrapper{background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);box-shadow:0 8px 25px #0080c866;margin:0 auto 20px}.hero-stats{gap:40px;margin-top:40px}.stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0080c814;background:var(--bg-card);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:16px;min-width:120px;padding:20px;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:8px}.stat-label{color:#e0e7ef;color:var(--text-secondary)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0080c814;background:var(--bg-card);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:16px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#4db8e8;border-color:var(--light-blue);box-shadow:0 12px 40px #0080c826;transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:8px}.stat-title{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.landing-page{background:linear-gradient(135deg,#050b16,#0a1628);background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-dark) 100%);min-height:100vh;width:100%}.landing-hero{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:90vh;padding:80px 0}.hero-content{flex:1 1;max-width:600px}.hero-branding{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.hero-logo{filter:drop-shadow(0 6px 30px rgba(0,128,200,.4));height:120px;object-fit:contain;width:120px}.hero-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8 50%,#ff8c00);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;text-shadow:0 2px 20px #00000080}.hero-description{color:#e0e7ef;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-ctas{align-items:center;display:flex;gap:20px}.cta-primary{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 8px 25px #ff8c004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 32px;transition:all .3s ease}.cta-primary:hover{box-shadow:0 12px 35px #ff8c0080;transform:translateY(-3px)}.cta-secondary{background:#0000;border:2px solid #0080c8;border:2px solid var(--primary-blue);border-radius:12px;color:#0080c8;color:var(--primary-blue);cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.cta-secondary:hover{background:#0080c81a;border-color:#4db8e8;border-color:var(--light-blue);transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-referee-image{border-radius:20px;box-shadow:0 20px 60px #0006;filter:drop-shadow(0 8px 30px rgba(0,128,200,.2));height:auto;max-width:400px;width:100%}.landing-features{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c805);background:linear-gradient(135deg,var(--bg-card) 0,#0080c805 100%);border-top:1px solid #0080c84d;border-top:1px solid var(--border-primary);padding:100px 0}.features-header{margin:0 auto 60px;max-width:800px;text-align:center}.features-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.features-header p{color:#e0e7ef;color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.landing-social-proof{background:linear-gradient(135deg,#0080c80d,#0080c80d);border-bottom:1px solid var(--border-accent);border-top:1px solid #0080c84d;border-top:1px solid var(--border-primary);padding:80px 0}.social-proof-content{margin:0 auto;max-width:1200px;text-align:center}.social-proof-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:50px}.live-activity-counter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid var(--border-accent);border-radius:20px;margin-bottom:50px;overflow:hidden;padding:32px;position:relative}.live-activity-counter:before{animation:liveGradient 4s ease-in-out infinite;background:linear-gradient(45deg,#ef44441a,#ef44440d 25%,#0000 50%,#ef44440d 75%,#ef44441a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes liveGradient{0%,to{opacity:.3}50%{opacity:.7}}.live-activity-counter>*{position:relative;z-index:1}.live-activity-counter h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:24px}.activity-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.activity-stat{background:#0080c81a;border:1px solid #0080c833;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.activity-stat:hover{border-color:#4db8e8;border-color:var(--light-blue);box-shadow:0 8px 25px #0080c833;transform:translateY(-2px)}.activity-number{-webkit-text-fill-color:#0000;animation:countPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;margin-bottom:4px}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.activity-label{color:#e0e7ef;color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stats-row{display:flex;gap:80px;justify-content:center}.landing-final-cta{background:radial-gradient(circle at center,#0080c81a 0,#0000 70%);padding:100px 0;text-align:center}.landing-final-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.landing-final-cta p{color:#e0e7ef;color:var(--text-secondary);font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.final-cta-buttons{display:flex;justify-content:center}.dashboard-container{display:flex;flex-direction:column;gap:48px}.onboarding-checklist{animation:onboard-in .35s ease-out;background:linear-gradient(135deg,#0e1e32eb,#081426f5);border:1px solid #00a0f02e;border-radius:14px;margin-bottom:24px;overflow:hidden;padding:20px 24px 18px;position:relative}.onboarding-checklist:before{background:radial-gradient(ellipse at 20% -10%,#00a0f014,#0000 60%);border-radius:14px;content:"";inset:0;pointer-events:none;position:absolute}.onboarding-closing{opacity:0;transform:translateY(-12px);transition:all .3s ease-in}@keyframes onboard-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{margin-bottom:12px}.onboarding-title-row{align-items:center;display:flex;gap:8px}.onboarding-title-row h3{color:#ffffffeb;font-size:15px;font-weight:700;letter-spacing:.01em;margin:0}.onboarding-icon{color:#f59e0b}.onboarding-dismiss{background:none;border:none;border-radius:6px;color:#ffffff59;cursor:pointer;padding:4px;transition:color .2s,background .2s}.onboarding-dismiss:hover{background:#ffffff0f;color:#ffffffb3}.onboarding-progress-bar{background:#ffffff12;border-radius:5px;height:5px;margin-bottom:6px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:5px;height:100%;transition:width .6s ease}.onboarding-progress-text{color:#fff6;font-size:12px;margin:0 0 12px}.onboarding-steps{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.onboarding-step-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffd1;cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.onboarding-step-btn:hover:not(:disabled){background:#ffffff0d}.onboarding-step-btn:disabled{cursor:default}.step-icon-done{color:#22c55e;flex-shrink:0}.step-icon-todo{color:#fff3;flex-shrink:0}.step-label{flex:1 1}.onboarding-step.done .step-label{color:#ffffff73;text-decoration:line-through}.step-arrow{color:#ffffff40;flex-shrink:0}.dashboard-hero{background:radial-gradient(circle at center,#0080c826 0,#0080c80d 40%,#0000 70%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:24px;margin-bottom:20px;padding:60px 0;text-align:center}.dashboard-content{margin:0 auto;max-width:800px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:12px}.dashboard-subtitle{color:#e0e7ef;color:var(--text-secondary);font-size:1.3rem;margin-bottom:40px}.dashboard-features{margin:0 auto;max-width:1000px}.dashboard-activity{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:16px;margin-bottom:40px;padding:24px;text-align:center}.dashboard-activity h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px}.dashboard-activity-grid{display:flex;gap:32px;justify-content:center}.dashboard-activity-stat{background:#0080c81a;border:1px solid #0080c833;border-radius:8px;min-width:100px;padding:12px 16px;text-align:center}.dashboard-activity-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px}.dashboard-activity-label{color:#e0e7ef;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#ff8c00,#e67300);border-radius:16px;box-shadow:0 8px 25px #ff851b4d;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.feature-icon-wrapper .feature-icon{color:#fff;height:28px;width:28px}@media (max-width:1024px){.landing-hero{flex-direction:column;gap:40px;min-height:auto;padding:60px 20px;text-align:center}.hero-headline{font-size:2.8rem}.stats-row{gap:40px}}@media (max-width:768px){.hero-headline{font-size:2.2rem}.hero-description{font-size:1.1rem}.hero-ctas{flex-direction:column;width:100%}.cta-primary,.cta-secondary{max-width:300px;width:100%}.features-header h2,.landing-final-cta h2,.social-proof-content h2{font-size:2rem}.stats-row{flex-direction:column;gap:30px}.hero-referee-image{max-width:300px}.dashboard-title{font-size:2.2rem}}@media (max-width:480px){.hero-branding{justify-content:center;margin-bottom:24px}.hero-logo{height:100px;width:100px}.hero-title{font-size:2.2rem}.features-header h2,.hero-headline,.landing-final-cta h2,.social-proof-content h2{font-size:1.8rem}}.hero-section{background:radial-gradient(circle at center,#ff851b1a 0,#0000 70%);border-radius:24px;overflow:hidden;padding:80px 0;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23FF851B' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8c00,#e67300 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:16px;text-shadow:0 4px 20px #ff851b4d}.hero-subtitle{color:#bbb;font-size:1.3rem;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.hero-stats{display:flex;gap:48px;justify-content:center;margin-top:48px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-number{font-size:2.5rem}.stat-label{color:#888}.features-section{text-align:center}.section-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:48px}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:48px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ff851b33;border-radius:20px;cursor:pointer;overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .4s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#ff851b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ff8c00;box-shadow:0 20px 40px #ff851b33;transform:translateY(-8px)}.feature-icon{color:#ff8c00;height:64px;margin-bottom:24px;width:64px}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-card p{color:#bbb;line-height:1.6}.ai-chat-layout{grid-gap:24px;gap:24px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1400px}.ai-chat-section,.custom-chat-section{background:#ffffff05;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;padding:0}.chat-header,.fastbots-header{align-items:center;background:#0080c81a;border-bottom:1px solid #0080c84d;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 20px}.chat-header h4,.fastbots-header h4{color:#4db8e8;color:var(--light-blue);font-size:1.1rem;font-weight:600;margin:0}.fastbots-note{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;margin:0}.chat-actions{display:flex;gap:8px}.clear-chat-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .3s ease}.clear-chat-btn:hover{background:#ef444433;border-color:#ef4444}.chat-messages-container{display:flex;flex-direction:column;gap:12px;height:400px;overflow-y:auto;padding:16px 20px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#4db8e8;background:var(--light-blue);border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-input-section{background:#0000001a;border-top:1px solid #0080c84d;border-top:1px solid var(--border-primary);padding:16px 20px}.chat-input-container{align-items:center}.chat-input{border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:12px 16px}.chat-input:focus{border-color:#4db8e8;border-color:var(--light-blue);box-shadow:0 0 0 3px #0080c81a;outline:none}.send-btn{align-items:center;background:#4db8e8;background:var(--light-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:12px;transition:all .3s ease}.send-btn:hover:not(:disabled){background:#0080c8;background:var(--primary-blue);transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.ai-assistant-container{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px}.ai-chat-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:300px 1fr}.ai-avatar-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:24px;display:flex;flex-direction:column;padding:32px 24px;position:-webkit-sticky;position:sticky;text-align:center;top:100px}.ai-avatar-container{margin-bottom:24px;position:relative}.ai-avatar-image{border:4px solid #0080c8;border:4px solid var(--primary-blue);border-radius:50%;box-shadow:0 8px 32px #0080c84d;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.ai-avatar-image:hover{box-shadow:0 12px 40px #0080c866;transform:scale(1.05)}.ai-status-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #0a1628;border:3px solid var(--bg-dark);border-radius:50%;bottom:8px;height:20px;position:absolute;right:8px;width:20px}.ai-intro{color:#fff;margin-top:1rem;text-align:center}.ai-greeting{margin-bottom:.75rem}.ai-personal-greeting{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#e8f4f8;display:inline-block;font-size:1.1rem;font-weight:500;margin:0;padding:.75rem 1.5rem}.ai-intro h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:600;margin-bottom:12px}.ai-intro p{color:#e0e7ef;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.ai-chat-section{min-height:600px}.fastbots-chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 12px 40px #0080c81a;height:600px;overflow:hidden;width:100%}.fastbots-iframe{border:none;border-radius:20px;height:100%;width:100%}.ai-assistant-info{margin-top:20px}.info-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:16px;padding:24px;transition:all .3s ease}.info-card:hover{border-color:#4db8e8;border-color:var(--light-blue);box-shadow:0 12px 40px #0080c826;transform:translateY(-4px)}.info-card h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.info-card p{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.improvement-plan-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#10b9810d);background:linear-gradient(135deg,var(--bg-card) 0,#10b9810d 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:20px;margin-top:40px;padding:32px}.improvement-plan-section h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:32px;text-align:center}.phase-section{margin-bottom:40px}.phase-section h4{border-bottom:2px solid #4db8e8;border-bottom:2px solid var(--light-blue);color:#4db8e8;color:var(--light-blue);font-size:1.2rem;font-weight:600;margin-bottom:24px;padding-bottom:8px}.step-card{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;margin-bottom:24px;padding:24px;transition:all .3s ease}.step-card:hover{background:#ffffff0a;border-color:#4db8e8;border-color:var(--light-blue);transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#4db8e8,var(--accent-purple));background:linear-gradient(135deg,var(--light-blue),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h5{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:12px}.step-content p{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:8px}.step-content p strong{color:#fff;color:var(--text-primary);font-weight:600}.general-tips-section{margin-bottom:32px}.general-tips-section h4{color:var(--accent-purple);font-size:1.2rem;font-weight:600;margin-bottom:24px;text-align:center}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:20px;transition:all .3s ease}.tip-card:hover{background:#8b5cf626;border-color:var(--accent-purple);transform:translateY(-2px)}.tip-card strong{color:#fff;color:var(--text-primary);font-weight:600}.cta-section{background:linear-gradient(135deg,#4db8e8,var(--accent-purple));background:linear-gradient(135deg,var(--light-blue),var(--accent-purple));border-radius:16px;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.cta-section p{font-size:1rem;font-weight:500;line-height:1.6;margin:0}.cta-section strong{font-weight:700;line-height:1.5}.ai-disclaimer{background:#ff8c001a;border:1px solid #ff8c0033;border-radius:12px;padding:20px;text-align:center}.ai-disclaimer p{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.ai-chat-layout{gap:24px;grid-template-columns:1fr}.ai-avatar-section{align-items:center;flex-direction:row;gap:20px;position:static;text-align:left}.ai-avatar-container{flex-shrink:0;margin-bottom:0}.ai-avatar-image{height:80px;width:80px}.ai-status-indicator{bottom:4px;height:16px;right:4px;width:16px}}@media (max-width:768px){.ai-avatar-section{flex-direction:column;text-align:center}.ai-avatar-container{margin-bottom:16px}.info-cards{grid-template-columns:1fr}.fastbots-chat-container{height:500px}}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.welcome-message{background:#ff851b1a;border:1px solid #ff851b4d;border-radius:16px;padding:24px;text-align:center}.welcome-message ul{list-style:none;margin:16px 0}.welcome-message li{color:#bbb;padding:4px 0}.welcome-message li:before{content:"🏀";margin-right:8px}.message{margin-bottom:16px;max-width:80%}.user-message{align-self:flex-end}.user-message .message-content{background:linear-gradient(135deg,#ff8c00,#e67300);border-radius:20px 20px 4px 20px;box-shadow:0 4px 16px #ff851b4d;color:#fff;padding:16px 20px}.ai-message{align-self:flex-start}.ai-message .message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px 20px 20px 4px;color:#fff;padding:16px 20px}.error-message .message-content{background:#ff00001a;border:1px solid #ff00004d;border-radius:20px 20px 20px 4px;color:#ff6b6b;padding:16px 20px}.loading-spinner{color:#ff8c00}.chat-input-container{background:#0000004d;border-top:1px solid #ff851b33;display:flex;gap:12px;padding:24px}.chat-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#fff;flex:1 1;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease}.chat-input:focus{border-color:#ff8c00;box-shadow:0 0 0 3px #ff851b33}.chat-input::placeholder{color:#888}.send-button{align-items:center;background:linear-gradient(135deg,#ff8c00,#e67300);border:none;border-radius:50%;box-shadow:0 4px 16px #ff851b4d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #ff851b66;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.quiz-container{margin:0 auto;max-width:800px}.quiz-start{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:20px;padding:32px}.quiz-header{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 24px}.quiz-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.quiz-header .question-counter{background:#0080c833;border:1px solid #0080c84d;border-radius:20px;color:#fff;font-size:1.2rem;font-weight:600;padding:8px 16px;text-shadow:0 1px 2px #0003}.quiz-start h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:600;margin:0}.quiz-history-btn{background:linear-gradient(135deg,#ff8c00,#e67300);background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-orange) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.quiz-history-btn:hover{box-shadow:0 6px 20px #ff8c004d;transform:translateY(-2px)}.quiz-config-section{margin-bottom:32px}.quiz-config-section h3,.quiz-difficulty-section h3,.quiz-mode-section h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:16px}.question-count-buttons{display:flex;gap:16px;margin-bottom:8px}.count-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#e0e7ef;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:16px 24px;transition:all .3s ease}.count-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.count-btn.selected{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d;color:#fff;transform:translateY(-2px)}.quiz-difficulty-section{margin-bottom:32px}.difficulty-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.difficulty-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#e0e7ef;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:8px;padding:20px 16px;transition:all .3s ease}.difficulty-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-3px)}.difficulty-btn.selected{background:#0080c826;border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 8px 25px #0080c84d;color:#fff;transform:translateY(-3px)}.difficulty-btn .btn-icon{font-size:1.5rem}.quiz-mode-section{margin-bottom:32px}.mode-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;color:#e0e7ef;color:var(--text-secondary);padding:20px;position:relative;text-align:left}.mode-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.mode-btn.selected{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d;color:#fff;transform:translateY(-2px)}.mode-btn:disabled{cursor:not-allowed;opacity:.6}.mode-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.mode-description{font-size:.9rem;line-height:1.4;opacity:.8}.pro-badge{background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.quiz-start-section{margin-top:32px;text-align:center}.start-quiz-btn{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 20px #ff8c004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:18px 36px;transition:all .3s ease}.start-quiz-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff8c0080;transform:translateY(-3px)}.start-quiz-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-prompt{color:#e0e7ef;color:var(--text-secondary);font-size:.95rem;margin-top:16px}.login-link{background:none;border:none;color:#0080c8;color:var(--primary-blue);cursor:pointer;font-size:inherit;text-decoration:underline}.login-link:hover{color:#4db8e8;color:var(--light-blue)}@media (max-width:768px){.quiz-header{flex-direction:column;gap:16px;text-align:center}.quiz-start h2{font-size:1.8rem}.question-count-buttons{flex-direction:column}.difficulty-buttons,.mode-buttons{grid-template-columns:1fr}.start-quiz-btn{padding:16px 24px;width:100%}}.quiz-active{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0080c814,#0080c814);background:linear-gradient(135deg,var(--bg-card) 0,#0080c814 100%);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:20px;padding:32px}.quiz-progress{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-bottom:32px;padding:16px 20px;text-shadow:0 1px 2px #0003}.progress-bar{background:#0080c81a;border-radius:4px;flex:1 1;height:8px;margin-left:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff8c00,#e67300);height:100%;transition:width .3s ease}.question-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.question-text{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:32px;padding:24px;text-shadow:0 2px 4px #0000004d}.answer-options{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.answer-option{background:#ffffff14;border:2px solid #fff3;border-radius:14px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;line-height:1.5;padding:24px 28px;text-align:left;transition:all .3s ease}.answer-option:hover{background:#ff851b26;border-color:#ff851b80;box-shadow:0 8px 20px #ff851b33;color:#fff;transform:translateX(8px)}.answer-option.selected{background:#ff851b40;border-color:#ff8c00;box-shadow:0 8px 24px #ff851b4d;color:#fff;font-weight:600}.submit-answer-btn{background:linear-gradient(135deg,#ff8c00,#e67300);border:none;border-radius:14px;box-shadow:0 6px 20px #ff851b4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:18px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-answer-btn:hover:not(:disabled){box-shadow:0 10px 30px #ff851b66;transform:translateY(-3px)}.submit-answer-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.6;transform:none}.answer-result{text-align:center}.result-header{align-items:center;display:flex;font-size:1.3rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:24px}.result-header.correct{color:#4caf50}.result-header.incorrect{color:#e74c3c}.result-icon{height:32px;width:32px}.explanation{background:#0080c826;border:2px solid #3b82f64d;border-radius:14px;box-shadow:0 4px 12px #0080c81a;margin-top:24px;padding:24px}.explanation h4{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:16px;text-shadow:0 1px 2px #0003}.explanation p{color:#fff;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0;text-shadow:0 1px 2px #0000001a}.result-actions{margin-top:24px;text-align:center}.finish-quiz-btn,.next-question-btn{align-items:center;background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);border:none;border-radius:12px;box-shadow:0 4px 20px #0080c84d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .3s ease}.finish-quiz-btn:hover,.next-question-btn:hover{box-shadow:0 8px 25px #0080c866;transform:translateY(-2px)}.finish-quiz-btn{background:linear-gradient(135deg,#ff8c00,#e67300);background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-orange) 100%);box-shadow:0 4px 20px #ff8c004d}.finish-quiz-btn:hover{box-shadow:0 8px 25px #ff8c0066}.quiz-complete{padding:48px;text-align:center}.quiz-complete h2{color:#4caf50;font-size:2.5rem;margin-bottom:32px}.final-score{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;display:flex;flex-direction:column;gap:20px;margin-bottom:32px;padding:32px}.score-text{color:#fff;font-size:1.4rem;font-weight:600;text-shadow:0 1px 2px #0003}.score-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#45a049);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(76,175,80,.3));font-size:4.5rem;font-weight:800;text-shadow:0 4px 8px #4caf504d}.restart-quiz-btn{background:linear-gradient(135deg,#ff8c00,#e67300);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.restart-quiz-btn:hover{box-shadow:0 8px 25px #ff851b4d;transform:translateY(-2px)}.articles-container{margin:0 auto;max-width:1000px}.articles-header{margin-bottom:48px;text-align:center}.articles-header h2{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:16px}.articles-header p{color:#bbb;font-size:1.1rem}.articles-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.filter-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#bbb;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-button:hover{background:#ff851b1a;border-color:#ff851b4d;color:#ff8c00}.filter-button.active{background:linear-gradient(135deg,#ff8c00,#e67300);border-color:#ff8c00;color:#fff}.articles-loading{align-items:center;color:#bbb;display:flex;gap:12px;justify-content:center;padding:48px}.articles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:48px}.article-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ff851b33;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .4s ease}.article-card:before{background:linear-gradient(90deg,#0000,#ff851b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.article-card:hover:before{left:100%}.article-card:hover{border-color:#ff8c00;box-shadow:0 12px 30px #ff851b33;transform:translateY(-4px)}.article-card.featured{border-color:gold;box-shadow:0 4px 20px #ffd7001a}.featured-badge{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#000;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.article-card-header{margin-bottom:16px}.article-card-category{align-items:center;background:#ff851b1a;border-radius:12px;color:#ff8c00;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 12px}.article-card-date{color:#888;font-size:.85rem}.article-card-title{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:12px}.article-card-excerpt{color:#bbb;line-height:1.6;margin-bottom:16px}.article-card-footer{padding-top:16px}.article-card-author{color:#999;font-size:.85rem}.article-card-read-time{align-items:center;color:#888;display:flex;font-size:.8rem;gap:4px}.no-articles{color:#bbb;padding:48px;text-align:center}.no-articles svg{color:#666;margin-bottom:16px}.no-articles h3{color:#fff;margin-bottom:8px}.article-detail-container{margin:0 auto;max-width:750px;padding:0 24px}.article-detail-container.dark-mode{--article-bg:#0a1628f2;--article-text:#e8e8e8;--article-text-secondary:#b8b8b8;--article-heading:#fff;--article-subheading:#ff8c00;--article-border:#ffffff1a;--article-accent:#0080c826;--article-highlight:#ff8c001a}.article-detail-container.light-mode{--article-bg:#fff;--article-text:#2d2d2d;--article-text-secondary:#6b6b6b;--article-heading:#1a1a1a;--article-subheading:#e67300;--article-border:#0000001a;--article-accent:#0080c814;--article-highlight:#ff8c0014}.article-detail-container.sepia-mode{--article-bg:#f4f1ea;--article-text:#3d3d3d;--article-text-secondary:#6d6d6d;--article-heading:#2d2412;--article-subheading:#b8651b;--article-border:#8b745533;--article-accent:#8b74551a;--article-highlight:#b8651b14}.article-detail-container:not(.dark-mode):not(.light-mode):not(.sepia-mode){--article-bg:#0a1628f2;--article-text:#e8e8e8;--article-text-secondary:#b8b8b8;--article-heading:#fff;--article-subheading:#ff8c00;--article-border:#ffffff1a;--article-accent:#0080c826;--article-highlight:#ff8c001a}.reading-progress-bar{background:linear-gradient(90deg,#0080c8,#ff8c00);background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-orange) 100%);box-shadow:0 2px 8px #0080c866;height:4px;left:0;position:fixed;top:70px;transition:width .3s ease;z-index:999}.back-button{align-items:center;background:#0000;border:none;color:var(--article-text-secondary);display:inline-flex;font-size:.95rem;gap:8px;margin-bottom:32px;padding:12px 0;transition:all .2s ease}.back-button:hover{color:#0080c8;color:var(--primary-blue);transform:translateX(-4px)}.article-detail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--article-bg);border:1px solid var(--article-border);border-radius:16px;box-shadow:0 8px 40px #0000001f;padding:48px 56px}.article-header{border-bottom:1px solid var(--article-border);margin-bottom:48px;padding-bottom:32px}.article-meta{gap:16px;margin-bottom:24px}.article-category{background:var(--article-highlight);border:1px solid var(--article-subheading);color:var(--article-subheading);display:inline-flex;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.article-date,.article-read-time{align-items:center;color:var(--article-text-secondary);display:flex;font-size:.9rem;gap:6px}.article-title{color:var(--article-heading);font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.article-excerpt{font-size:1.25rem;font-style:italic;line-height:1.6;margin-bottom:16px}.article-author{font-size:1rem}.article-text-content{color:var(--article-text);line-height:2}.article-main-heading{color:var(--article-heading);font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:48px 0 24px}.article-main-heading:first-child{margin-top:0}.article-subheading{border-bottom:3px solid;border-image:linear-gradient(90deg,var(--article-subheading) 0,#0000 100%) 1;color:var(--article-subheading);font-size:1.5rem;font-weight:600;line-height:1.4;margin:40px 0 20px;padding-bottom:12px;position:relative}.article-paragraph{color:var(--article-text);font-size:1.125rem;font-weight:400;letter-spacing:-.003em;line-height:1.9;margin-bottom:28px}.article-paragraph:last-child{margin-bottom:0}.article-list li strong,.article-paragraph strong{background:var(--article-highlight);border-radius:3px;color:var(--article-heading);font-weight:700;padding:2px 6px}.article-list li em,.article-paragraph em{color:var(--article-text-secondary);font-style:italic}.article-list{list-style:none;margin:24px 0;padding-left:0}.article-list li{color:var(--article-text);font-size:1.125rem;line-height:1.8;margin-bottom:16px;padding-left:32px;position:relative}.article-list li:before{color:#ff8c00;color:var(--primary-orange);content:"●";font-size:.8em;font-weight:700;left:8px;position:absolute}.article-list ul{margin-left:20px;margin-top:12px}.article-list ul li:before{color:#0080c8;color:var(--primary-blue);content:"○"}.article-minor-heading{color:var(--article-subheading);font-size:1.05rem;font-weight:700;letter-spacing:.01em;margin:16px 0 8px;opacity:.85}.article-page-divider{border:none;border-top:1px dashed #ffffff26;margin:32px 0}.light-mode .article-page-divider{border-top-color:#0000001f}.sepia-mode .article-page-divider{border-top-color:#8b5a2b40}.font-size-small .article-paragraph{font-size:1rem}.article-detail-header{gap:16px;justify-content:space-between;margin-bottom:32px}.article-controls,.article-detail-header{align-items:center;display:flex;flex-wrap:wrap}.article-controls{gap:12px}.view-mode-control{background:var(--article-accent);border:1px solid var(--article-border);border-radius:10px;display:flex;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-mode-btn:hover{background:var(--article-highlight);transform:scale(1.05)}.view-mode-btn.active{background:var(--article-subheading);box-shadow:0 2px 8px #ff8c004d}.font-size-control{background:var(--article-accent);border:1px solid var(--article-border);border-radius:10px;display:flex;gap:4px;padding:4px}.font-btn{background:#0000;border:none;border-radius:8px;color:var(--article-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;height:40px;transition:all .2s ease;width:40px}.font-btn:hover{background:var(--article-highlight);color:var(--article-heading)}.font-btn.active{background:#0080c8;background:var(--primary-blue);box-shadow:0 2px 8px #0080c84d;color:#fff}.bookmark-btn,.print-btn{align-items:center;background:var(--article-accent);border:1px solid var(--article-border);border-radius:10px;color:var(--article-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.bookmark-btn:hover,.print-btn:hover{background:var(--article-highlight);border-color:var(--article-subheading);transform:translateY(-2px)}.bookmark-btn.bookmarked{background:var(--article-highlight);border-color:#ff8c00;border-color:var(--primary-orange);color:#ff8c00;color:var(--primary-orange)}.article-share{align-items:center;border-top:1px solid var(--article-border);display:flex;gap:12px;margin-top:24px;padding-top:20px}.article-share span{color:var(--article-text-secondary);font-size:.9rem;font-weight:600}.share-btn{align-items:center;background:var(--article-accent);border:1px solid var(--article-border);border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.share-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-btn.linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.export-section{background:var(--article-accent);border:1px solid var(--article-border);border-radius:12px;margin-top:48px;padding:32px}.export-section h4{align-items:center;color:var(--article-heading);display:flex;font-size:1.1rem;gap:8px;margin-bottom:12px}.export-section p{color:var(--article-text-secondary);font-size:.95rem;margin-bottom:20px}.export-buttons{display:flex;flex-wrap:wrap;gap:12px}.export-btn{align-items:center;background:#0000;border:2px solid var(--article-border);border-radius:8px;color:var(--article-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.export-btn:hover:not(:disabled){background:#0080c8;background:var(--primary-blue);border-color:#0080c8;border-color:var(--primary-blue);color:#fff;transform:translateY(-2px)}.export-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.article-detail-container{padding:0 16px}.article-detail{border-radius:12px;padding:32px 24px}.article-detail-header{align-items:flex-start;flex-direction:column}.article-controls{justify-content:space-between;width:100%}.article-title{font-size:2rem}.article-excerpt{font-size:1.1rem}.article-main-heading{font-size:1.75rem}.article-subheading{font-size:1.25rem}.article-list li,.article-paragraph{font-size:1rem}.export-section{padding:24px 20px}.export-buttons{justify-content:center}}@media (max-width:480px){.article-title{font-size:1.75rem}.bookmark-btn,.font-btn,.print-btn,.view-mode-btn{font-size:1rem;height:36px;width:36px}.article-controls{gap:8px}.font-size-control,.view-mode-control{gap:2px}}.font-size-small .article-list li,.font-size-small .article-text-content p{font-size:1rem}.font-size-small .article-title{font-size:2.25rem}.font-size-small .article-main-heading{font-size:1.75rem}.font-size-small .article-subheading{font-size:1.25rem}.font-size-medium .article-list li,.font-size-medium .article-paragraph,.font-size-medium .article-text-content p{font-size:1.125rem}.font-size-large .article-list li,.font-size-large .article-paragraph,.font-size-large .article-text-content p{font-size:1.25rem}.font-size-large .article-title{font-size:3rem}.font-size-large .article-main-heading{font-size:2.25rem}.font-size-large .article-subheading{font-size:1.75rem}.profile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.profile-tabs{border-bottom:1px solid #0080c84d;border-bottom:1px solid var(--border-primary);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:0}.profile-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.5rem;transition:all .2s ease}.profile-tab:hover{color:#fff;color:var(--text-primary)}.profile-tab.active{border-bottom-color:#0080c8;border-bottom-color:var(--primary-blue);color:#0080c8;color:var(--primary-blue)}.bookmarks-section{animation:fadeIn .3s ease}.bookmarks-header{margin-bottom:1.5rem}.bookmarks-header h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.bookmarks-header p{color:#94a3b8;color:var(--text-muted);font-size:.9rem}.bookmarks-loading{color:#94a3b8;color:var(--text-muted)}.bookmarks-empty,.bookmarks-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}.bookmarks-empty{text-align:center}.empty-bookmark-icon{color:#0080c84d;color:var(--border-primary)}.bookmarks-empty h4{color:#e0e7ef;color:var(--text-secondary);font-size:1.1rem}.bookmarks-empty p{color:#94a3b8;color:var(--text-muted);font-size:.9rem}.browse-articles-btn{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.6rem 1.4rem;transition:opacity .2s ease}.browse-articles-btn:hover{opacity:.88}.bookmarks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bookmark-card{background:#0080c814;background:var(--bg-card);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.bookmark-card:hover{border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 6px 20px #0080c833;transform:translateY(-3px)}.bookmark-card-image img{height:140px;object-fit:cover;width:100%}.bookmark-card-body{padding:1rem}.bookmark-card-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.bookmark-category{color:#0080c8;color:var(--primary-blue);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bookmark-read-time{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem}.bookmark-card-title{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.bookmark-card-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--text-muted);display:-webkit-box;font-size:.85rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.bookmark-card-footer{align-items:center;display:flex;justify-content:space-between}.bookmark-author{color:#94a3b8;color:var(--text-muted);font-size:.8rem}.bookmark-arrow{color:#0080c8;color:var(--primary-blue);transition:transform .2s ease}.bookmark-card:hover .bookmark-arrow{transform:translateX(3px)}.profile-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative}.restart-tutorial-btn{align-items:center;background:#0080c81a;border:1px solid #0080c84d;border-radius:8px;color:#4db8e8;color:var(--light-blue);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:absolute;right:0;top:0;transition:all .3s ease}.restart-tutorial-btn:hover{background:#0080c833;border-color:#0080c880;transform:translateY(-1px)}.profile-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.profile-info h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.user-title{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:.5rem;padding:.5rem 1rem}.title-icon{color:gold;height:20px;width:20px}.current-title{color:gold;font-size:1rem;font-weight:600}.achievement-points{color:#06b6d4;font-size:.9rem;font-weight:500}.profile-icon{color:#0080c8;color:var(--primary-blue);height:48px;width:48px}.extended-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.extended-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.extended-stat-card:hover{background:#ffffff14;border-color:#0080c84d;transform:translateY(-2px)}.extended-stat-icon{color:#0080c8;color:var(--primary-blue);flex-shrink:0;height:32px;width:32px}.extended-stat-info{display:flex;flex-direction:column}.extended-stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.extended-stat-title{color:#ffffffb3;font-size:.85rem;margin-top:.25rem}.achievements-section{margin-top:2rem}.achievements-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.achievements-header h3{color:#fff;font-size:1.5rem;margin:0}.achievement-summary{align-items:center;display:flex;gap:1rem}.unlocked-count{background:#4caf5033;border:1px solid #4caf504d;border-radius:20px;color:#4caf50;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.achievement-category{margin-bottom:2.5rem}.category-title{border-bottom:2px solid #ffffff1a;color:#ffffffe6;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.achievement{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.achievement.unlocked{background:#4caf501a;border-color:#4caf504d;box-shadow:0 4px 20px #4caf5026}.achievement.locked{opacity:.6}.achievement:hover{box-shadow:0 8px 30px #0000004d;transform:translateY(-3px)}.achievement-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.achievement-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.achievement-icon{height:24px;width:24px}.achievement-tier-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem;text-shadow:0 1px 2px #00000080;text-transform:uppercase}.achievement-content{display:flex;flex-direction:column;gap:1rem}.achievement-text{flex:1 1}.achievement-name{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.achievement-description{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.achievement-progress{margin-top:1rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-text{color:#ffffffe6;font-size:.85rem;font-weight:500}.progress-points{color:#06b6d4;font-size:.8rem;font-weight:600}.progress-bar-container{border-radius:3px;height:6px}.progress-bar-fill{background:linear-gradient(90deg,currentColor,#fffc);border-radius:3px;transition:all .3s ease}.title-progression-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:3rem;padding:2rem}.title-progression-section h3{color:#fff;font-size:1.4rem;margin:0 0 1.5rem;text-align:center}.title-progression{display:flex;flex-direction:column;gap:1rem}.title-milestone{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .3s ease}.title-milestone.achieved{background:#4caf501a;border-color:#4caf504d}.title-milestone.current{background:#ffd70026;border-color:#ffd70066;box-shadow:0 0 20px #ffd70033}.title-milestone.locked{opacity:.5}.title-milestone .title-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.title-info{flex:1 1}.title-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.title-requirement{color:#ffffffb3;font-size:.85rem;margin:.25rem 0 0}.current-badge{background:gold;border-radius:12px;color:#000;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}@media (max-width:768px){.achievements-grid{gap:1rem;grid-template-columns:1fr}.achievement{padding:1rem}.extended-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.extended-stat-card{padding:1rem}.profile-title-section{flex-direction:column;text-align:center}.achievements-header{align-items:flex-start;flex-direction:column}.title-progression{gap:.75rem}.title-milestone{padding:.75rem}.header-content{padding:0 16px}.header-actions .user-menu{display:none}.logout-mobile,.nav-menu .logout-mobile{border-top:1px solid #ffffff1a;color:#ef4444!important;display:flex!important;margin-top:8px;padding-top:16px}.user-welcome{display:none}.auth-modal{margin:0 16px;padding:24px}.auth-modal-header h2{font-size:1.5rem}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ff851b33;flex-direction:column;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-menu.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-toggle{background:#0080c833;border:2px solid #0080c8;border:2px solid var(--primary-blue);border-radius:8px;box-shadow:0 2px 8px #0080c84d;color:#fff;color:var(--text-primary);display:block!important;padding:12px;position:relative;transition:all .2s ease;z-index:1001}.mobile-menu-toggle:hover{background:#0080c84d;box-shadow:0 4px 12px #0080c866;transform:translateY(-1px)}.mobile-menu-toggle:active{background:#0080c866;transform:translateY(0)}.nav-button{justify-content:flex-start;padding:16px 20px;width:100%}.app-main{padding:20px 16px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:24px}.features-grid{gap:24px;grid-template-columns:1fr}.difficulty-buttons{flex-direction:column;gap:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:24px}.stat-value{font-size:2rem}.fastbots-iframe{border-radius:12px;height:400px}.info-cards{gap:12px;grid-template-columns:1fr}.info-card{padding:12px}.ai-assistant-info{padding:16px}.ai-disclaimer{padding:12px}.ai-assistant-container{height:calc(100vh - 150px)}.chat-header{flex-direction:column;gap:8px;text-align:center}.chat-messages{padding:16px}.message{max-width:95%}.chat-input-container{padding:16px}.articles-grid{gap:20px;grid-template-columns:1fr}.article-card{padding:20px}.article-card-header{align-items:flex-start;flex-direction:column;gap:8px}.article-detail{padding:24px}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:12px}.articles-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.filter-button{white-space:nowrap}.achievements-grid{gap:12px}.achievement{padding:16px}}@media (max-width:480px){.hero-title,.quiz-complete h2,.section-title{font-size:2rem}.score-percentage{font-size:3rem}.feature-card{padding:24px}.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8c00,#e67300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e67300,#ff8c00)}.fade-in{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .6s ease-out}button:focus-visible,input:focus-visible{outline:2px solid #ff8c00;outline-offset:2px}@media (prefers-contrast:high){.achievement,.feature-card,.stat-card{border-width:2px}.nav-button.active{border:2px solid #ff8c00}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-footer{border-top:1px solid #ffffff1a;margin-top:48px;padding:24px 0;text-align:center}.admin-link{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:25px;color:#888;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.admin-link:hover{background:#0080c81a;border-color:#0080c84d;color:#0080c8;color:var(--primary-blue);transform:translateY(-2px)}.admin-icon{height:16px;width:16px}.admin-login-container{align-items:center;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;width:100%}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-header h1{color:#0080c8;color:var(--primary-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-login-header p{color:#6b7280;font-size:.95rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-login-form label{color:#374151;font-size:.9rem;font-weight:600}.admin-login-form input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.admin-login-form input:focus{border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-login-form input::placeholder{color:#9ca3af}.admin-login-btn{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.admin-login-btn:hover{box-shadow:0 8px 25px #ff8c0066;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-login-note{background:#3b82f60d;border-left:4px solid #0080c8;border-left:4px solid var(--primary-blue);border-radius:10px;margin-top:1.5rem;padding:1rem}.admin-login-note p{color:#4b5563;font-size:.85rem;margin:.25rem 0}.admin-panel{background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh}.admin-message{align-items:center;border-radius:10px;box-shadow:0 10px 25px #00000026;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:fixed;right:1rem;top:1rem;z-index:1000}.admin-message.success{background:#10b981;color:#fff}.admin-message.error{background:#ef4444;color:#fff}.admin-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid #0080c84d;border-bottom:1px solid var(--border-primary);box-shadow:0 1px 3px #0003;display:flex;justify-content:space-between;padding:1rem 2rem}.admin-brand h1{color:#0080c8;color:var(--primary-blue);font-size:1.5rem;font-weight:700;margin:0}.admin-user-menu{align-items:center;display:flex;gap:1rem}.admin-ops-wrapper,.admin-user-menu{position:relative}.admin-ops-pill{align-items:center;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.02em;padding:6px 12px}.admin-ops-pill-button{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.admin-ops-pill-button:hover{box-shadow:0 6px 14px #00000038;transform:translateY(-1px)}.admin-ops-pill-button:focus-visible{outline:2px solid #60a5facc;outline-offset:2px}.admin-ops-dot{background:currentColor;border-radius:999px;height:8px;width:8px}.admin-ops-pill.healthy{background:#10b9811f;border-color:#10b98147;color:#34d399}.admin-ops-pill.warning{background:#f59e0b24;border-color:#f59e0b4d;color:#f59e0b}.admin-ops-pill.critical{background:#f871711f;border-color:#f871714d;color:#f87171}.admin-ops-pill.unknown{background:#60a5fa24;border-color:#60a5fa4d;color:#60a5fa}.admin-ops-drawer{background:#0f172a;border:1px solid #94a3b840;border-radius:12px;box-shadow:0 16px 36px #00000059;max-width:min(360px,calc(100vw - 40px));padding:12px;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:40}.admin-ops-drawer h4{color:#e2e8f0;font-size:13px;font-weight:700;margin:0 0 6px}.admin-ops-drawer p{margin:0}.admin-ops-drawer-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}.admin-ops-drawer-item{background:#94a3b814;border:1px solid #94a3b833;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:8px}.admin-ops-drawer-item span{color:#e2e8f0b8;font-size:11px}.admin-ops-drawer-item strong{color:#f8fafc;font-size:13px}.admin-ops-drawer-updated{color:#e2e8f0a6;font-size:11px;margin-top:10px!important}.admin-user-menu span{font-weight:500}.admin-logout-btn,.admin-user-menu span{color:#e0e7ef;color:var(--text-secondary)}.admin-logout-btn{align-items:center;background:#0080c81a;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.admin-logout-btn:hover{background:#0080c833;color:#fff;color:var(--text-primary)}.admin-layout{display:flex;min-height:calc(100vh - 73px)}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid #0080c84d;border-right:1px solid var(--border-primary);padding:1.5rem 0;width:250px}.admin-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.admin-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0e7ef;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.admin-nav-btn:hover{background:#0080c81a;color:#fff;color:var(--text-primary)}.admin-nav-btn.active{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);color:#fff}.admin-main{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:2rem}.admin-loading{align-items:center;color:#e0e7ef;color:var(--text-secondary);display:flex;gap:.5rem;justify-content:center;padding:2rem}.admin-dashboard{max-width:1200px}.admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-page-header h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.admin-page-header p{color:#e0e7ef;color:var(--text-secondary);margin:0}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.admin-stat-card{background:var(--bg-secondary);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 4px 6px #0003;gap:1rem;padding:1.5rem}.admin-stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;color:#fff;height:60px;justify-content:center;width:60px}.stat-icon.users{background:linear-gradient(135deg,#0080c8,#003d7a);background:linear-gradient(135deg,var(--primary-blue),#003d7a)}.stat-icon.articles{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.quiz{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.chat{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content h3{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#e0e7ef;color:var(--text-secondary);font-weight:500;margin:.25rem 0}.stat-change{color:#10b981;font-size:.875rem;font-weight:500}.admin-activity-section{background:var(--bg-secondary);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.admin-activity-section h3{color:#1f2937;font-weight:600;margin:0 0 1rem}.activity-stats{display:flex;flex-wrap:wrap;gap:2rem}.activity-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.activity-number{color:#0080c8;color:var(--primary-blue);font-size:1.5rem;font-weight:700}.activity-label{color:#6b7280;font-size:.875rem}.admin-articles{max-width:1200px}.admin-primary-btn{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin-primary-btn:hover{box-shadow:0 8px 25px #ff8c0066;transform:translateY(-2px)}.admin-secondary-btn{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.admin-secondary-btn:hover{background:#e5e7eb}.admin-articles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-article-card{background:var(--bg-secondary);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.admin-article-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.article-category{align-items:center;background:#0080c81a;color:#e0e7ef;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.article-category,.featured-badge{border-radius:20px;padding:.25rem .75rem}.featured-badge{background:linear-gradient(135deg,#ff8c00,#f59e0b);background:linear-gradient(135deg,var(--primary-orange),#f59e0b);color:#fff;font-size:.75rem;font-weight:600}.article-actions{gap:.5rem}.admin-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.admin-action-btn.edit{background:#f3f4f6;color:#6b7280}.admin-action-btn.edit:hover{background:#0080c8;background:var(--primary-blue);color:#fff}.admin-action-btn.delete{background:#fef2f2;color:#dc2626}.admin-action-btn.delete:hover{background:#dc2626;color:#fff}.admin-action-btn.reset-password{background:#fef7f0;color:#ea580c}.admin-action-btn.reset-password:hover{background:#ea580c;color:#fff}.current-file-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.current-file-info p{color:#fff;color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.current-file-info small{color:#e0e7ef;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.admin-article-card h3{color:#1f2937;font-weight:600;line-height:1.4;margin:0 0 .75rem}.article-excerpt{color:#6b7280;line-height:1.5;margin:0 0 1rem}.admin-article-footer{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem}.article-date{align-items:center;display:flex;gap:.25rem}.admin-users{max-width:1200px}.admin-users-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-box svg{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-users-table{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 120px 100px 80px;padding:1rem 1.5rem}.table-row{align-items:center;border-bottom:1px solid #f3f4f6}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.user-info{color:#1f2937;gap:.5rem}.user-info,.user-status{align-items:center;display:flex;font-weight:500}.user-status{font-size:.875rem;gap:.25rem}.user-status.active{color:#10b981}.user-status.inactive{color:#ef4444}.table-actions{display:flex;gap:.5rem}.admin-users-summary{color:#6b7280;font-size:.9rem;margin-top:1rem;text-align:center}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.admin-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.admin-modal.large{max-width:800px}.admin-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.admin-modal-header h3{color:#1f2937;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close:hover{background:#f3f4f6;color:#6b7280}.admin-modal-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-row{grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{min-height:80px;resize:vertical}.admin-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.mode-selector{display:flex;gap:.5rem;margin-top:.5rem}.mode-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.mode-btn:hover{background:#f0f9ff;border-color:#0080c8}.mode-btn.active{background:#0080c8;border-color:#0080c8;color:#fff}.content-field{margin-bottom:1.5rem}.formatting-guide{align-items:center;background:linear-gradient(135deg,#0080c814,#ff8c0014);border:1px solid #0080c833;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px 12px;margin-bottom:12px;padding:12px 16px}.formatting-guide strong{color:#0080c8;color:var(--primary-blue);font-weight:600;margin-right:8px}.formatting-guide span{color:#e0e7ef;color:var(--text-secondary)}.formatting-guide code{background:#ffffffe6;border:1px solid #ff8c0033;border-radius:4px;color:#ff8c00;color:var(--primary-orange);font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:2px 6px}.article-content-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;min-height:300px;padding:16px;resize:vertical;transition:all .2s ease}.article-content-textarea:focus{background:#fff;border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0080c81a;outline:none}.article-content-textarea::placeholder{color:#9ca3af;font-size:.85rem;line-height:1.5}.char-count{color:#94a3b8;color:var(--text-muted);font-size:.8rem;margin-top:6px;padding-right:4px;text-align:right}.file-upload-area,.file-upload-group{width:100%}.file-upload-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.file-input{display:none}.file-upload-button{cursor:pointer;display:block;width:100%}.file-selected,.file-upload-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;transition:all .3s ease}.file-upload-button:hover .file-selected,.file-upload-button:hover .file-upload-placeholder{background:#f0f9ff;border-color:#0080c8}.file-selected{background:#ecfdf5;border-color:#10b981;color:#059669}.file-size,.upload-help{font-size:.75rem}.remove-file-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;margin-top:.5rem}.remove-file-btn:hover{background:#dc2626}.w-md-editor{background:#fff}.w-md-editor.w-md-editor-focus{border-color:#0080c8!important;border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px #3b82f61a!important}.w-md-editor-text,.w-md-editor-text-input,.w-md-editor-text-textarea{border:2px solid #e5e7eb!important;border-radius:10px!important;font-family:inherit!important}.w-md-editor-toolbar{background:#f8fafc!important;border:solid #e5e7eb!important;border-radius:10px 10px 0 0;border-width:2px 2px 1px!important}.document-upload-section{background:#f8fafc;border:2px dashed #e5e7eb;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.document-upload-area{text-align:center}.document-upload-input{display:none}.document-upload-label{align-items:center;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue));border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.document-upload-label:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.document-upload-label:has(.loading-spinner){cursor:not-allowed;opacity:.7;transform:none}.document-upload-note{color:#6b7280;font-size:.875rem;margin-top:.75rem}.document-preview-section{padding:2rem}.document-preview-header{margin-bottom:2rem;text-align:center}.document-preview-header h4{color:#0080c8;color:var(--primary-blue);font-size:1.5rem;margin:0 0 .5rem}.document-preview-header p{color:#6b7280;margin:0}.document-preview-content{display:flex;flex-direction:column;gap:1.5rem}.preview-field{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.preview-field label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.preview-value{color:#1f2937;font-size:1rem;line-height:1.5;margin:0}.preview-content-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;max-height:300px;overflow-y:auto;padding:1rem}.preview-content-box .w-md-editor-text{background:#0000!important;border:none!important}.preview-stats{background:#0080c8;background:var(--primary-blue);border-radius:10px;color:#fff;flex-direction:column;font-size:.9rem;gap:1rem}.processing-notes{margin-top:.5rem}.processing-notes ul{margin:.5rem 0 0 1rem;padding:0}.processing-notes li{font-size:.85rem;margin-bottom:.25rem;opacity:.9}.error-message{align-items:center;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{padding:1rem 0;width:100%}.admin-nav{flex-direction:row;overflow-x:auto;padding:0 1rem}.admin-nav-btn{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.admin-main{padding:1rem}.admin-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-articles-grid,.admin-stats-grid{grid-template-columns:1fr}.table-header,.table-row{font-size:.8rem;grid-template-columns:1fr 1fr 80px 60px}.table-header>div:nth-child(3),.table-row>div:nth-child(3){display:none}.form-row{grid-template-columns:1fr}.admin-modal{margin:1rem;max-width:none}}.admin-videos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.admin-video-card{background:var(--bg-secondary);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #00000026;padding:1.5rem;transition:all .3s ease}.admin-video-card:hover{box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.video-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.video-info{flex:1 1;margin-right:1rem}.video-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.video-meta{gap:.5rem;margin-bottom:.5rem}.video-difficulty{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.video-difficulty.beginner{background:#dcfce7;color:#16a34a}.video-difficulty.intermediate{background:#fef3c7;color:#d97706}.video-difficulty.advanced{background:#fee2e2;color:#dc2626}.video-difficulty.expert{background:#ede9fe;color:#7c3aed}.video-category{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.75rem;font-weight:500;padding:2px 8px}.video-actions{display:flex;gap:.5rem}.video-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.video-stats{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.video-stat{color:#6b7280}.video-stat,.video-status{align-items:center;display:flex;font-size:.85rem;gap:.25rem}.video-status{font-weight:500}.video-status.active{color:#16a34a}.video-status.inactive{color:#dc2626}.video-tags{display:flex;flex-wrap:wrap;gap:.5rem}.video-tag{background:#e5e7eb;border-radius:6px;color:#4b5563;font-size:.7rem;font-weight:500;gap:.25rem;padding:2px 6px}.video-tag,.video-upload-note{align-items:center;display:flex}.video-upload-note{color:#6b7280;font-weight:600;gap:.5rem}.form-help-text{color:#6b7280;font-size:.85rem;line-height:1.4;margin:.5rem 0 0}.form-help-text code{background:#f3f4f6;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;padding:2px 6px}.video-upload-group{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.video-upload-group:hover{background:#eff6ff;border-color:#0080c8}.video-upload-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.video-file-input{display:none}.video-upload-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:block;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}.video-upload-button:hover{background:#f8faff;border-color:#0080c8}.video-upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem}.video-upload-placeholder span:first-of-type{color:#374151;font-weight:600}.upload-help{color:#9ca3af;font-size:.8rem}.video-file-selected{align-items:center;color:#16a34a;display:flex;gap:.75rem;justify-content:center}.video-file-selected span:first-of-type{font-weight:600}.file-size{color:#6b7280;font-size:.9rem}.remove-file-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.5rem 1rem;transition:all .3s ease}.remove-file-btn:hover{background:#fecaca;border-color:#fca5a5}.upload-progress-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:1rem 0;padding:1rem}.progress-header{align-items:center;color:#0369a1;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.progress-bar-container{background:#e0f2fe;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#0284c7)}.admin-action-btn.preview{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.admin-action-btn.preview:hover{background:#bbf7d0;border-color:#86efac;color:#15803d}.video-preview-overlay{background:#000c;z-index:1100}.video-preview-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:1200px;overflow-y:auto;width:95vw}.preview-header-info{flex:1 1;margin-right:1rem}.preview-header-info h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem}.preview-meta{align-items:center;display:flex;gap:.75rem}.video-preview-content{padding:1.5rem 2rem 2rem}.video-player-container{background:#000;border-radius:12px;margin-bottom:2rem;overflow:hidden;position:relative}.preview-video-player{height:auto;max-height:600px;min-height:400px;object-fit:contain;width:100%}.video-not-available{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.video-not-available h4{color:#374151;font-size:1.1rem;margin:1rem 0 .5rem}.video-not-available p{font-size:.9rem;margin:0}.video-preview-details{grid-gap:1.5rem;display:grid;gap:1.5rem}.preview-description h4,.preview-tags h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.preview-description p{color:#6b7280;line-height:1.6;margin:0}.preview-stats{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:1.5rem;padding:1rem}.preview-stat{color:#6b7280}.preview-stat,.preview-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.preview-status{font-weight:500}.preview-status.active{color:#16a34a}.preview-status.inactive{color:#dc2626}.preview-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.preview-tag{align-items:center;background:#f3f4f6;border-radius:20px;color:#4b5563;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}@media (max-width:768px){.video-preview-modal{max-height:95vh;width:98vw}.video-preview-content{padding:1rem}.preview-video-player{max-height:300px;min-height:200px}.preview-stats{align-items:flex-start;flex-direction:column;gap:.75rem}.preview-header-info h3{font-size:1.1rem}.admin-videos-grid{gap:1rem;grid-template-columns:1fr}.video-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.video-info{margin-right:0}.video-stats{align-items:flex-start;flex-direction:column;gap:.5rem}}.pdf-upload-group{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pdf-upload-group:hover{background:#eff6ff;border-color:#0080c8}.pdf-upload-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.pdf-file-input{display:none}.pdf-upload-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:block;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}.pdf-upload-button:hover{background:#f8faff;border-color:#0080c8}.pdf-upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem}.pdf-upload-placeholder span:first-of-type{color:#374151;font-weight:600}.pdf-file-selected{align-items:center;color:#16a34a;display:flex;gap:.75rem;justify-content:center}.pdf-file-selected span:first-of-type{font-weight:600}.checkbox-group,.checkbox-label{align-items:center;display:flex;gap:.5rem}.checkbox-label{cursor:pointer;font-weight:500}.checkbox-text{color:#374151}.pdf-viewer-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;overflow:hidden}.article-viewer-header,.pdf-viewer-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.article-viewer-header h3,.pdf-viewer-header h3{color:#374151;font-size:1.1rem;margin:0}.article-actions{align-items:center;display:flex;gap:1rem}.format-selector{align-items:center;display:flex;gap:.5rem}.format-selector label{color:#6b7280;font-size:.875rem;font-weight:500}.export-format-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.export-format-select:hover{border-color:#0080c8}.export-format-select:focus{border-color:#0080c8;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-download-btn,.pdf-download-btn{align-items:center;background:#0080c8;border-radius:8px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.export-download-btn:hover,.pdf-download-btn:hover{background:#2563eb;transform:translateY(-1px)}.article-text-content h1,.article-text-content h2,.article-text-content h3,.article-text-content h4,.article-text-content h5,.article-text-content h6{color:var(--article-heading);font-weight:600;line-height:1.3;margin:2.5rem 0 1.25rem;position:relative}.article-text-content h1{border-bottom:3px solid #ff8c00;border-bottom:3px solid var(--primary-orange);font-size:2.25rem;margin-bottom:1.5rem;padding-bottom:.75rem}.article-text-content h2{border-bottom:2px solid #ff851b4d;font-size:1.875rem;padding-bottom:.5rem}.article-text-content h2:before{background:#ff8c00;background:var(--primary-orange);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.article-text-content h3{color:var(--article-subheading);font-size:1.5rem}.article-text-content h4{color:var(--article-subheading);font-size:1.25rem}.article-text-content h5,.article-text-content h6{font-size:1.125rem}.article-text-content p{color:var(--article-text);line-height:1.85;margin-bottom:1.25rem}.article-text-content p:first-of-type{color:var(--article-text);line-height:1.9}.article-text-content ol,.article-text-content ul{color:var(--article-text);margin:1.5rem 0;padding-left:2rem}.article-text-content li{line-height:1.75;margin-bottom:.75rem}.article-text-content ul li::marker{color:#ff8c00;color:var(--primary-orange);font-size:1.2em}.article-text-content ol li::marker{color:#0080c8;color:var(--primary-blue);font-weight:600}.article-text-content blockquote{background:#0080c814;border-left:4px solid #0080c8;border-left:4px solid var(--primary-blue);border-radius:0 12px 12px 0;color:#fff;color:var(--text-primary);font-style:italic;margin:2rem 0;padding:1.5rem 2rem;position:relative}.article-text-content blockquote:before{color:#0080c8;color:var(--primary-blue);content:'"';font-family:Georgia,serif;font-size:4rem;left:15px;opacity:.3;position:absolute;top:-10px}.article-text-content blockquote p{font-size:1.1rem;margin:0}.article-text-content .pull-quote{background:linear-gradient(135deg,#ff8c001a,#0080c81a);border:2px solid #ff8c00;border:2px solid var(--primary-orange);border-radius:16px;color:#fff;color:var(--text-primary);font-size:1.35rem;font-style:italic;font-weight:500;line-height:1.6;margin:2.5rem 0;padding:2rem;text-align:center}.article-text-content code{background:#ffffff0d;border:1px solid #0080c833;border-radius:4px;color:#4db8e8;color:var(--light-blue);font-family:Courier New,monospace;font-size:.9em;padding:.2em .5em}.article-text-content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin:2rem 0;overflow-x:auto;padding:1.5rem;position:relative}.article-text-content pre code{background:none;border:none;color:#e0e0e0;font-size:.95rem;line-height:1.6;padding:0}.article-text-content a{border-bottom:1px solid #0000;color:#0080c8;color:var(--primary-blue);text-decoration:none;transition:all .3s ease}.article-text-content a:hover{border-bottom-color:#4db8e8;border-bottom-color:var(--light-blue);color:#4db8e8;color:var(--light-blue)}.article-text-content hr{background:linear-gradient(90deg,#0000,#ff8c00,#0000);background:linear-gradient(90deg,#0000,var(--primary-orange),#0000);border:none;height:2px;margin:3rem 0;position:relative}.article-text-content hr:after{background:#0080c814;background:var(--bg-card);color:#ff8c00;color:var(--primary-orange);content:"⚡";font-size:1.5rem;left:50%;padding:0 1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.article-text-content strong{color:#fff;color:var(--text-primary);font-weight:600}.article-text-content em{color:#4db8e8;color:var(--light-blue);font-style:italic}.article-cover-image{background:#0003;border:2px solid #ff851b4d;border-radius:16px;box-shadow:0 12px 40px #0006;margin:2rem 0 3rem;overflow:hidden;transition:all .3s ease}.article-cover-image:hover{border-color:#ff8c00;border-color:var(--primary-orange);box-shadow:0 16px 50px #ff851b66;transform:translateY(-4px)}.article-cover-image img{display:block;height:auto;transition:all .3s ease;width:100%}.article-cover-image:hover img{transform:scale(1.02)}.cover-image-caption{background:linear-gradient(0deg,#000000e6,#000000b3);color:#fff;font-size:1rem;font-style:italic;padding:1rem 1.5rem;text-align:center}.article-text-content img{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 30px #0000004d;display:block;height:auto;margin:2rem auto;max-width:100%;transition:all .3s ease}.article-text-content img:hover{box-shadow:0 12px 40px #0006;transform:scale(1.02)}.article-image-gallery{background:#ffffff05;border:1px solid #ff851b33;border-radius:16px;margin:3rem 0;padding:2rem}.article-image-gallery h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-item{aspect-ratio:4/3;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{border-color:#ff8c00;border-color:var(--primary-orange);box-shadow:0 12px 35px #ff851b4d;transform:translateY(-4px)}.gallery-item img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-caption{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;color:#fff;font-size:.875rem;left:0;opacity:0;padding:.75rem;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.gallery-item:hover .gallery-item-caption{opacity:1}.image-lightbox{animation:fadeIn .3s ease;background:#000000f2;padding:2rem;z-index:10000}.lightbox-content{max-height:90%;max-width:90%}.lightbox-image{box-shadow:0 20px 60px #000c;max-height:90vh}.lightbox-close{background:#ff8c00;background:var(--primary-orange);font-size:1.5rem;height:40px;transition:all .3s ease;width:40px}.lightbox-close:hover{background:#e67300;background:var(--accent-orange)}.lightbox-caption{font-size:1rem;margin-top:1rem}.lightbox-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;font-size:1.5rem;height:50px;transition:all .3s ease;width:50px}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.article-text-content table{background:#ffffff05;border-collapse:collapse;border-radius:12px;margin:2rem 0;overflow:hidden;width:100%}.article-text-content td,.article-text-content th{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left}.article-text-content th{background:#ff8c001a;border-bottom:2px solid #ff8c00;border-bottom:2px solid var(--primary-orange);color:#fff;color:var(--text-primary);font-weight:600}.article-text-content tr:hover{background:#ffffff08}@media (max-width:768px){.article-text-content{font-size:1rem;padding:1.5rem}.article-text-content h1{font-size:1.75rem}.article-text-content h2{font-size:1.5rem}.article-text-content h3{font-size:1.25rem}.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-nav{font-size:1.2rem;height:40px;width:40px}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}}.pdf-iframe{border:none;display:block}.no-pdf-available{align-items:center;background:#f9fafb;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:4rem 2rem;text-align:center}.no-pdf-available h3{color:#374151;font-size:1.2rem;margin:1rem 0 .5rem}.no-pdf-available p{font-size:.9rem;margin:0}.pdf-indicator{align-items:center;background:#22c55e1a;color:#16a34a;display:flex;font-weight:600;gap:.25rem}.no-pdf-indicator,.pdf-indicator{border-radius:6px;font-size:.8rem;padding:.25rem .5rem}.no-pdf-indicator{background:#6b72801a;color:#6b7280;font-weight:500}.category-filter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:2rem;padding:.75rem 1rem}.category-filter:focus{border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0080c81a;outline:none}.category-filter option{background:#1f2937;color:#fff}.article-card-header{margin-bottom:1rem}.article-card-footer,.article-card-header{align-items:center;display:flex;justify-content:space-between}.article-card-footer{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.article-card-meta{display:flex;flex-direction:column;gap:.25rem}.article-author{font-size:.85rem;font-weight:500}.article-author,.article-date{color:var(--article-text-secondary)}.article-date{font-size:.75rem}.article-excerpt{color:var(--article-text-secondary);font-size:.9rem;line-height:1.4;margin:.5rem 0 0}.onboarding-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;padding:2rem}.onboarding-modal{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:80vh;overflow-y:auto;width:100%}.onboarding-header{border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.onboarding-progress,.progress-dots{gap:.5rem}.progress-dot{background:#ffffff4d}.progress-dot.completed{background:#4db8e8;background:var(--light-blue);box-shadow:0 0 10px #0080c866}.progress-dot.current{background:#f59e0b;box-shadow:0 0 15px #f59e0b99;transform:scale(1.2)}.step-counter{color:#ffffffb3;font-size:.85rem}.skip-button{border:1px solid #fff3;border-radius:8px;color:#ffffffb3;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.skip-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.onboarding-content{padding:2rem;text-align:center}.onboarding-title{color:#fff;font-size:1.8rem;line-height:1.2;margin:0 0 1rem}.onboarding-description{color:#fffc;font-size:1.1rem;margin:0 0 1.5rem}.onboarding-highlight-note{background:#0080c81a;border:1px solid #0080c84d;border-radius:10px;margin-top:1rem;padding:1rem}.onboarding-highlight-note span{color:#4db8e8;color:var(--light-blue);font-size:.95rem;font-weight:600}.onboarding-actions{align-items:center;border-top:1px solid #ffffff1a;padding:1.5rem 2rem 2rem}.action-buttons{gap:1rem}.onboarding-btn{border-radius:10px;font-size:1rem;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.onboarding-btn.primary{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);box-shadow:0 4px 15px #ff8c004d}.onboarding-btn.primary:hover{box-shadow:0 6px 20px #ff8c0080}.onboarding-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.onboarding-btn.secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff}.onboarding-btn.secondary:disabled{cursor:not-allowed;opacity:.4}.onboarding-highlight{animation:highlightPulse 2s infinite;background:#0080c833;border:3px solid #4db8e8;border:3px solid var(--light-blue);border-radius:10px;box-shadow:0 0 0 4px #0080c81a,0 0 30px #0080c84d;position:absolute}@keyframes highlightPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (max-width:768px){.onboarding-overlay{padding:1rem}.onboarding-modal{max-height:90vh}.onboarding-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1rem}.onboarding-content{padding:1.5rem}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:1rem}.onboarding-actions{flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem}.action-buttons{justify-content:center;width:100%}.onboarding-btn{flex:1 1;min-width:auto}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-radius:0;box-shadow:0 -4px 20px #0000004d}.mobile-nav button{border-radius:0;font-size:.9rem;padding:1rem;transition:all .2s ease}.mobile-nav button:active{background:#0080c833;transform:scale(.98)}.quiz-answer-option{align-items:center;border-radius:12px;display:flex;font-size:1.1rem;margin-bottom:1rem;min-height:60px;padding:1.2rem;transition:all .2s ease}.quiz-answer-option:active{transform:scale(.98)}.video-player{border-radius:12px;height:250px;overflow:hidden}.video-controls{gap:1rem;padding:1rem}.video-control-btn{border-radius:12px;font-size:1rem;min-height:48px;padding:.75rem 1.5rem}.article-card{border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.article-card:active{transform:scale(.98)}.achievement{border-radius:16px;margin-bottom:1rem;padding:1.25rem}.form-group input,.form-group select,.form-group textarea{border-radius:12px;font-size:1.1rem;min-height:48px;padding:1rem}.quiz-progress{border-radius:12px;margin-bottom:1.5rem;padding:1rem}.quiz-progress-bar{border-radius:4px;height:8px}.stat-card{border-radius:16px;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:800}.primary-btn,.quiz-submit-btn,.secondary-btn{border-radius:12px;font-size:1.1rem;font-weight:600;min-height:48px;padding:1rem 2rem;transition:all .2s ease}.primary-btn:active,.quiz-submit-btn:active,.secondary-btn:active{transform:scale(.98)}.auth-modal{border-radius:20px;margin:1rem;max-height:90vh;overflow-y:auto}.auth-modal input{border-radius:12px;font-size:1.1rem;padding:1rem}.loading-spinner{height:24px;width:24px}.hamburger-menu{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.75rem;transition:all .2s ease}.hamburger-menu:active{background:#fff3;transform:scale(.95)}.ai-assistant-container{padding:1rem}.chat-input-container{gap:.75rem;padding:1rem}.chat-input{font-size:1.1rem}.chat-input,.send-btn{border-radius:12px;min-height:48px;padding:1rem}.send-btn{min-width:48px}.profile-container{padding:1rem}.profile-header{border-radius:16px;padding:1.5rem;text-align:center}.restart-tutorial-btn{justify-content:center;margin-top:1rem;position:static;width:100%}}.touch-target{min-height:44px;min-width:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4db8e8;outline:2px solid var(--light-blue);outline-offset:2px}.loading-message{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:1rem;padding:3rem}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.success-stories-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);padding:6rem 0}.success-stories-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s ease}.testimonial-card:hover{background:#ffffff14;border-color:#0080c84d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.testimonial-content p{color:#ffffffe6;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0 0 1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.author-info span{color:#ffffffb3;font-size:.9rem}.author-achievements{align-items:center;color:#4db8e8;color:var(--light-blue);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-top:.5rem}.features-showcase-section{background:#0080c808;padding:6rem 0}.features-showcase-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin:0 auto 3rem;max-width:800px;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.feature-showcase{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-showcase:hover{background:#ffffff14;border-color:#0080c84d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#4db8e8,#0080c8);background:linear-gradient(135deg,var(--light-blue),var(--primary-blue));border-radius:50%;box-shadow:0 10px 30px #0080c84d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-showcase h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.feature-showcase p{color:#fffc;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.feature-stats{display:flex;flex-direction:column;gap:.5rem}.feature-stats span{background:#0080c81a;border:1px solid #0080c833;border-radius:20px;color:#4db8e8;color:var(--light-blue);font-size:.85rem;font-weight:600;padding:.5rem 1rem}@media (max-width:768px){.features-showcase-section,.success-stories-section{padding:4rem 0}.features-showcase-section h2,.success-stories-section h2{font-size:2rem;margin-bottom:2rem}.features-grid,.testimonials-grid{gap:1.5rem;grid-template-columns:1fr}.feature-showcase,.testimonial-card{padding:1.5rem}.feature-icon{height:60px;width:60px}.feature-showcase h3{font-size:1.3rem}}.quiz-history-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:24px;padding:24px}.history-header{margin-bottom:32px;text-align:center}.history-header h3{color:#0080c8;color:var(--primary-blue);font-size:1.5rem;margin:0 0 8px}.history-header p{color:#ffffffb3;margin:0}.history-loading{color:#ffffffb3;padding:40px;text-align:center}.history-loading .spinner{animation:spin 1s linear infinite;height:32px;margin-bottom:16px;width:32px}.overall-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:32px}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;padding:20px 16px}.stat-number{color:#ff8c00;color:var(--primary-orange);font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#ffffffb3;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.difficulty-stats{margin-bottom:32px}.difficulty-stats h4{color:#0080c8;color:var(--primary-blue);font-size:1.2rem;margin-bottom:16px}.difficulty-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.difficulty-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.difficulty-name{color:#fff;font-weight:600;margin-bottom:8px}.difficulty-count{color:#ff8c00;color:var(--primary-orange);font-weight:500}.difficulty-percentage{color:#fff9;font-size:.9rem}.recent-sessions{margin-bottom:32px}.recent-sessions h4{color:#0080c8;color:var(--primary-blue);font-size:1.2rem;margin-bottom:16px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.session-header{justify-content:space-between;margin-bottom:12px}.session-date,.session-header{align-items:center;display:flex}.session-date{color:#fffc;font-weight:500;gap:8px}.date-icon{height:16px;width:16px}.session-score{border-radius:6px;font-size:.9rem;font-weight:700;padding:6px 12px}.session-score.high{background:#22c55e33;color:#22c55e}.session-score.medium{background:#fbbf2433;color:#fbbf24}.session-score.low{background:#ef444433;color:#ef4444}.session-details{display:flex;flex-direction:column;gap:12px}.session-stat{align-items:center;color:#ffffffb3;display:flex;gap:8px}.stat-icon{height:16px;width:16px}.session-difficulties{display:flex;flex-wrap:wrap;gap:8px}.difficulty-badge{background:#ffffff1a;border-radius:4px;color:#fffc;font-size:.8rem;font-weight:500;padding:4px 8px}.difficulty-badge.beginner{background:#3b82f633;color:#0080c8}.difficulty-badge.intermediate{background:#fbbf2433;color:#fbbf24}.difficulty-badge.advanced{background:#ff8c0033;color:#ff8c00;color:var(--primary-orange)}.difficulty-badge.expert{background:#a855f733;color:#a855f7}.improvement-suggestions{margin-bottom:24px}.improvement-suggestions h4{color:#0080c8;color:var(--primary-blue);font-size:1.2rem;margin-bottom:16px}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:16px}.suggestion-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.suggestion.success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.suggestion.warning{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.suggestion.info{background:#3b82f61a;border-color:#3b82f64d;color:#0080c8}.suggestion.tip{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.no-history{color:#ffffffb3;padding:60px 20px;text-align:center}.no-history-icon{color:#0080c8;color:var(--primary-blue);height:48px;margin-bottom:16px;width:48px}.no-history h4{color:#fff;font-size:1.3rem;margin-bottom:12px}.no-history p{line-height:1.6;margin-bottom:24px}.start-first-quiz-btn{background:linear-gradient(135deg,#ff8c00,#0080c8);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-blue) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.start-first-quiz-btn:hover{box-shadow:0 8px 25px #ff851b66;transform:translateY(-2px)}.no-sessions{color:#fff9;padding:40px 20px;text-align:center}@media (max-width:768px){.quiz-history-container{margin-top:16px;padding:16px}.overall-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.5rem}.difficulty-grid{grid-template-columns:1fr}.session-header{align-items:flex-start;flex-direction:column;gap:8px}.suggestions-list .suggestion{padding:12px}.suggestion-icon{height:16px;width:16px}}.video-training-container{margin:0 auto;max-width:1200px;padding:20px}.video-training-header{margin-bottom:32px;text-align:center}.video-training-header h2{color:#0080c8;color:var(--primary-blue);font-size:2rem;margin-bottom:8px}.video-training-header p{color:#fffc;font-size:1.1rem}.video-list{width:100%}.loading-container{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;height:32px;width:32px}.fetch-videos-btn{background:linear-gradient(135deg,#ff8c00,#0080c8);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-blue) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto 32px;padding:16px 32px;transition:all .3s ease}.fetch-videos-btn:hover{box-shadow:0 8px 25px #ff851b66;transform:translateY(-2px)}.videos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px}.recently-watched-section{margin-bottom:36px}.recently-watched-header{align-items:center;color:#ffffffd9;display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:.01em;margin-bottom:14px}.recently-watched-header svg{color:#ff8c00;color:var(--primary-orange)}.recently-watched-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.recently-watched-scroll::-webkit-scrollbar{height:4px}.recently-watched-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.rw-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform .2s ease,border-color .2s ease;width:200px}.rw-card:hover{border-color:#ff8c00;border-color:var(--primary-orange);transform:scale(1.03)}.rw-card:hover .rw-play-overlay{opacity:1}.rw-thumb{background:#ffffff0f;height:112px;overflow:hidden;position:relative;width:100%}.rw-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.rw-thumb-placeholder{color:#ffffff40;height:100%;width:100%}.rw-play-overlay,.rw-thumb-placeholder{align-items:center;display:flex;justify-content:center}.rw-play-overlay{background:#00000073;color:#fff;inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.rw-progress-bar{background:#ffffff26;bottom:0;height:3px;left:0;position:absolute;right:0}.rw-progress-fill{background:#ff8c00;background:var(--primary-orange);border-radius:2px;height:100%;transition:width .3s ease}.rw-info{padding:10px 12px 12px}.rw-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px;overflow:hidden}.rw-meta{align-items:center;color:#ffffff73;display:flex;font-size:11px;gap:5px}.rw-pct{background:#f9731633;border-radius:4px;color:#ff8c00;color:var(--primary-orange);font-weight:600;margin-left:4px;padding:1px 6px}.video-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.video-card:hover{border-color:#ff851b4d;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue));display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-placeholder{color:#fffc;font-size:2rem;text-align:center}.video-player .video-placeholder{background:#000000b3;border-radius:8px;color:#fffc;font-size:1rem;padding:40px 20px;text-align:center}.video-player .video-placeholder p{margin:8px 0}.video-info{padding:20px}.video-info h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:8px}.video-info p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:16px}.video-meta{font-size:.85rem;justify-content:space-between;margin-bottom:16px}.video-duration,.video-meta{align-items:center;display:flex}.video-duration{background:#0009;border-radius:4px;bottom:8px;color:#fffffff2;font-size:.8rem;gap:4px;padding:4px 8px;position:absolute;right:8px}.video-thumb-img{height:100%;object-fit:cover;width:100%}.video-resume-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff851be6;border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;left:8px;padding:3px 8px;position:absolute;top:8px}.video-resumed-indicator{align-items:center;background:#ff851b26;border:1px solid #ff851b4d;border-radius:20px;color:#ff8c00;color:var(--primary-orange);display:inline-flex;font-size:.8rem;gap:5px;margin-left:8px;padding:4px 10px}.video-category-tag{background:#63b3ed26;border-radius:4px;color:#63b3ed;font-size:.75rem;padding:4px 8px;text-transform:capitalize}.video-filters{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:14px 16px}.video-search-wrapper{align-items:center;display:flex;flex:1 1;min-width:200px;position:relative}.video-search-wrapper .search-icon{color:#fff6;left:12px;pointer-events:none;position:absolute}.video-search-input{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;color:#fff;font-size:.9rem;outline:none;padding:9px 12px 9px 36px;transition:border-color .2s ease;width:100%}.video-search-input:focus{border-color:#ff851b80}.video-search-input::placeholder{color:#ffffff59}.video-filter-selects{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-select-wrapper{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;color:#ffffff80;display:flex;gap:6px;padding:0 10px}.filter-select-wrapper svg{flex-shrink:0}.video-filter-select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;font-size:.88rem;min-width:120px;outline:none;padding:9px 0}.video-filter-select option{background:#1a1a2e;color:#fff}.video-filter-clear{align-items:center;background:#ff646426;border:1px solid #ff64644d;border-radius:8px;color:#fc8181;cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.video-filter-clear:hover{background:#ff646440}.video-difficulty{background:#ff851b33;border-radius:4px;color:#ff8c00;color:var(--primary-orange);font-weight:500;padding:4px 8px}.start-video-btn{background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.start-video-btn:hover{box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.video-player-container{margin:0 auto;max-width:1000px}.video-player-wrapper{margin-bottom:24px;width:100%}.video-container{align-items:center;background:#000;border-radius:8px;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative;width:100%}.video-iframe{border:none;display:block;height:450px;width:100%}.video-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff4d}.video-header h3{color:#0080c8;color:var(--primary-blue);font-size:1.5rem;margin:0}.video-content{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:24px}.video-player{margin-bottom:24px;width:100%}.video-player video{background:#000;border-radius:8px;height:auto;width:100%}.decision-point{background:#ff851b1a;border:1px solid #ff851b4d;border-radius:12px;margin:24px 0;padding:24px}.decision-point h4{color:#ff8c00;color:var(--primary-orange);font-size:1.3rem;margin-bottom:12px}.decision-point p{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.decision-options{display:flex;flex-direction:column;gap:12px}.decision-option{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:16px 20px;text-align:left;transition:all .3s ease}.decision-option:hover{background:#ffffff1a;border-color:#ff8c00;border-color:var(--primary-orange);transform:translateX(4px)}.video-result{background:#ffffff0d;border-radius:12px;margin:24px 0;padding:20px}.video-result .result-header{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin-bottom:16px}.video-result .result-header.correct{color:#22c55e}.video-result .result-header.incorrect{color:#ef4444}.video-result .result-icon{height:24px;width:24px}.video-result .explanation{color:#ffffffe6}.video-result .explanation h4{color:#0080c8;color:var(--primary-blue);margin-bottom:8px}.video-result .explanation p{line-height:1.6}.session-info{background:#ffffff0d;border-radius:12px;padding:20px}.session-progress{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:16px}.session-progress span:first-child{color:#fffc}.session-progress span:last-child{color:#ff8c00;color:var(--primary-orange);font-size:1.1rem}.session-complete{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:20px;text-align:center}.session-complete h4{color:#22c55e;font-size:1.3rem;margin-bottom:12px}.session-complete p{color:#ffffffe6;margin-bottom:8px}.new-training-btn{background:linear-gradient(135deg,#ff8c00,#0080c8);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-blue) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.new-training-btn:hover{box-shadow:0 4px 12px #ff851b66;transform:translateY(-1px)}@media (max-width:768px){.video-training-container{padding:16px}.videos-grid{gap:16px;grid-template-columns:1fr}.video-card{margin-bottom:0}.video-header{align-items:flex-start;flex-direction:column;gap:12px}.video-content{padding:16px}.decision-options{gap:8px}.decision-option{font-size:.95rem;padding:12px 16px}.session-progress{flex-direction:column;gap:8px;text-align:center}.app-container{padding:10px}.nav-container{flex-direction:column;gap:10px}.nav-buttons{flex-wrap:wrap;justify-content:center}.nav-button{font-size:14px;min-width:120px;padding:12px 16px}.quiz-container{padding:15px}.question h3{font-size:18px;line-height:1.4}.options button{font-size:16px;min-height:60px;padding:15px}.admin-form{padding:15px}.admin-form input,.admin-form select,.admin-form textarea{font-size:16px;padding:12px}.video-player{height:auto;max-height:300px;width:100%}}.feedback-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:15000}.feedback-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:600px;padding:0}.feedback-header{align-items:center;border-bottom:1px solid #fff3;padding:24px 28px 16px}.feedback-title{align-items:center;display:flex;gap:12px}.feedback-title h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.feedback-icon{color:#0080c8;height:28px;width:28px}.feedback-close-btn{background:#fff3;border:none;border-radius:12px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.feedback-close-btn:hover{background:#ffffff4d;color:#374151}.feedback-form{padding:24px 28px}.feedback-status{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:12px;margin:16px 28px;padding:16px}.feedback-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.feedback-status.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.feedback-status p{flex:1 1;margin:0}.feedback-status small{display:block;font-size:12px;margin-top:4px;opacity:.8}.form-group{margin-bottom:24px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px}.category-card{align-items:flex-start;background:#ffffff80;border:2px solid #ffffff4d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.category-card:hover{background:#3b82f60d;border-color:#3b82f680}.category-card.selected{background:#3b82f61a;border-color:#0080c8}.category-card svg{color:#6b7280;flex-shrink:0;margin-top:2px}.category-card.selected svg{color:#0080c8}.category-info{display:flex;flex-direction:column;gap:2px}.category-name{color:#374151;font-size:14px;font-weight:600}.category-card.selected .category-name{color:#0080c8}.category-desc{color:#6b7280;font-size:12px;line-height:1.4}.rating-stars{align-items:center;display:flex;gap:4px;margin-top:8px}.star{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;padding:4px;transition:all .2s ease}.star:hover{background:#3b82f61a}.star.filled{color:#fbbf24}.rating-text{color:#6b7280;font-size:14px;font-weight:500;margin-left:8px}.form-group input,.form-group textarea{background:#ffffff80;border:2px solid #ffffff4d;border-radius:12px;color:#374151;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fffc;border-color:#0080c8;outline:none}.form-group input.error,.form-group textarea.error{background:#ef44440d;border-color:#ef4444}.character-count{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.error-message{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:4px}.feedback-context{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-bottom:24px;padding:12px 16px}.feedback-context p{color:#6b7280;font-size:13px;margin:4px 0}.feedback-actions{gap:12px;justify-content:flex-end;margin-top:24px}.feedback-actions .btn-secondary{align-items:center;background:#ffffffb3;border:2px solid #ffffff4d;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.feedback-actions .btn-secondary:hover{background:#ffffffe6;color:#374151}.feedback-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#0080c8,#003d7a);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.feedback-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#003d7a,#0080c8);background:linear-gradient(135deg,#003d7a,var(--primary-blue));transform:translateY(-1px)}.feedback-actions .btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.feedback-footer{border-top:1px solid #fff3;padding:16px 28px 24px;text-align:center}.feedback-footer p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.feedback-trigger{align-items:center;background:linear-gradient(135deg,#0080c8,#003d7a);border:none;border-radius:50px;bottom:24px;box-shadow:0 8px 25px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}.feedback-trigger:hover{box-shadow:0 12px 35px #3b82f666;transform:translateY(-2px)}.feedback-trigger:active{transform:translateY(0)}@media (max-width:768px){.feedback-overlay{padding:10px}.feedback-modal{max-height:95vh}.feedback-footer,.feedback-form,.feedback-header{padding-left:20px;padding-right:20px}.category-grid{grid-template-columns:1fr}.feedback-actions{flex-direction:column-reverse}.feedback-actions button{justify-content:center;width:100%}.feedback-trigger{bottom:16px;font-size:13px;padding:12px 16px;right:16px}}.admin-feedback{padding:24px}.feedback-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px;text-align:center}.stat-value{color:#0080c8;font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.feedback-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.feedback-filters select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px;transition:all .2s ease}.feedback-card:hover{background:#ffffff26;transform:translateY(-2px)}.feedback-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.feedback-info h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.feedback-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}.category-badge,.priority-badge,.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.category-badge.ui_ux{background:#dbeafe;color:#0080c8;color:var(--primary-blue)}.category-badge.content{background:#dcfce7;color:#166534}.category-badge.bugs{background:#fee2e2;color:#dc2626}.category-badge.features{background:#fef3c7;color:#d97706}.category-badge.performance{background:#f3e8ff;color:#7c3aed}.category-badge.general{background:#f1f5f9;color:#475569}.status-badge.new{background:#fef3c7;color:#d97706}.status-badge.in_review{background:#dbeafe;color:#0080c8;color:var(--primary-blue)}.status-badge.in_progress{background:#fde68a;color:#d97706}.status-badge.resolved{background:#dcfce7;color:#166534}.priority-badge.low,.status-badge.closed{background:#f1f5f9;color:#475569}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.high{background:#fed7aa;color:#ea580c}.priority-badge.critical{background:#fee2e2;color:#dc2626}.rating{color:#fbbf24;font-size:14px}.feedback-actions{display:flex;gap:8px}.feedback-content p{color:#374151;line-height:1.6;margin:0 0 12px}.feedback-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.feedback-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.feedback-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.feedback-detail-section h4{border-bottom:1px solid #fff3;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.detail-row{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.detail-row strong{color:#374151;min-width:80px}.feedback-message-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.feedback-message{background:#ffffff80;border:1px solid #ffffff4d;border-radius:8px;color:#374151;line-height:1.6;margin-bottom:24px;padding:16px}.feedback-admin-section h4{border-bottom:1px solid #fff3;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.admin-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.admin-actions-grid label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.admin-actions-grid select,.feedback-admin-section textarea{background:#ffffff80;border:1px solid #ffffff4d;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px;width:100%}.feedback-admin-section textarea{min-height:80px;resize:vertical}@media (max-width:768px){.admin-actions-grid,.feedback-details-grid{grid-template-columns:1fr}.feedback-filters,.feedback-meta{flex-direction:column}.feedback-meta{align-items:flex-start}}.admin-quiz-questions{padding:2rem}.quiz-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.import-result-modal{max-width:520px}.import-result-body{padding:1.5rem 0}.import-result-stats{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.import-stat{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;min-width:110px;padding:1.25rem 1.75rem}.import-stat.success{background:#22c55e1f;border:1px solid #22c55e4d}.import-stat.skipped{background:#eab3081f;border:1px solid #eab3084d}.import-stat.total{background:#0080c81a;border:1px solid #0080c840}.import-stat-icon{opacity:.8}.import-stat.success .import-stat-icon{color:#22c55e}.import-stat.skipped .import-stat-icon{color:#eab308}.import-stat.total .import-stat-icon{color:#0080c8;color:var(--primary-blue)}.import-stat-value{font-size:2rem;font-weight:800;line-height:1}.import-stat.success .import-stat-value{color:#22c55e}.import-stat.skipped .import-stat-value{color:#eab308}.import-stat.total .import-stat-value{color:#0080c8;color:var(--primary-blue)}.import-stat-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-align:center;text-transform:uppercase}.import-errors{background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-top:.5rem;padding:1rem}.import-errors-header{align-items:center;color:#ef4444;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.import-error-list{display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0}.import-error-list li{border-bottom:1px solid #ffffff0d;color:#94a3b8;color:var(--text-muted);font-size:.82rem;padding:.2rem 0}.import-empty-msg{color:#94a3b8;color:var(--text-muted);font-size:.9rem;padding:1rem;text-align:center}.admin-quiz-questions .quiz-questions-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.admin-quiz-questions .quiz-question-card{background:#0080c80d;border:1px solid #0080c833;border-radius:12px;overflow:hidden;transition:all .3s ease}.admin-quiz-questions .quiz-question-card:hover{background:#0080c814;border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 4px 12px #0080c84d}.admin-quiz-questions .quiz-question-header{align-items:center;background:#0080c81a;border-bottom:1px solid #0080c833;display:flex;justify-content:space-between;padding:1.5rem}.admin-quiz-questions .quiz-question-info{align-items:center;display:flex;gap:1rem}.admin-quiz-questions .quiz-question-info h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.admin-quiz-questions .quiz-question-content{padding:1.5rem}.admin-quiz-questions .question-text{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1rem}.admin-quiz-questions .question-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.admin-quiz-questions .option{align-items:center;background:#0080c80d;border:1px solid #0080c826;border-radius:8px;color:#e0e7ef;color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 1rem}.admin-quiz-questions .option.correct{background:#10b9811a;border-color:#10b9814d;color:#10b981;font-weight:500}.admin-quiz-questions .correct-icon{color:#10b981}.admin-quiz-questions .question-explanation{background:#0080c808;border-radius:8px;color:#e0e7ef;color:var(--text-secondary);font-size:.95rem;line-height:1.5;padding:1rem}.admin-quiz-questions .question-explanation strong{color:#fff;color:var(--text-primary)}.admin-quiz-questions .difficulty-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.admin-quiz-questions .difficulty-badge.beginner{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.admin-quiz-questions .difficulty-badge.intermediate{background:#ff8c001a;border:1px solid #ff8c0033;color:#ff8c00;color:var(--primary-orange)}.admin-quiz-questions .difficulty-badge.advanced{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.admin-quiz-questions .difficulty-badge.expert{background:#9333ea1a;border:1px solid #9333ea33;color:#9333ea}.difficulty-badge{border-radius:15px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.difficulty-badge.beginner{background:#dcfce7;color:#166534}.difficulty-badge.intermediate{background:#fef3c7;color:#92400e}.difficulty-badge.advanced{background:#fce7f3;color:#be185d}.difficulty-badge.expert{background:#fee2e2;color:#dc2626}.quiz-question-actions{display:flex;gap:.5rem}.quiz-question-content{padding:1.5rem}.question-text{color:#1f2937;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1rem}.question-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 1rem}.option.correct{background:#dcfce7;border-color:#10b981;color:#065f46;font-weight:500}.correct-icon{color:#10b981}.question-explanation{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;font-size:.95rem;line-height:1.5;padding:1rem}.question-explanation strong{color:#0369a1}.quiz-question-modal{max-height:90vh;max-width:700px;overflow-y:auto}.option-input-group{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.option-label{color:#374151;font-weight:600;min-width:20px}.option-input-group input[type=text]{flex:1 1}.option-input-group input[type=radio]{accent-color:#0080c8;accent-color:var(--primary-blue);height:20px;width:20px}.admin-stat-breakdown{display:flex;flex-direction:column;gap:.5rem}.admin-stat-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.admin-stat-item span:first-child{color:#6b7280;text-transform:capitalize}.admin-stat-item span:last-child{color:#1f2937;font-weight:600}@media (max-width:768px){.quiz-question-header{align-items:flex-start;flex-direction:column;gap:1rem}.quiz-question-actions{justify-content:flex-end;width:100%}.option-input-group{align-items:flex-start;flex-direction:column;gap:.5rem}.option-input-group input[type=text]{width:100%}.quiz-question-modal{margin:1rem;max-width:95vw}}.leaderboard-page{animation:fadeIn .3s ease;margin:0 auto;max-width:860px;padding:32px 24px}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.leaderboard-header,.leaderboard-header-left{align-items:center;display:flex;gap:16px}.leaderboard-icon{color:#f97316}.leaderboard-header h2{color:#fff;font-size:1.6rem;font-weight:800;margin:0}.leaderboard-header p{color:#ffffff73;font-size:13px;margin:4px 0 0}.leaderboard-period-tabs{background:#ffffff0d;border-radius:8px;display:flex;gap:2px;padding:3px}.period-tab{background:#0000;border:none;border-radius:6px;color:#ffffff73;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:all .2s}.period-tab.active{background:#f97316;color:#fff}.podium-row{align-items:flex-end;display:flex;gap:16px;justify-content:center;margin-bottom:32px}.podium-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex:1 1;max-width:200px;padding:20px 16px;position:relative;text-align:center}.podium-1st{background:#f59e0b14;border-color:#f59e0b40;margin-bottom:0}.podium-2nd{background:#9ca3af0f;border-color:#9ca3af33;margin-bottom:12px}.podium-3rd{background:#cd7c3e0f;border-color:#cd7c3e33;margin-bottom:20px}.podium-crown{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.6));left:50%;position:absolute;top:-16px;transform:translateX(-50%)}.podium-medal{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;margin:0 auto 10px;width:36px}.podium-medal.gold{background:#f59e0b33;color:#f59e0b}.podium-medal.silver{background:#9ca3af33;color:#9ca3af}.podium-medal.bronze{background:#cd7c3e33;color:#cd7c3e}.podium-name{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.podium-title{color:#fff6;font-size:11px;margin-bottom:8px}.podium-pts{color:#f97316;font-size:18px;font-weight:800}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.lb-row{grid-gap:16px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:grid;gap:16px;grid-template-columns:40px 1fr 80px 70px 60px;padding:14px 16px;transition:background .2s,border-color .2s}.lb-row:hover{background:#ffffff0f}.lb-row-me{background:#f9731612!important;border-color:#f9731640!important}.lb-username{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px}.lb-you-badge{background:#f9731633;border-radius:4px;color:#f97316;font-size:11px;font-weight:700;padding:1px 7px}.lb-user-title{color:#fff6;font-size:11px;margin-top:2px}.lb-stats{display:flex;gap:10px;justify-content:flex-end}.lb-stat{align-items:center;color:#fff6;display:flex;font-size:12px;gap:4px}.lb-points{text-align:right}.lb-pts-value{color:#f97316;font-size:18px;font-weight:800}.lb-pts-label{color:#ffffff59;font-size:11px;margin-left:3px}.lb-ach{color:#fff9;font-size:13px;font-weight:600;text-align:right}.lb-my-rank-sep{margin-top:24px}.lb-separator-label{color:#ffffff40;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.leaderboard-empty,.leaderboard-loading{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.leaderboard-cta{align-items:center;background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;margin-top:8px;padding:10px 20px}.dashboard-main-row{align-items:flex-start;display:flex;gap:32px}.dashboard-features-col{flex:1 1;min-width:0}.dashboard-sidebar{flex-shrink:0;width:260px}.mini-leaderboard-widget{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px;position:-webkit-sticky;position:sticky;top:24px}.mini-lb-header{align-items:center;color:#ffffffd9;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:14px}.mini-lb-see-all{align-items:center;background:none;border:none;color:#f97316;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:3px;margin-left:auto;padding:0;transition:opacity .15s}.mini-lb-see-all:hover{opacity:.7}.mini-lb-list{display:flex;flex-direction:column;gap:8px}.mini-lb-row{grid-gap:10px;align-items:center;background:#ffffff08;border-radius:8px;display:grid;gap:10px;grid-template-columns:24px 1fr auto;padding:8px 10px;transition:background .15s}.mini-lb-me{background:#f9731614!important}.mini-lb-rank{justify-content:center}.mini-lb-name,.mini-lb-rank{align-items:center;display:flex}.mini-lb-name{color:#e2e8f0;font-size:13px;font-weight:600;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-lb-you{background:#f9731626;border-radius:3px;font-size:10px;padding:1px 5px}.mini-lb-pts,.mini-lb-you{color:#f97316;font-weight:700}.mini-lb-pts{font-size:13px;white-space:nowrap}.mini-lb-pts span{color:#ffffff59;font-size:10px;margin-left:1px}.mini-lb-divider{color:#fff3;font-size:16px;letter-spacing:4px;margin:4px 0;text-align:center}@media (max-width:768px){.dashboard-main-row{flex-direction:column}.dashboard-sidebar{width:100%}.lb-row{grid-template-columns:40px 1fr 60px}.lb-ach,.lb-stats{display:none}.podium-row{gap:8px}.podium-card{padding:14px 8px}}.admin-email-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;padding:24px}.admin-email-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.admin-email-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.admin-email-desc{color:#ffffff73;font-size:13px;line-height:1.5;margin:0 0 18px}.admin-email-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-btn-secondary{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:background .2s}.admin-btn-secondary:hover{background:#ffffff1a}.admin-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.admin-btn-primary{align-items:center;background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:7px;padding:9px 18px;transition:opacity .2s}.admin-btn-primary:hover{opacity:.85}.admin-btn-primary:disabled{cursor:not-allowed;opacity:.5}.admin-email-result{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:14px;padding:10px 14px}.admin-email-result.success{background:#10b9811a;color:#10b981}.admin-email-result.error{background:#ef44441a;color:#ef4444}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-security-panel{display:flex;flex-direction:column;gap:16px}.admin-security-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.admin-security-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.admin-security-header p{color:#ffffff80;font-size:13px;margin:6px 0 0}.admin-security-empty,.admin-security-error,.admin-security-loading,.admin-security-updated{color:#ffffff8c;font-size:13px}.admin-security-error{align-items:center;background:#f8717114;border:1px solid #f8717133;border-radius:10px;color:#f87171;display:flex;gap:8px;padding:10px 12px}.admin-security-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-security-summary-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:10px;padding:14px}.admin-security-summary-icon{align-items:center;border-radius:9px;display:flex;height:34px;justify-content:center;width:34px}.admin-security-summary-icon.orange{background:#f9731626;color:#fb923c}.admin-security-summary-icon.red{background:#f8717126;color:#f87171}.admin-security-summary-icon.blue{background:#3b82f626;color:#60a5fa}.admin-security-summary-icon.green{background:#10b98126;color:#34d399}.admin-security-summary-content{display:flex;flex-direction:column;gap:2px}.admin-security-summary-content span{color:#fff;font-size:20px;font-weight:700}.admin-security-summary-content small{color:#ffffff8c;font-size:12px}.admin-security-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-security-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px}.admin-security-card h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 10px}.admin-security-table{display:flex;flex-direction:column;gap:8px}.admin-security-table-row{grid-gap:10px;align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#ffffffb8;display:grid;font-size:12px;gap:10px;grid-template-columns:1.2fr 1fr 1fr;padding:8px 10px}.admin-security-table-row.four-col{grid-template-columns:1.2fr .8fr 1fr .8fr}.admin-security-table-row span:last-child{text-align:right}.admin-security-updated{margin-top:10px}.admin-config-health-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:10px}.admin-config-health-meta span{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;color:#ffffffb8;font-size:12px;padding:7px 9px}.admin-config-health-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-config-health-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.admin-config-health-item span:first-child{color:#ffffffc2;font-size:12px;font-weight:600}.admin-config-health-badge{border:1px solid #0000;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 8px}.admin-config-health-badge.ok{background:#10b9811f;border-color:#10b9814d;color:#34d399}.admin-config-health-badge.missing{background:#f871711f;border-color:#f871714d;color:#f87171}@media (max-width:960px){.admin-security-grid{grid-template-columns:1fr}.admin-security-table-row{gap:4px;grid-template-columns:1fr}.admin-security-table-row span:last-child{text-align:left}}.exam-mode-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:1200px;padding:2rem}.exam-header{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.exam-info{flex:1 1}.exam-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.exam-meta{align-items:center;display:flex;gap:1.5rem}.exam-difficulty{background:#0080c833;border:1px solid #0080c84d;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.exam-questions{color:#fffc;font-weight:500}.exam-progress-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.questions-completed{color:#fff;font-size:1.1rem;font-weight:600}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-bar-fill{background:linear-gradient(135deg,#0080c8,#4db8e8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);border-radius:4px;height:100%;transition:width .3s ease}.exam-question-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr}.question-navigation{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.question-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.question-nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.question-nav-btn.current{background:linear-gradient(135deg,#ff8c00,#e67300);background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-orange) 100%);box-shadow:0 4px 12px #ff851b4d;color:#fff}.question-nav-btn.answered{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e33;color:#fff}.question-nav-btn.unanswered{background:#ffffff1a;border:1px solid #fff3;color:#fff9}.question-nav-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.navigation-legend{display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.legend-item{align-items:center;color:#fffc;display:flex;gap:.5rem}.legend-color{border-radius:3px;height:12px;width:12px}.legend-color.current{background:linear-gradient(135deg,#ff8c00,#e67300);background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-orange) 100%)}.legend-color.answered{background:linear-gradient(135deg,#22c55e,#16a34a)}.legend-color.unanswered{background:#ffffff1a;border:1px solid #fff3}.exam-question-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.question-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-number{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.difficulty-tag{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.difficulty-tag.beginner{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.difficulty-tag.intermediate{background:#ff8c0033;border:1px solid #ff8c004d;color:#ff8c00;color:var(--primary-orange)}.difficulty-tag.advanced{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}.difficulty-tag.expert{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.question-text-exam{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1.3rem;font-weight:600;line-height:1.6;margin-bottom:2rem;padding:1.5rem;text-shadow:0 1px 2px #0003}.answer-options-exam{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.exam-option-label{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:all .3s ease}.exam-option-label:hover{background:#ffffff14;border-color:#fff3;transform:translateX(4px)}.exam-option-radio{accent-color:#0080c8;accent-color:var(--primary-blue);height:20px;margin-right:1rem;width:20px}.exam-option-content{align-items:center;display:flex;flex:1 1;gap:1rem}.option-letter{align-items:center;background:#0080c833;border:1px solid #0080c84d;border-radius:50%;color:#0080c8;color:var(--primary-blue);display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.option-text{color:#fff;flex:1 1;font-weight:500;line-height:1.5}.exam-option-label input[type=radio]:checked+.exam-option-content .option-letter{background:#0080c8;background:var(--primary-blue);box-shadow:0 0 0 3px #0080c84d;color:#fff}.exam-option-label:has(input[type=radio]:checked){background:#0080c81a;border-color:#0080c8;border-color:var(--primary-blue);box-shadow:0 0 0 1px #0080c84d}.question-controls{border-top:1px solid #ffffff1a;gap:1rem;justify-content:space-between;padding-top:1.5rem}.prev-btn,.question-controls{align-items:center;display:flex}.prev-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.prev-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.prev-btn:disabled{cursor:not-allowed;opacity:.4}.save-answer-btn{background:linear-gradient(135deg,#ff8c00,#e67300);background:linear-gradient(135deg,var(--primary-orange) 0,var(--accent-orange) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #ff851b4d;color:#fff;cursor:pointer;font-weight:600;min-width:160px;padding:.75rem 1.5rem;transition:all .3s ease}.save-answer-btn:hover:not(:disabled){box-shadow:0 6px 16px #ff851b66;transform:translateY(-2px)}.save-answer-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.exam-review{margin:0 auto;max-width:900px}.review-header{margin-bottom:2rem;text-align:center}.review-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.review-header p{color:#fffc;font-size:1.1rem}.review-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.summary-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;text-align:center}.summary-number{color:#0080c8;color:var(--primary-blue);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.summary-label{color:#fffc;font-weight:500}.review-questions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.review-question{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.review-question.answered{background:#22c55e0d;border-color:#22c55e4d}.review-question.unanswered{background:#ef44440d;border-color:#ef44444d}.review-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-num{color:#fff;font-weight:600}.edit-answer-btn{background:#0080c833;border:1px solid #0080c84d;border-radius:8px;color:#0080c8;color:var(--primary-blue);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.edit-answer-btn:hover{background:#0080c84d;transform:translateY(-1px)}.review-question-text{color:#ffffffe6;line-height:1.5;margin-bottom:.5rem}.selected-answer{color:#ffffffb3;font-style:italic}.review-actions{display:flex;gap:1rem;justify-content:space-between}.back-to-questions-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.back-to-questions-btn:hover{background:#ffffff26;transform:translateY(-2px)}.submit-exam-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 6px 20px #22c55e4d;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.submit-exam-btn:hover:not(:disabled){box-shadow:0 8px 25px #22c55e66;transform:translateY(-3px)}.submit-exam-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1024px){.exam-question-container{gap:1.5rem;grid-template-columns:1fr}.question-navigation{position:relative;top:0}.exam-header{flex-direction:column;gap:1rem;text-align:center}.exam-progress-info{align-items:center}}@media (max-width:768px){.exam-mode-container{padding:1rem}.question-grid{grid-template-columns:repeat(4,1fr)}.review-summary{gap:1rem;grid-template-columns:1fr}.review-actions{flex-direction:column}.exam-option-label{padding:.75rem 1rem}.question-text-exam{font-size:1.1rem;padding:1rem}.reading-progress-bar{background:linear-gradient(90deg,#0080c8,#0080c8);background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue));height:3px;left:0;position:fixed;top:0;transition:width .3s ease;z-index:1000}.article-detail-header{background:#0080c814;background:var(--bg-card);border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding:1rem}.article-controls,.article-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.font-size-control{background:#0080c81a;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.font-size-control button{background:#0000;border:none;border-radius:4px;color:#e0e7ef;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.5rem .75rem;transition:all .2s}.font-size-control button:hover{background:#0080c833;color:#0080c8;color:var(--primary-blue)}.font-size-control button.active{background:#0080c8;background:var(--primary-blue);color:#fff}.dark-mode-toggle{background:#0080c81a;border:none;border-radius:6px;cursor:pointer;font-size:1.25rem;padding:.5rem 1rem;transition:all .2s}.dark-mode-toggle:hover{background:#0080c833;transform:scale(1.1)}.bookmark-btn{background:#0080c81a;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.5rem 1rem;transition:all .2s}.bookmark-btn:hover{background:#0080c833;transform:scale(1.1)}.bookmark-btn.bookmarked,.bookmark-btn:hover{color:#ff8c00;color:var(--primary-orange)}.bookmark-btn-card{background:#0000;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s}.bookmark-btn-card:hover{transform:scale(1.2)}.bookmark-btn-card.bookmarked,.bookmark-btn-card:hover{color:#ff8c00;color:var(--primary-orange)}.print-btn{background:#0080c81a;border:none;border-radius:6px;cursor:pointer;font-size:1.25rem;padding:.5rem 1rem;transition:all .2s}.print-btn:hover{background:#0080c833;transform:scale(1.1)}.font-size-small{font-size:14px}.font-size-medium{font-size:16px}.font-size-large{font-size:18px}.font-size-small .article-title{font-size:2rem}.font-size-medium .article-title{font-size:2.5rem}.font-size-large .article-title{font-size:3rem}.article-detail-container.dark-mode{background:#1a1a2e;color:#eaeaea}.article-detail-container.dark-mode .article-detail{background:#16213e}.article-detail-container.dark-mode .article-header{border-bottom-color:#ffffff1a}.article-detail-container.dark-mode .pdf-viewer-container{background:#0f3460}.article-detail-container.dark-mode .pdf-viewer-header{background:#0a2647}.article-share{align-items:center;border-top:1px solid #0080c84d;border-top:1px solid var(--border-primary);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.article-share span{color:#94a3b8;color:var(--text-muted);font-weight:600}.share-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:.5rem 1rem;transition:all .2s}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.linkedin{background:#0a66c2}.share-btn.copy{background:#0080c8;background:var(--primary-blue)}.share-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.pdf-download-btn.prominent{align-items:center;background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue));border:none;border-radius:8px;box-shadow:0 4px 12px #0080c84d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.pdf-download-btn.prominent:hover{box-shadow:0 6px 16px #0080c866;transform:translateY(-2px)}.articles-controls{align-items:center;background:#0080c814;background:var(--bg-card);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.search-bar{flex:1 1;min-width:250px;position:relative}.search-input{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s;width:100%}.search-input:focus{background:#0080c826;border-color:#0080c8;border-color:var(--primary-blue);outline:none}.clear-search,.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.clear-search{background:#0000;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{color:#fff;color:var(--text-primary)}.view-mode-toggle{background:#0080c81a;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.view-mode-toggle button{background:#0000;border:none;border-radius:4px;color:#e0e7ef;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.5rem .75rem;transition:all .2s}.view-mode-toggle button:hover{background:#0080c833;color:#0080c8;color:var(--primary-blue)}.view-mode-toggle button.active{background:#0080c8;background:var(--primary-blue);color:#fff}.category-filter,.sort-select{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.category-filter:hover,.sort-select:hover{background:#0080c826;border-color:#0080c8;border-color:var(--primary-blue)}.category-filter:focus,.sort-select:focus{border-color:#0080c8;border-color:var(--primary-blue);outline:none}.articles-count{color:#94a3b8;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem 0}.articles-list{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.article-card.list{align-items:flex-start;display:flex;flex-direction:row;gap:1.5rem;padding:1.5rem}.article-card.list .article-card-header{flex-direction:column;flex-shrink:0;gap:.5rem;width:auto}.article-card.list .article-card-title{font-size:1.5rem;margin:0}.article-card.list .article-card-excerpt{flex:1 1;margin:.5rem 0}.article-card.list .article-card-footer{margin-top:auto}.articles-magazine{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:1rem 0}.article-card.magazine{display:flex;flex-direction:column;min-height:400px;overflow:hidden;position:relative}.article-card.magazine:before{background:linear-gradient(135deg,#0080c8,#0080c8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue) 100%);content:"";height:200px;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.article-card.magazine .article-card-title{font-size:1.75rem;margin-top:1rem;z-index:1}.article-card.magazine .article-card-excerpt{flex:1 1;font-size:1.1rem;line-height:1.8;z-index:1}.article-card-badges{align-items:center;display:flex;gap:.5rem}@media print{.article-controls,.article-detail-header,.article-share,.articles-controls,.back-button,header,nav{display:none!important}.article-detail-container{background:#fff;color:#000}.article-detail{border:none;box-shadow:none}}@media (max-width:768px){.article-detail-header{align-items:stretch;flex-direction:column}.article-controls{justify-content:center}.articles-controls{flex-direction:column}.search-bar{width:100%}.view-mode-toggle{justify-content:center}.articles-grid,.articles-magazine{grid-template-columns:1fr}.article-card.list{flex-direction:column}.article-share{flex-wrap:wrap}.share-btn{flex:1 1;min-width:60px}}@media (max-width:480px){.font-size-control{justify-content:center;width:100%}.article-controls{width:100%}.article-controls>*{flex:1 1}}}.video-type-select{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.youtube-input-group{background:#0080c80d;border:1px solid #0080c833;border-radius:8px;padding:1.5rem}.youtube-label{align-items:center;color:#0080c8;color:var(--primary-blue);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.youtube-url-input{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-family:Courier New,monospace;font-size:1rem;padding:.75rem;width:100%}.youtube-url-input:focus{background:#0080c81a;border-color:#0080c8;border-color:var(--primary-blue);outline:none}.input-help{color:#94a3b8;color:var(--text-muted);display:block;font-size:.85rem;margin-top:.75rem}.input-help ul{list-style:disc;margin-left:1.5rem;margin-top:.5rem}.youtube-iframe{aspect-ratio:16/9;background:#000;border-radius:12px;min-height:400px;width:100%}@media (max-width:768px){.youtube-iframe{min-height:250px;.youtube-preview{aspect-ratio:16/9;border-radius:8px;min-height:400px;width:100%;.decision-points-section{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:1.5rem}.decision-points-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.decision-points-header label{color:#8b5cf6;color:var(--primary-purple,#8b5cf6);font-size:1.1rem;font-weight:600}.add-decision-point-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.add-decision-point-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.decision-points-help{color:#94a3b8;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.decision-points-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.decision-point-item{background:var(--bg-secondary);border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.dp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dp-timestamp{color:#0080c8;color:var(--primary-blue);font-family:Courier New,monospace;font-weight:600}.dp-difficulty{background:#0080c81a;border-radius:4px;color:#e0e7ef;color:var(--text-secondary);font-size:.85rem;padding:.25rem .75rem}.dp-question{color:#fff;color:var(--text-primary);font-weight:500;margin-bottom:.75rem}.dp-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.dp-option{background:#0080c80d;border-radius:4px;font-size:.9rem;padding:.5rem}.dp-option.correct{background:#10b9811a;color:#10b981;color:var(--success-green,#10b981);font-weight:500}.dp-actions{display:flex;gap:.5rem}.edit-dp-btn,.remove-dp-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .2s}.edit-dp-btn{background:#0080c81a;color:#0080c8;color:var(--primary-blue)}.edit-dp-btn:hover{background:#0080c833}.remove-dp-btn{background:#ef44441a;color:#ef4444}.remove-dp-btn:hover{background:#ef444433}.no-decision-points{color:#94a3b8;color:var(--text-muted);padding:2rem;text-align:center}.decision-point-form-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.decision-point-form{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.decision-point-form h4{color:#8b5cf6;color:var(--primary-purple,#8b5cf6);margin-bottom:1.5rem}.dp-form-group{margin-bottom:1.25rem}.dp-form-group label{color:#fff;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.dp-form-group input,.dp-form-group select,.dp-form-group textarea{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:6px;color:#fff;color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem;padding:.75rem;width:100%}.dp-form-group input:focus,.dp-form-group select:focus,.dp-form-group textarea:focus{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--primary-purple,#8b5cf6);outline:none}.dp-form-group small{color:#94a3b8;color:var(--text-muted);font-size:.85rem}.dp-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.dp-form-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.dp-form-actions button[type=button]{background:#9ca3af1a;color:#e0e7ef;color:var(--text-secondary)}.dp-form-actions button.primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.dp-form-actions button:hover{transform:translateY(-2px)}@media (max-width:768px){.decision-point-form{padding:1.5rem}.decision-points-header{align-items:stretch;flex-direction:column;gap:.75rem}.add-decision-point-btn{width:100%}}}}}.input-help li{font-family:Courier New,monospace;font-size:.8rem;margin:.25rem 0}.admin-curriculum{padding:1.5rem}.admin-curriculum .admin-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-curriculum .admin-section-header h2{color:#003d7a;color:var(--deep-blue);font-size:1.75rem;margin-bottom:.5rem}.admin-curriculum .admin-section-header p{color:#e0e7ef;color:var(--text-secondary);font-size:.95rem}.curriculum-volumes-list{display:flex;flex-direction:column;gap:1.5rem}.curriculum-volume-card{background:#fff;border:1px solid #0080c833;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.curriculum-volume-card .volume-header{align-items:flex-start;background:linear-gradient(135deg,#0080c80d,#003d7a0d);border-bottom:1px solid #0080c833;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.curriculum-volume-card .volume-info h3{color:#003d7a;color:var(--deep-blue);font-size:1.25rem;margin-bottom:.5rem}.curriculum-volume-card .volume-info p{color:#e0e7ef;color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.curriculum-volume-card .volume-meta{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.85rem;gap:1.5rem}.curriculum-volume-card .volume-actions{display:flex;gap:.5rem}.volume-acts{padding:1.5rem}.volume-acts .acts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.volume-acts .acts-header h4{color:#003d7a;color:var(--deep-blue);font-size:1rem;font-weight:600}.curriculum-act-card{background:#f8fafc;border:1px solid #0080c833;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow:hidden}.curriculum-act-card .act-header{align-items:flex-start;background:#fff;border-bottom:1px solid #0080c833;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.curriculum-act-card .act-info h5{color:#003d7a;color:var(--deep-blue);font-size:1rem;margin-bottom:.25rem}.curriculum-act-card .act-info p{color:#e0e7ef;color:var(--text-secondary);font-size:.85rem}.curriculum-act-card .act-actions{display:flex;gap:.5rem}.act-songs{padding:1rem}.act-songs .songs-header{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:.75rem}.act-songs .songs-list{display:flex;flex-direction:column;gap:.5rem}.act-songs .song-item{align-items:center;background:#fff;border:1px solid #0080c833;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem}.act-songs .song-item .song-info{align-items:center;display:flex;gap:1rem}.act-songs .song-item .song-title{color:#1f2937;font-weight:500}.act-songs .song-item .song-duration{color:#6b7280;font-size:.8rem}.act-songs .song-item .song-actions{display:flex;gap:.25rem}.curriculum-volume-card .volume-info p{color:#4b5563!important}.curriculum-volume-card .volume-meta{color:#6b7280!important}.curriculum-volume-card .volume-meta strong{color:#374151!important}.curriculum-act-card .act-info p{color:#4b5563!important}.act-songs .songs-header{color:#374151!important;font-weight:600!important}.act-songs .song-item .song-duration,.admin-curriculum .admin-section-header p{color:#4b5563!important}.volume-acts .acts-header h4{color:#1f2937!important}.act-songs .btn-primary,.admin-curriculum .btn-primary,.volume-acts .btn-primary{background:linear-gradient(135deg,#0891b2,#ea580c)!important;color:#fff!important}.act-songs .btn-primary:hover,.volume-acts .btn-primary:hover{background:linear-gradient(135deg,#0e7490,#dc2626)!important}.act-songs .btn-secondary,.curriculum-act-card .btn-secondary,.curriculum-volume-card .btn-secondary{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#374151!important}.act-songs .btn-secondary:hover,.curriculum-act-card .btn-secondary:hover,.curriculum-volume-card .btn-secondary:hover{background:#e5e7eb!important}.act-songs .btn-danger,.curriculum-act-card .btn-danger,.curriculum-volume-card .btn-danger{background:#fee2e2!important;border:1px solid #fecaca!important;color:#dc2626!important}.act-songs .btn-danger:hover,.curriculum-act-card .btn-danger:hover,.curriculum-volume-card .btn-danger:hover{background:#fecaca!important}.act-songs .btn svg,.curriculum-act-card .btn svg,.curriculum-volume-card .btn svg{opacity:1!important}.act-songs .song-item span[style*=text-muted]{color:#6b7280!important}.btn-xs{font-size:.75rem;padding:.25rem .5rem}.btn-sm{font-size:.85rem;padding:.375rem .75rem}.discussion-prompt-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.discussion-prompt-row .prompt-number{color:#ff8c00;color:var(--primary-orange);font-weight:600;width:24px}.discussion-prompt-row input{flex:1 1}.admin-modal-lg{max-width:800px;width:95%}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.curriculum-container{margin:0 auto;max-width:1200px;padding:2rem}.curriculum-header{margin-bottom:3rem;text-align:center}.curriculum-header h1{color:#0080c8;color:var(--primary-blue);font-size:48px;font-weight:700;margin-bottom:1rem}.curriculum-header p{color:#e0e7ef;color:var(--text-secondary);font-size:18px;margin:0 auto;max-width:700px}.curriculum-progress-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.progress-stat-card{background:#0080c80d;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center}.progress-stat-number{color:#ff8c00;color:var(--primary-orange);display:block;font-size:36px;font-weight:700;margin-bottom:.5rem}.progress-stat-label{color:#e0e7ef;color:var(--text-secondary);font-size:14px}.volumes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.volume-card{background:#0080c80d;border:2px solid #0080c84d;border:2px solid var(--border-primary);border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.volume-card:before{background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.volume-card:hover{border-color:#ff8c00;border-color:var(--primary-orange);box-shadow:0 12px 40px #ff8c004d;transform:translateY(-8px)}.volume-number{color:#0080c8;color:var(--primary-blue);font-size:72px;font-weight:700;opacity:.1;position:absolute;right:20px;top:10px}.volume-title{color:#ff8c00;color:var(--primary-orange);font-size:28px;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.volume-description{color:#e0e7ef;color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:1rem}.volume-meta{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light);display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.volume-meta-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:14px;gap:.5rem}.volume-target{color:#0080c8;color:var(--primary-blue);font-size:13px;font-style:italic;margin-top:1rem}.acts-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.act-card{background:#0080c80d;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.act-card:hover{border-color:#ff8c00;border-color:var(--primary-orange);box-shadow:0 8px 25px #ff8c0033}.act-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.act-title{color:#003d7a;color:var(--deep-blue);font-size:22px;font-weight:700}.act-description{color:#e0e7ef;color:var(--text-secondary);font-size:15px;margin-bottom:1rem}.songs-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.song-item{align-items:center;background:#003d7a1a;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.song-item:hover{background:#ff8c001a;border-color:#ff8c00;border-color:var(--primary-orange);transform:translateX(4px)}.song-item.completed{background:#10b9810d;border-color:#10b981;border-color:var(--success)}.song-icon{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.song-icon svg{color:#fff}.song-info{flex:1 1}.song-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:.25rem}.song-duration{color:#94a3b8;color:var(--text-muted);font-size:13px}.song-status{align-items:center;background:#10b981;background:var(--success);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.song-status svg{color:#fff;height:14px;width:14px}.song-viewer{margin:0 auto;max-width:900px;padding:2rem}.song-viewer-header{margin-bottom:2rem}.song-breadcrumb{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:14px;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{color:#0080c8;color:var(--primary-blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .3s ease}.breadcrumb-link:hover{color:#ff8c00;color:var(--primary-orange)}.song-viewer-title{color:#0080c8;color:var(--primary-blue);font-size:42px;font-weight:700;margin-bottom:1rem}.song-viewer-meta{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.song-viewer-content{background:#0080c808;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:16px;line-height:1.8;margin-bottom:2rem;padding:3rem}.song-viewer-content h2{color:#003d7a;color:var(--deep-blue);font-size:32px;font-weight:700;margin:2rem 0 1rem}.song-viewer-content h3{color:#ff8c00;color:var(--primary-orange);font-size:24px;font-weight:700;margin:1.5rem 0 1rem}.song-viewer-content p{color:#e0e7ef;color:var(--text-secondary);margin-bottom:1rem}.song-viewer-content ol,.song-viewer-content ul{margin:1rem 0;padding-left:2rem}.song-viewer-content li{color:#e0e7ef;color:var(--text-secondary);margin-bottom:.5rem}.song-viewer-content strong{color:#fff;color:var(--text-primary);font-weight:600}.discussion-prompts{background:#ff8c000d;border:2px solid #ff8c004d;border-radius:12px;margin-top:2rem;padding:2rem}.discussion-prompts h3{color:#ff8c00;color:var(--primary-orange);font-size:24px;font-weight:700;margin-bottom:1.5rem}.prompt-item{align-items:flex-start;background:#0080c80d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.prompt-number{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.prompt-question{color:#fff;color:var(--text-primary);font-size:16px;line-height:1.6}.lesson-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light);display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.complete-lesson-btn{align-items:center;background:linear-gradient(90deg,#0080c8,#ff8c00);background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.complete-lesson-btn:hover{background:radial-gradient(circle,#ff8c00 0,#0080c8 100%);background:var(--gradient-radial);box-shadow:0 8px 25px #ff8c0066}.complete-lesson-btn.completed{background:#10b981;background:var(--success)}.back-to-act-btn{background:#0080c81a;border:1px solid #0080c84d;border:1px solid var(--border-primary);border-radius:8px;color:#0080c8;color:var(--primary-blue);cursor:pointer;font-size:16px;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.back-to-act-btn:hover{background:#0080c833;border-color:#0080c8;border-color:var(--primary-blue)}.curriculum-breadcrumb{align-items:center;background:#0080c80d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem}.breadcrumb-item{font-size:14px}.breadcrumb-item,.breadcrumb-separator{color:#94a3b8;color:var(--text-muted)}.breadcrumb-current{color:#ff8c00;color:var(--primary-orange);font-weight:600}@media (max-width:768px){.curriculum-header h1{font-size:36px}.songs-list,.volumes-grid{grid-template-columns:1fr}.song-viewer{padding:1rem}.song-viewer-content{padding:1.5rem}.lesson-actions{flex-direction:column}}.w-md-editor-bar{border-radius:0 0 3px 0;bottom:0;cursor:s-resize;height:10px;margin-right:0;margin-top:-11px;position:absolute;right:0;-webkit-user-select:none;user-select:none;width:14px;z-index:3}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{font-feature-settings:"liga","clig";box-sizing:border-box;font-size:14px!important;font-variant-ligatures:common-ligatures;line-height:18px!important;margin:0;min-height:100%;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all}.w-md-editor-text-input,.w-md-editor-text-pre,.w-md-editor-text>.w-md-editor-text-pre{font-feature-settings:inherit;background:none;border:0;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow-wrap:inherit;padding:0;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;word-break:inherit;word-break:normal}.w-md-editor-text-pre{background-color:initial!important;margin:0!important;pointer-events:none;position:relative}.w-md-editor-text-pre>code{font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important;padding:0!important}.w-md-editor-text-input{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:#0000;color:inherit;height:100%;left:0;outline:0;overflow:hidden;padding:inherit;position:absolute;resize:none;top:0;width:100%}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-input,.w-md-editor-text-pre{word-wrap:pre;white-space:pre-wrap;word-break:break-word}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.w-md-editor-text-input{color:#0000!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:#0000!important}}.w-md-editor-text-pre .punctuation{color:#8b949e!important;color:var(--color-prettylights-syntax-comment,#8b949e)!important}.w-md-editor-text-pre .token.content,.w-md-editor-text-pre .token.url{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.title.important{color:#24292f;color:var(--color-prettylights-syntax-markup-bold,#24292f)}.w-md-editor-text-pre .token.code-block .function{color:#8250df;color:var(--color-prettylights-syntax-entity,#8250df)}.w-md-editor-text-pre .token.bold{font-weight:inherit!important}.w-md-editor-text-pre .token.title{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.w-md-editor-text-pre .token.code.keyword{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:#82071e!important;color:var(--color-prettylights-syntax-markup-deleted-text,#82071e)!important}.w-md-editor-toolbar-child{background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);display:none;position:absolute;z-index:1}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{box-sizing:border-box;height:auto;margin:0;padding:3px 4px 2px;width:-webkit-fill-available}.w-md-editor-toolbar{align-items:center;background-color:var(--md-editor-background-color);border-bottom:1px solid var(--md-editor-box-shadow-color);border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:3px;-webkit-user-select:none;user-select:none}.w-md-editor-toolbar.bottom{border-bottom:0;border-radius:0 0 3px 3px;border-top:1px solid var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li,.w-md-editor-toolbar ul{line-height:normal;list-style:none;margin:0;padding:0}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{background:none;border:none;border-radius:2px;color:var(--color-fg-default);cursor:pointer;font-weight:400;height:20px;line-height:14px;margin:0 1px;outline:none;overflow:visible;padding:4px;text-transform:none;transition:all .3s;white-space:nowrap}.w-md-editor-toolbar li>button:focus,.w-md-editor-toolbar li>button:hover{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:initial;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar-divider{background-color:var(--md-editor-box-shadow-color);height:14px;margin:-3px 3px 0!important;vertical-align:middle;width:1px}.w-md-editor{--md-editor-font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--md-editor-background-color:var(--color-canvas-default,#fff);--md-editor-box-shadow-color:var(--color-border-default,#d0d7de);background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);color:var(--color-fg-default);display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-bottom:1px;position:relative;text-align:left}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color);left:0;right:auto!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-webkit-fit-content;height:fit-content}.w-md-editor-content{border-radius:0 0 3px 0;height:100%;overflow:auto;position:relative}.w-md-editor .copied{display:none!important}.w-md-editor-input{height:100%;width:50%}.w-md-editor-text-pre>code{white-space:pre-wrap!important;word-break:break-word!important}.w-md-editor-preview{border-radius:0 0 5px 0;bottom:0;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:10px 20px;position:absolute;right:0;top:0;width:50%}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--md-editor-background-color);overflow:hidden;width:0}.w-md-editor-show-preview .w-md-editor-preview{box-shadow:inset 0 0 0 0;width:100%}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{padding:0;width:0}.w-md-editor-fullscreen{bottom:0;height:100%!important;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.w-md-editor-fullscreen .w-md-editor-content{height:100%}@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;--color-danger-emphasis:#da3633;--color-attention-fg:#d29922;--color-attention-emphasis:#9e6a03;--color-done-fg:#a371f7;--color-done-emphasis:#8957e5;--color-success-fg:#3fb950;--color-success-emphasis:#238636;--color-copied-active-bg:#2e9b33;color-scheme:dark}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#d1242f;--color-danger-emphasis:#cf222e;--color-attention-fg:#9a6700;--color-attention-emphasis:#9a6700;--color-done-fg:#8250df;--color-done-emphasis:#8250df;--color-success-fg:#1a7f37;--color-success-emphasis:#1f883d;--color-copied-active-bg:#2e9b33;color-scheme:light}}.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,body[data-color-mode*=dark]{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;color-scheme:dark}.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,body[data-color-mode*=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:initial;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{background-color:var(--color-canvas-default);border-style:none;box-sizing:initial;display:inline-block;max-width:100%}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{background:#0000;background-color:var(--color-border-default);border:0;border-bottom:1px solid var(--color-border-muted);box-sizing:initial;height:.25em;margin:24px 0;overflow:hidden;padding:0}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:after,.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both}.wmde-markdown table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:-webkit-max-content;width:max-content}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);font-size:1.5em;font-weight:600;padding-bottom:.3em}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-bottom:10px;margin-top:0}.wmde-markdown blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}.wmde-markdown ol,.wmde-markdown ul{margin-bottom:0;margin-top:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ol ol ol,.wmde-markdown ol ul ol,.wmde-markdown ul ol ol,.wmde-markdown ul ul ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown code,.wmde-markdown pre,.wmde-markdown tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-bottom:0;margin-top:0}.wmde-markdown .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-inner-spin-button,.wmde-markdown input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:after,.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown blockquote,.wmde-markdown details,.wmde-markdown dl,.wmde-markdown ol,.wmde-markdown p,.wmde-markdown pre,.wmde-markdown table,.wmde-markdown ul{margin-bottom:16px;margin-top:0}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 code,.wmde-markdown h1 tt,.wmde-markdown h2 code,.wmde-markdown h2 tt,.wmde-markdown h3 code,.wmde-markdown h3 tt,.wmde-markdown h4 code,.wmde-markdown h4 tt,.wmde-markdown h5 code,.wmde-markdown h5 tt,.wmde-markdown h6 code,.wmde-markdown h6 tt{font-size:inherit;padding:0 .2em}.wmde-markdown ol.no-list,.wmde-markdown ul.no-list{list-style-type:none;padding:0}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ol ol,.wmde-markdown ol ul,.wmde-markdown ul ol,.wmde-markdown ul ul{margin-bottom:0;margin-top:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table td,.wmde-markdown table th{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:initial}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{background-color:initial;max-width:none;vertical-align:text-top}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{border:1px solid var(--color-border-default);display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{background:#0000;border:0;margin:0;padding:0;white-space:pre;word-break:normal}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{word-wrap:normal;background-color:initial;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}.wmde-markdown pre>code{display:block;overflow:auto;padding:16px}.wmde-markdown pre>code::-webkit-scrollbar{background:#0000;height:8px;width:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .contains-task-list input[type=checkbox],.wmde-markdown .task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{background:var(--color-border-default);border-radius:5px;color:var(--color-fg-default);cursor:pointer;display:flex;font-size:12px;padding:6px;position:absolute;right:6px;top:6px;transition:all .3s;visibility:hidden}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre .copied.active,.wmde-markdown pre:hover .copied:active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{border-left:.25em solid var(--borderColor-default,var(--color-border-default));color:inherit;margin-bottom:16px;padding:.5rem 1em}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{align-items:center;display:flex;font-size:14px;font-weight:500;line-height:1}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:8px!important;margin-right:var(--base-size-8,8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--color-accent-fg);color:var(--fgColor-accent,var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--color-success-fg);color:var(--fgColor-success,var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--color-done-fg);color:var(--fgColor-done,var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--color-attention-fg);color:var(--fgColor-attention,var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--color-danger-fg);color:var(--fgColor-danger,var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{color:var(--color-fg-subtle);content:attr(line);display:inline-block;margin-right:16px;text-align:right;white-space:nowrap;width:1rem}.wmde-markdown .token.cdata,.wmde-markdown .token.comment,.wmde-markdown .token.doctype,.wmde-markdown .token.prolog{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.constant,.wmde-markdown .token.deleted,.wmde-markdown .token.property,.wmde-markdown .token.selector,.wmde-markdown .token.symbol,.wmde-markdown .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.attr-name,.wmde-markdown .token.boolean,.wmde-markdown .token.builtin,.wmde-markdown .token.char,.wmde-markdown .token.number,.wmde-markdown .token.operator,.wmde-markdown .token.property-access,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.string{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.class-name,.wmde-markdown .token.color,.wmde-markdown .token.entity,.wmde-markdown .token.function,.wmde-markdown .token.url{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.important,.wmde-markdown .token.keyword,.wmde-markdown .token.regex,.wmde-markdown .token.rule{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.bold,.wmde-markdown .token.important{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.onboarding-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:32px;position:relative;width:90%}.onboarding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.onboarding-progress{display:flex;flex-direction:column;gap:8px}.progress-dots{display:flex;gap:8px}.progress-dot{background:#e0e0e0;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.progress-dot.completed{background:#4caf50}.progress-dot.current{background:#2196f3;transform:scale(1.3)}.step-counter{color:#666;font-size:14px;font-weight:500}.skip-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.skip-button:hover{background:#f5f5f5;color:#333}.onboarding-content{margin:32px 0}.onboarding-title{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:16px}.onboarding-description{color:#555;font-size:16px;line-height:1.6;margin-bottom:20px}.onboarding-highlight-note{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:16px;padding:12px 16px}.onboarding-highlight-note span{color:#1565c0;font-size:14px;font-weight:500}.onboarding-actions{justify-content:space-between;margin-top:32px}.action-buttons,.onboarding-actions{display:flex;gap:12px}.onboarding-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.onboarding-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.onboarding-btn.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.onboarding-btn.secondary{background:#f5f5f5;color:#666}.onboarding-btn.secondary:hover{background:#e0e0e0;color:#333}.onboarding-btn:disabled{cursor:not-allowed;opacity:.4}.onboarding-btn:disabled:hover{box-shadow:none;transform:none}.onboarding-highlight{animation:pulse 2s infinite;border:3px solid #2196f3;border-radius:8px;box-shadow:0 0 0 9999px #00000080;pointer-events:none;position:fixed;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 20px #2196f399}50%{box-shadow:0 0 0 9999px #00000080,0 0 40px #2196f3cc}}@media (max-width:768px){.onboarding-modal{max-width:95%;padding:24px}.onboarding-title{font-size:22px}.onboarding-description{font-size:14px}.onboarding-btn{font-size:14px;padding:10px 16px}.onboarding-actions{flex-direction:column}.action-buttons{justify-content:flex-end;width:100%}}.image-lightbox{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.lightbox-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:90vw;position:relative}.lightbox-image{border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:40px;height:50px;justify-content:center;line-height:1;position:absolute;right:0;top:-40px;transition:all .2s;width:50px}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-caption{background:#00000080;border-radius:4px;color:#fff;font-size:16px;max-width:600px;padding:8px 16px;text-align:center}.lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:60px;font-weight:300;height:60px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:60px}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.lightbox-content{max-width:95vw}.lightbox-close{font-size:32px;height:40px;top:-50px;width:40px}.lightbox-nav{font-size:40px;height:50px;width:50px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-caption{font-size:14px;max-width:90vw}}
/*# sourceMappingURL=main.bad33491.css.map*/