*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.-bottom-20{bottom:-5rem}.-bottom-24{bottom:-6rem}.-bottom-32{bottom:-8rem}.-bottom-\[40\%\]{bottom:-40%}.-left-20{left:-5rem}.-left-24{left:-6rem}.-left-32{left:-8rem}.-left-\[20\%\]{left:-20%}.-left-\[30px\]{left:-30px}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-right-20{right:-5rem}.-right-24{right:-6rem}.-right-32{right:-8rem}.-right-\[20\%\]{right:-20%}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-32{top:-8rem}.-top-\[40\%\]{top:-40%}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.bottom-28{bottom:7rem}.bottom-4{bottom:1rem}.bottom-44{bottom:11rem}.bottom-6{bottom:1.5rem}.bottom-\[-100px\]{bottom:-100px}.bottom-\[106px\]{bottom:106px}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-\[-100px\]{left:-100px}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[-100px\]{right:-100px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-\[-100px\]{top:-100px}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100005\]{z-index:100005}.z-\[100006\]{z-index:100006}.z-\[10001\]{z-index:10001}.z-\[10002\]{z-index:10002}.z-\[10003\]{z-index:10003}.z-\[10004\]{z-index:10004}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[100\]{z-index:100}.z-\[2000\]{z-index:2000}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[850\]{z-index:850}.z-\[900\]{z-index:900}.z-\[999999\]{z-index:999999}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.col-span-full{grid-column:1/-1}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-1{margin-left:-.25rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-\[1\.414\/1\]{aspect-ratio:1.414/1}.h-0{height:0}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[115\%\]{height:115%}.h-\[18px\]{height:18px}.h-\[250px\]{height:250px}.h-\[300px\]{height:300px}.h-\[390px\]{height:390px}.h-\[440px\]{height:440px}.h-\[500px\]{height:500px}.h-\[80\%\]{height:80%}.h-\[90vh\]{height:90vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-\[220px\]{max-height:220px}.max-h-\[250px\]{max-height:250px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.max-h-\[350px\]{max-height:350px}.max-h-\[360px\]{max-height:360px}.max-h-\[45vh\]{max-height:45vh}.max-h-\[500px\]{max-height:500px}.max-h-\[560px\]{max-height:560px}.max-h-\[640px\]{max-height:640px}.max-h-\[68vh\]{max-height:68vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[26px\]{min-height:26px}.min-h-\[300px\]{min-height:300px}.min-h-\[380px\]{min-height:380px}.min-h-\[46px\]{min-height:46px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[115\%\]{width:115%}.w-\[145px\]{width:145px}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-\[500px\]{width:500px}.w-\[80\%\]{width:80%}.w-\[92\%\]{width:92%}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[18px\]{min-width:18px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[58\%\]{max-width:58%}.max-w-\[60\%\]{max-width:60%}.max-w-\[760px\]{max-width:760px}.max-w-\[85vw\]{max-width:85vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{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-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{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-x-0{--tw-translate-x:0px}.translate-x-\[-150\%\]{--tw-translate-x:-150%}.translate-x-\[-150\%\],.translate-y-0{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-0{--tw-translate-y:0px}.translate-y-10{--tw-translate-y:2.5rem}.translate-y-10,.translate-y-3{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-3{--tw-translate-y:0.75rem}.translate-y-full{--tw-translate-y:100%}.-rotate-90,.translate-y-full{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}.rotate-180{--tw-rotate:180deg}.rotate-180,.skew-x-\[-20deg\]{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))}.skew-x-\[-20deg\]{--tw-skew-x:-20deg}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-50,.scale-95{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))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize-none{resize:none}.resize{resize:both}.scroll-mt-10{scroll-margin-top:2.5rem}.scroll-mt-6{scroll-margin-top:1.5rem}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.divide-white>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(255 255 255/var(--tw-divide-opacity,1))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.05)}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-slate-300{--tw-border-opacity:1!important;border-color:rgb(203 213 225/var(--tw-border-opacity,1))!important}.border-\[\#0A66C2\]\/40{border-color:rgba(10,102,194,.4)}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-amber-400\/30{border-color:rgba(251,191,36,.3)}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-amber-500\/15{border-color:rgba(245,158,11,.15)}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-amber-500\/25{border-color:rgba(245,158,11,.25)}.border-amber-500\/30{border-color:rgba(245,158,11,.3)}.border-amber-500\/40{border-color:rgba(245,158,11,.4)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-200\/50{border-color:rgba(191,219,254,.5)}.border-blue-200\/60{border-color:rgba(191,219,254,.6)}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500\/15{border-color:rgba(59,130,246,.15)}.border-blue-500\/20{border-color:rgba(59,130,246,.2)}.border-blue-500\/25{border-color:rgba(59,130,246,.25)}.border-blue-500\/30{border-color:rgba(59,130,246,.3)}.border-cyan-500\/20{border-color:rgba(6,182,212,.2)}.border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-200\/70{border-color:rgba(167,243,208,.7)}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-emerald-300\/30{border-color:rgba(110,231,183,.3)}.border-emerald-300\/40{border-color:rgba(110,231,183,.4)}.border-emerald-300\/50{border-color:rgba(110,231,183,.5)}.border-emerald-300\/60{border-color:rgba(110,231,183,.6)}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-emerald-400\/20{border-color:rgba(52,211,153,.2)}.border-emerald-400\/30{border-color:rgba(52,211,153,.3)}.border-emerald-400\/40{border-color:rgba(52,211,153,.4)}.border-emerald-400\/50{border-color:rgba(52,211,153,.5)}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-emerald-500\/10{border-color:rgba(16,185,129,.1)}.border-emerald-500\/15{border-color:rgba(16,185,129,.15)}.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-emerald-500\/25{border-color:rgba(16,185,129,.25)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}.border-emerald-550\/20{border-color:rgba(5,150,105,.2)}.border-indigo-500\/20{border-color:rgba(99,102,241,.2)}.border-indigo-500\/30{border-color:rgba(99,102,241,.3)}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-pink-500\/20{border-color:rgba(236,72,153,.2)}.border-pink-500\/30{border-color:rgba(236,72,153,.3)}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-500\/20{border-color:rgba(168,85,247,.2)}.border-purple-500\/30{border-color:rgba(168,85,247,.3)}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-rose-500\/10{border-color:rgba(244,63,94,.1)}.border-rose-500\/20{border-color:rgba(244,63,94,.2)}.border-rose-500\/25{border-color:rgba(244,63,94,.25)}.border-rose-500\/30{border-color:rgba(244,63,94,.3)}.border-rose-500\/40{border-color:rgba(244,63,94,.4)}.border-sky-500\/15{border-color:rgba(14,165,233,.15)}.border-sky-500\/20{border-color:rgba(14,165,233,.2)}.border-sky-500\/40{border-color:rgba(14,165,233,.4)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/10{border-color:rgba(226,232,240,.1)}.border-slate-200\/20{border-color:rgba(226,232,240,.2)}.border-slate-200\/40{border-color:rgba(226,232,240,.4)}.border-slate-200\/50{border-color:rgba(226,232,240,.5)}.border-slate-200\/60{border-color:rgba(226,232,240,.6)}.border-slate-200\/70{border-color:rgba(226,232,240,.7)}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-300\/10{border-color:rgba(203,213,225,.1)}.border-slate-400\/30{border-color:rgba(148,163,184,.3)}.border-slate-500\/10{border-color:rgba(100,116,139,.1)}.border-slate-500\/20{border-color:rgba(100,116,139,.2)}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/50{border-color:rgba(51,65,85,.5)}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-950{--tw-border-opacity:1;border-color:rgb(2 6 23/var(--tw-border-opacity,1))}.border-teal-200{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity,1))}.border-teal-300\/40{border-color:rgba(94,234,212,.4)}.border-teal-500\/20{border-color:rgba(20,184,166,.2)}.border-teal-500\/30{border-color:rgba(20,184,166,.3)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-t-transparent{border-top-color:transparent}.bg-\[\#0A66C2\]\/20{background-color:rgba(10,102,194,.2)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-400\/20{background-color:rgba(251,191,36,.2)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.bg-amber-500\/5{background-color:rgba(245,158,11,.05)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/25{background-color:rgba(0,0,0,.25)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/75{background-color:rgba(0,0,0,.75)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-50\/70{background-color:rgba(239,246,255,.7)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:rgba(59,130,246,.1)}.bg-blue-500\/15{background-color:rgba(59,130,246,.15)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-500\/5{background-color:rgba(59,130,246,.05)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-cyan-500\/20{background-color:rgba(6,182,212,.2)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-emerald-500\/15{background-color:rgba(16,185,129,.15)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-emerald-500\/5{background-color:rgba(16,185,129,.05)}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-600\/10{background-color:rgba(5,150,105,.1)}.bg-emerald-950\/20{background-color:rgba(2,44,34,.2)}.bg-emerald-950\/5{background-color:rgba(2,44,34,.05)}.bg-indigo-500\/10{background-color:rgba(99,102,241,.1)}.bg-pink-500\/10{background-color:rgba(236,72,153,.1)}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:rgba(168,85,247,.1)}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}.bg-rose-500\/5{background-color:rgba(244,63,94,.05)}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-rose-950\/20{background-color:rgba(76,5,25,.2)}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.bg-sky-500\/5{background-color:rgba(14,165,233,.05)}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-300\/40{background-color:rgba(203,213,225,.4)}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-500\/10{background-color:rgba(100,116,139,.1)}.bg-slate-500\/5{background-color:rgba(100,116,139,.05)}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-700\/50{background-color:rgba(51,65,85,.5)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/20{background-color:rgba(30,41,59,.2)}.bg-slate-800\/30{background-color:rgba(30,41,59,.3)}.bg-slate-800\/40{background-color:rgba(30,41,59,.4)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/20{background-color:rgba(15,23,42,.2)}.bg-slate-900\/30{background-color:rgba(15,23,42,.3)}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/90{background-color:rgba(15,23,42,.9)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/20{background-color:rgba(2,6,23,.2)}.bg-slate-950\/40{background-color:rgba(2,6,23,.4)}.bg-slate-950\/45{background-color:rgba(2,6,23,.45)}.bg-slate-950\/50{background-color:rgba(2,6,23,.5)}.bg-slate-950\/60{background-color:rgba(2,6,23,.6)}.bg-slate-950\/70{background-color:rgba(2,6,23,.7)}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-slate-950\/85{background-color:rgba(2,6,23,.85)}.bg-slate-950\/90{background-color:rgba(2,6,23,.9)}.bg-slate-950\/95{background-color:rgba(2,6,23,.95)}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-teal-500\/10{background-color:rgba(20,184,166,.1)}.bg-teal-500\/20{background-color:rgba(20,184,166,.2)}.bg-teal-500\/5{background-color:rgba(20,184,166,.05)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-\[radial-gradient\(circle_at_bottom_right\2c rgba\(16\2c 185\2c 129\2c 0\.05\)_0\2c transparent_100\%\)\]{background-image:radial-gradient(circle at bottom right,rgba(16,185,129,.05) 0,transparent 100%)}.bg-\[radial-gradient\(circle_at_center\2c rgba\(16\2c 185\2c 129\2c 0\.05\)_0\2c transparent_100\%\)\]{background-image:radial-gradient(circle at center,rgba(16,185,129,.05) 0,transparent 100%)}.bg-\[radial-gradient\(circle_at_top_right\2c rgba\(16\2c 185\2c 129\2c 0\.08\)_0\2c transparent_70\%\)\]{background-image:radial-gradient(circle at top right,rgba(16,185,129,.08) 0,transparent 70%)}.bg-\[radial-gradient\(circle_at_top_right\2c rgba\(16\2c 185\2c 129\2c 0\.12\)_0\2c transparent_70\%\)\]{background-image:radial-gradient(circle at top right,rgba(16,185,129,.12) 0,transparent 70%)}.bg-\[radial-gradient\(ellipse_at_top\2c rgba\(16\2c 185\2c 129\2c 0\.10\)_0\2c transparent_60\%\)\]{background-image:radial-gradient(ellipse at top,rgba(16,185,129,.1) 0,transparent 60%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500\/15{--tw-gradient-from:rgba(245,158,11,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500\/20{--tw-gradient-from:rgba(245,158,11,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/5{--tw-gradient-from:rgba(59,130,246,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-450,.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from:rgba(16,185,129,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/5{--tw-gradient-from:rgba(16,185,129,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-900\/40{--tw-gradient-from:rgba(6,78,59,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(6,78,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-900\/60{--tw-gradient-from:rgba(49,46,129,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(49,46,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500\/10{--tw-gradient-from:rgba(244,63,94,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from:hsla(0,0%,100%,.05) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-emerald-500\/20{--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(16,185,129,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-rose-500\/10{--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(244,63,94,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-400{--tw-gradient-to:rgba(45,212,191,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2dd4bf var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-500{--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#14b8a6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-600{--tw-gradient-to:rgba(13,148,136,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0d9488 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-emerald-500\/5{--tw-gradient-to:rgba(16,185,129,.05) var(--tw-gradient-to-position)}.to-indigo-400{--tw-gradient-to:#818cf8 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to:rgba(236,72,153,.1) var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-500\/15{--tw-gradient-to:rgba(168,85,247,.15) var(--tw-gradient-to-position)}.to-purple-900\/40{--tw-gradient-to:rgba(88,28,135,.4) var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-teal-300{--tw-gradient-to:#5eead4 var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to:#2dd4bf var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-teal-500\/10{--tw-gradient-to:rgba(20,184,166,.1) var(--tw-gradient-to-position)}.to-teal-500\/20{--tw-gradient-to:rgba(20,184,166,.2) var(--tw-gradient-to-position)}.to-teal-500\/5{--tw-gradient-to:rgba(20,184,166,.05) var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-12{padding-left:3rem;padding-right:3rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0\.5{padding-bottom:.125rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[14px\]{font-size:14px}.text-\[5px\]{font-size:5px}.text-\[6px\]{font-size:6px}.text-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-\[0\.9\]{line-height:.9}.leading-\[1\.65\]{line-height:1.65}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#0A66C2\]{--tw-text-opacity:1;color:rgb(10 102 194/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-400\/80{color:rgba(251,191,36,.8)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-400\/80{color:rgba(52,211,153,.8)}.text-emerald-400\/90{color:rgba(52,211,153,.9)}.text-emerald-450,.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-500\/80{color:rgba(16,185,129,.8)}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-fuchsia-400{--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-400\/60{color:rgba(251,113,133,.6)}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-teal-800{--tw-text-opacity:1;color:rgb(17 94 89/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-emerald-500\/40{text-decoration-color:rgba(16,185,129,.4)}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-amber-500{accent-color:#f59e0b}.accent-emerald-500{accent-color:#10b981}.accent-rose-500{accent-color:#f43f5e}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_10px_\#10b981\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_\#10b981\]{--tw-shadow:0 0 10px #10b981;--tw-shadow-colored:0 0 10px var(--tw-shadow-color)}.shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.1\)\]{--tw-shadow:0 0 15px rgba(16,185,129,.1);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.1\)\],.shadow-\[0_0_8px_\#10b981\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_\#10b981\]{--tw-shadow:0 0 8px #10b981;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_10px_25px_rgba\(16\2c 185\2c 129\2c 0\.25\)\]{--tw-shadow:0 10px 25px rgba(16,185,129,.25);--tw-shadow-colored:0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,.3);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_50px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 20px 50px rgba(0,0,0,.5);--tw-shadow-colored:0 20px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_32px_64px_-16px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 32px 64px -16px rgba(0,0,0,.5);--tw-shadow-colored:0 32px 64px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_15px_rgba\(244\2c 63\2c 94\2c 0\.05\)\]{--tw-shadow:0 4px 15px rgba(244,63,94,.05);--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_25px_-5px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]{--tw-shadow:0 8px 25px -5px rgba(16,185,129,.3);--tw-shadow-colored:0 8px 25px -5px var(--tw-shadow-color)}.shadow-\[0_8px_25px_-5px_rgba\(16\2c 185\2c 129\2c 0\.3\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color:rgba(59,130,246,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-600\/20{--tw-shadow-color:rgba(37,99,235,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:rgba(16,185,129,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-600\/20{--tw-shadow-color:rgba(5,150,105,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-900\/20{--tw-shadow-color:rgba(6,78,59,.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-emerald-500\/20{--tw-ring-color:rgba(16,185,129,.2)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-offset-0{--tw-ring-offset-width:0px}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-\[120px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[80px\]{--tw-blur:blur(80px)}.blur-\[80px\],.brightness-95{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)}.brightness-95{--tw-brightness:brightness(.95)}.drop-shadow-\[0_0_6px_rgba\(251\2c 191\2c 36\2c 0\.6\)\]{--tw-drop-shadow:drop-shadow(0 0 6px rgba(251,191,36,.6))}.drop-shadow-\[0_0_6px_rgba\(251\2c 191\2c 36\2c 0\.6\)\],.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-2xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px)}.backdrop-blur-\[3px\],.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-emerald-500 ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.selection\:bg-emerald-500 ::selection{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.selection\:text-slate-900 ::-moz-selection{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.selection\:text-slate-900 ::selection{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-emerald-500::-moz-selection{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.selection\:bg-emerald-500::selection{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.selection\:text-slate-900::-moz-selection{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.selection\:text-slate-900::selection{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.last\:border-0:last-child{border-width:0}.hover\:z-30:hover{z-index:30}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.01\]:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:border-amber-500:hover{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.hover\:border-amber-500\/40:hover{border-color:rgba(245,158,11,.4)}.hover\:border-blue-500\/40:hover{border-color:rgba(59,130,246,.4)}.hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.hover\:border-emerald-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.hover\:border-emerald-500\/20:hover{border-color:rgba(16,185,129,.2)}.hover\:border-emerald-500\/30:hover{border-color:rgba(16,185,129,.3)}.hover\:border-emerald-500\/40:hover{border-color:rgba(16,185,129,.4)}.hover\:border-emerald-500\/50:hover{border-color:rgba(16,185,129,.5)}.hover\:border-pink-500:hover{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.hover\:border-rose-500:hover{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.hover\:border-rose-500\/20:hover{border-color:rgba(244,63,94,.2)}.hover\:border-rose-600:hover{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity,1))}.hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-white\/10:hover{border-color:hsla(0,0%,100%,.1)}.hover\:border-white\/20:hover{border-color:hsla(0,0%,100%,.2)}.hover\:bg-\[\#0A66C2\]:hover{--tw-bg-opacity:1;background-color:rgb(10 102 194/var(--tw-bg-opacity,1))}.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/10:hover{background-color:rgba(245,158,11,.1)}.hover\:bg-amber-500\/20:hover{background-color:rgba(245,158,11,.2)}.hover\:bg-amber-500\/25:hover{background-color:rgba(245,158,11,.25)}.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,.05)}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/20:hover{background-color:rgba(59,130,246,.2)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-400:hover{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500\/10:hover{background-color:rgba(16,185,129,.1)}.hover\:bg-emerald-500\/20:hover{background-color:rgba(16,185,129,.2)}.hover\:bg-emerald-500\/5:hover{background-color:rgba(16,185,129,.05)}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-purple-500\/20:hover{background-color:rgba(168,85,247,.2)}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-500:hover{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.hover\:bg-rose-500\/10:hover{background-color:rgba(244,63,94,.1)}.hover\:bg-rose-500\/20:hover{background-color:rgba(244,63,94,.2)}.hover\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.hover\:bg-rose-600\/80:hover{background-color:rgba(225,29,72,.8)}.hover\:bg-rose-950\/20:hover{background-color:rgba(76,5,25,.2)}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.hover\:bg-sky-500\/10:hover{background-color:rgba(14,165,233,.1)}.hover\:bg-sky-500\/20:hover{background-color:rgba(14,165,233,.2)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-200\/50:hover{background-color:rgba(226,232,240,.5)}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-slate-800\/80:hover{background-color:rgba(30,41,59,.8)}.hover\:bg-slate-900\/80:hover{background-color:rgba(15,23,42,.8)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:from-amber-400:hover{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-400:hover{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-500:hover{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-500:hover{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-rose-500:hover{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-teal-400:hover{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:rgba(45,212,191,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-emerald-400:hover{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.hover\:to-indigo-400:hover{--tw-gradient-to:#818cf8 var(--tw-gradient-to-position)}.hover\:to-pink-500:hover{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.hover\:to-rose-400:hover{--tw-gradient-to:#fb7185 var(--tw-gradient-to-position)}.hover\:to-teal-400:hover{--tw-gradient-to:#2dd4bf var(--tw-gradient-to-position)}.hover\:to-teal-500:hover{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.hover\:text-emerald-500:hover{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.hover\:text-rose-300:hover{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.hover\:text-rose-400:hover{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-slate-300:hover{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_35px_-5px_rgba\(16\2c 185\2c 129\2c 0\.55\)\]:hover{--tw-shadow:0 0 35px -5px rgba(16,185,129,.55);--tw-shadow-colored:0 0 35px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_40px_-10px_rgba\(16\2c 185\2c 129\2c 0\.5\)\]:hover{--tw-shadow:0 0 40px -10px rgba(16,185,129,.5);--tw-shadow-colored:0 0 40px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_10px_25px_rgba\(244\2c 63\2c 94\2c 0\.25\)\]:hover{--tw-shadow:0 10px 25px rgba(244,63,94,.25);--tw-shadow-colored:0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_12px_30px_rgba\(16\2c 185\2c 129\2c 0\.45\)\]:hover{--tw-shadow:0 12px 30px rgba(16,185,129,.45);--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-amber-500\/5:hover{--tw-shadow-color:rgba(245,158,11,.05);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-blue-500\/5:hover{--tw-shadow-color:rgba(59,130,246,.05);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:rgba(16,185,129,.1);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/20:hover{--tw-shadow-color:rgba(16,185,129,.2);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/25:hover{--tw-shadow-color:rgba(16,185,129,.25);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/5:hover{--tw-shadow-color:rgba(16,185,129,.05);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus\:border-emerald-500\/50:focus{border-color:rgba(16,185,129,.5)}.focus\:border-emerald-600:focus{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-emerald-500\/10:focus{--tw-ring-color:rgba(16,185,129,.1)}.focus\:ring-emerald-500\/20:focus{--tw-ring-color:rgba(16,185,129,.2)}.focus\:ring-purple-500\/30:focus{--tw-ring-color:rgba(168,85,247,.3)}.active\:translate-y-0:active{--tw-translate-y:0px}.active\:scale-95:active,.active\:translate-y-0:active{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))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:scale-\[0\.98\]:active,.active\:scale-\[0\.99\]:active{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))}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:bg-slate-800:disabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\:text-slate-500:disabled{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.group:hover .group-hover\:block{display:block}.group\/btn:hover .group-hover\/btn\:translate-x-1\.5{--tw-translate-x:0.375rem}.group\/btn:hover .group-hover\/btn\:translate-x-1\.5,.group\/btn:hover .group-hover\/btn\:translate-x-\[300\%\]{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))}.group\/btn:hover .group-hover\/btn\:translate-x-\[300\%\]{--tw-translate-x:300%}.group:hover .group-hover\:-translate-x-0\.5{--tw-translate-x:-0.125rem}.group:hover .group-hover\:-translate-x-0\.5,.group:hover .group-hover\:-translate-y-0\.5{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))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-0\.5,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .group-hover\:scale-100,.group:hover .group-hover\:scale-105{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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:gap-2\.5{gap:.625rem}.group:hover .group-hover\:border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.group:hover .group-hover\:bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.group:hover .group-hover\:bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.group:hover .group-hover\:bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.group:hover .group-hover\:text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;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))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.dark\:divide-white\/5:is(.dark *)>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.05)}.dark\:\!border-emerald-500\/30:is(.dark *){border-color:rgba(16,185,129,.3)!important}.dark\:border-amber-500\/20:is(.dark *){border-color:rgba(245,158,11,.2)}.dark\:border-amber-500\/30:is(.dark *){border-color:rgba(245,158,11,.3)}.dark\:border-blue-500\/20:is(.dark *){border-color:rgba(59,130,246,.2)}.dark\:border-blue-500\/30:is(.dark *){border-color:rgba(59,130,246,.3)}.dark\:border-emerald-500\/10:is(.dark *){border-color:rgba(16,185,129,.1)}.dark\:border-emerald-500\/20:is(.dark *){border-color:rgba(16,185,129,.2)}.dark\:border-emerald-500\/30:is(.dark *){border-color:rgba(16,185,129,.3)}.dark\:border-purple-500\/20:is(.dark *){border-color:rgba(168,85,247,.2)}.dark\:border-rose-500\/20:is(.dark *){border-color:rgba(244,63,94,.2)}.dark\:border-rose-500\/30:is(.dark *){border-color:rgba(244,63,94,.3)}.dark\:border-slate-700\/80:is(.dark *){border-color:rgba(51,65,85,.8)}.dark\:border-slate-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.dark\:border-slate-950:is(.dark *){--tw-border-opacity:1;border-color:rgb(2 6 23/var(--tw-border-opacity,1))}.dark\:border-teal-500\/20:is(.dark *){border-color:rgba(20,184,166,.2)}.dark\:border-teal-500\/30:is(.dark *){border-color:rgba(20,184,166,.3)}.dark\:border-transparent:is(.dark *){border-color:transparent}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/15:is(.dark *){border-color:hsla(0,0%,100%,.15)}.dark\:border-white\/5:is(.dark *){border-color:hsla(0,0%,100%,.05)}.dark\:bg-amber-500\/10:is(.dark *){background-color:rgba(245,158,11,.1)}.dark\:bg-amber-500\/20:is(.dark *){background-color:rgba(245,158,11,.2)}.dark\:bg-amber-900\/30:is(.dark *){background-color:rgba(120,53,15,.3)}.dark\:bg-amber-900\/40:is(.dark *){background-color:rgba(120,53,15,.4)}.dark\:bg-black\/20:is(.dark *){background-color:rgba(0,0,0,.2)}.dark\:bg-black\/30:is(.dark *){background-color:rgba(0,0,0,.3)}.dark\:bg-black\/40:is(.dark *){background-color:rgba(0,0,0,.4)}.dark\:bg-blue-500\/20:is(.dark *){background-color:rgba(59,130,246,.2)}.dark\:bg-blue-900\/20:is(.dark *){background-color:rgba(30,58,138,.2)}.dark\:bg-blue-900\/30:is(.dark *){background-color:rgba(30,58,138,.3)}.dark\:bg-blue-900\/40:is(.dark *){background-color:rgba(30,58,138,.4)}.dark\:bg-blue-950\/20:is(.dark *){background-color:rgba(23,37,84,.2)}.dark\:bg-cyan-500\/20:is(.dark *){background-color:rgba(6,182,212,.2)}.dark\:bg-emerald-50:is(.dark *){--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.dark\:bg-emerald-500\/10:is(.dark *){background-color:rgba(16,185,129,.1)}.dark\:bg-emerald-500\/20:is(.dark *){background-color:rgba(16,185,129,.2)}.dark\:bg-emerald-500\/5:is(.dark *){background-color:rgba(16,185,129,.05)}.dark\:bg-emerald-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.dark\:bg-emerald-900\/20:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:bg-emerald-900\/40:is(.dark *){background-color:rgba(6,78,59,.4)}.dark\:bg-emerald-950\/20:is(.dark *){background-color:rgba(2,44,34,.2)}.dark\:bg-emerald-950\/40:is(.dark *){background-color:rgba(2,44,34,.4)}.dark\:bg-indigo-500\/20:is(.dark *){background-color:rgba(99,102,241,.2)}.dark\:bg-pink-500\/20:is(.dark *){background-color:rgba(236,72,153,.2)}.dark\:bg-purple-500\/20:is(.dark *){background-color:rgba(168,85,247,.2)}.dark\:bg-purple-900\/30:is(.dark *){background-color:rgba(88,28,135,.3)}.dark\:bg-rose-500\/10:is(.dark *){background-color:rgba(244,63,94,.1)}.dark\:bg-rose-500\/20:is(.dark *){background-color:rgba(244,63,94,.2)}.dark\:bg-rose-900\/30:is(.dark *){background-color:rgba(136,19,55,.3)}.dark\:bg-rose-950\/20:is(.dark *){background-color:rgba(76,5,25,.2)}.dark\:bg-slate-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:bg-slate-700\/40:is(.dark *){background-color:rgba(51,65,85,.4)}.dark\:bg-slate-700\/50:is(.dark *){background-color:rgba(51,65,85,.5)}.dark\:bg-slate-700\/60:is(.dark *){background-color:rgba(51,65,85,.6)}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/30:is(.dark *){background-color:rgba(30,41,59,.3)}.dark\:bg-slate-800\/60:is(.dark *){background-color:rgba(30,41,59,.6)}.dark\:bg-slate-800\/80:is(.dark *){background-color:rgba(30,41,59,.8)}.dark\:bg-slate-800\/90:is(.dark *){background-color:rgba(30,41,59,.9)}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/60:is(.dark *){background-color:rgba(15,23,42,.6)}.dark\:bg-slate-900\/80:is(.dark *){background-color:rgba(15,23,42,.8)}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.dark\:bg-slate-950\/40:is(.dark *){background-color:rgba(2,6,23,.4)}.dark\:bg-slate-950\/60:is(.dark *){background-color:rgba(2,6,23,.6)}.dark\:bg-slate-950\/80:is(.dark *){background-color:rgba(2,6,23,.8)}.dark\:bg-slate-950\/95:is(.dark *){background-color:rgba(2,6,23,.95)}.dark\:bg-teal-500\/20:is(.dark *){background-color:rgba(20,184,166,.2)}.dark\:bg-teal-500\/5:is(.dark *){background-color:rgba(20,184,166,.05)}.dark\:bg-teal-900\/40:is(.dark *){background-color:rgba(19,78,74,.4)}.dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:bg-white\/10:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:bg-white\/5:is(.dark *){background-color:hsla(0,0%,100%,.05)}.dark\:from-white\/5:is(.dark *){--tw-gradient-from:hsla(0,0%,100%,.05) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-white\/5:is(.dark *){--tw-gradient-to:hsla(0,0%,100%,.05) var(--tw-gradient-to-position)}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-sky-300:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-900:is(.dark *){--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dark\:text-teal-300:is(.dark *){--tw-text-opacity:1;color:rgb(94 234 212/var(--tw-text-opacity,1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:brightness-100:is(.dark *){--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:hover\:border-emerald-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.dark\:hover\:border-emerald-500\/50:hover:is(.dark *){border-color:rgba(16,185,129,.5)}.dark\:hover\:border-white\/10:hover:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:hover\:bg-amber-500\/20:hover:is(.dark *){background-color:rgba(245,158,11,.2)}.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){background-color:rgba(30,58,138,.3)}.dark\:hover\:bg-blue-900\/40:hover:is(.dark *){background-color:rgba(30,58,138,.4)}.dark\:hover\:bg-emerald-100:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.dark\:hover\:bg-emerald-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.dark\:hover\:bg-emerald-500\/20:hover:is(.dark *){background-color:rgba(16,185,129,.2)}.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:hover\:bg-emerald-900\/40:hover:is(.dark *){background-color:rgba(6,78,59,.4)}.dark\:hover\:bg-emerald-900\/60:hover:is(.dark *){background-color:rgba(6,78,59,.6)}.dark\:hover\:bg-rose-900\/30:hover:is(.dark *){background-color:rgba(136,19,55,.3)}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:hover\:bg-white\/15:hover:is(.dark *){background-color:hsla(0,0%,100%,.15)}.dark\:hover\:bg-white\/20:hover:is(.dark *){background-color:hsla(0,0%,100%,.2)}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:hsla(0,0%,100%,.05)}.dark\:hover\:text-blue-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:hover\:text-emerald-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:hover\:text-emerald-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:hover\:text-rose-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:inset-auto{inset:auto}.sm\:bottom-20{bottom:5rem}.sm\:right-0{right:0}.sm\:right-6{right:1.5rem}.sm\:top-6{top:1.5rem}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:my-6{margin-top:1.5rem}.sm\:mb-6,.sm\:my-6{margin-bottom:1.5rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-24{height:6rem}.sm\:h-9{height:2.25rem}.sm\:h-\[540px\]{height:540px}.sm\:w-24{width:6rem}.sm\:w-48{width:12rem}.sm\:w-60{width:15rem}.sm\:w-64{width:16rem}.sm\:w-80{width:20rem}.sm\:w-9{width:2.25rem}.sm\:w-\[155px\]{width:155px}.sm\:w-\[460px\]{width:460px}.sm\:w-auto{width:auto}.sm\:max-w-\[260px\]{max-width:260px}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-3\.5{gap:.875rem}.sm\:gap-4{gap:1rem}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.sm\:self-center{align-self:center}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-4{padding-top:1rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:768px){.md\:static{position:static}.md\:bottom-6{bottom:1.5rem}.md\:bottom-8{bottom:2rem}.md\:left-6{left:1.5rem}.md\:right-auto{right:auto}.md\:z-auto{z-index:auto}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-6{margin-bottom:1.5rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-16{height:4rem}.md\:h-28{height:7rem}.md\:h-32{height:8rem}.md\:h-6{height:1.5rem}.md\:h-\[500px\]{height:500px}.md\:h-\[530px\]{height:530px}.md\:h-\[80vh\]{height:80vh}.md\:h-\[85vh\]{height:85vh}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:w-12{width:3rem}.md\:w-16{width:4rem}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-6{width:1.5rem}.md\:w-64{width:16rem}.md\:w-72{width:18rem}.md\:w-96{width:24rem}.md\:w-\[420px\]{width:420px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-md{max-width:28rem}.md\:translate-x-0{--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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:1.5rem}.md\:overflow-y-auto{overflow-y:auto}.md\:rounded-\[2\.5rem\]{border-radius:2.5rem}.md\:rounded-\[3rem\]{border-radius:3rem}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}.md\:bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-14{padding:3.5rem}.md\:p-16{padding:4rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pb-14{padding-bottom:3.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:min-h-\[600px\]{min-height:600px}.lg\:w-64{width:16rem}.lg\:translate-y-12{--tw-translate-y:3rem;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))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:border-l{border-left-width:1px}.lg\:border-t-0{border-top-width:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}}
:root {
    --font-primary: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-serif: 'Playfair Display', Georgia, Cambria, serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-primary) !important;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    letter-spacing: -0.01em;
    line-height: 1.55;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary) !important;
    letter-spacing: -0.025em !important;
}

p, span, button, a, input, select, textarea {
    font-family: var(--font-primary) !important;
}

/* Universal Typography Readability Scaling for UI & Practice */
.text-\[9px\], .text-\[10px\] {
    font-size: 0.75rem !important; /* 12px */
    line-height: 1.15rem !important;
}
.text-\[11px\] {
    font-size: 0.8125rem !important; /* 13px */
    line-height: 1.25rem !important;
}
.text-xs {
    font-size: 0.84375rem !important; /* ~13.5px */
    line-height: 1.35rem !important;
}
.text-sm {
    font-size: 0.9375rem !important; /* 15px */
    line-height: 1.5rem !important;
}
.text-base {
    font-size: 1.03125rem !important; /* 16.5px */
    line-height: 1.65rem !important;
}

/* Allow font overrides */
.font-serif, .font-serif * {
    font-family: var(--font-serif) !important;
}

.font-mono {
    font-family: var(--font-mono) !important;
}

/* Explicit Line Clamp Utilities for Mobile & Responsive Cards */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

html, body {
    color: #e2e8f0;
    min-height: 100vh;
}

html:not(.light-mode) {
    background-color: #030712;
    color: #e2e8f0;
}

/* ==========================================================================
   DARK MODE HIGH CONTRAST (DEFAULT)
   ========================================================================== */
html:not(.light-mode) h1, 
html:not(.light-mode) h2, 
html:not(.light-mode) h3, 
html:not(.light-mode) h4,
html:not(.light-mode) h5,
html:not(.light-mode) h6,
body:not(.light-mode) h1, 
body:not(.light-mode) h2, 
body:not(.light-mode) h3, 
body:not(.light-mode) h4,
body:not(.light-mode) h5,
body:not(.light-mode) h6 { 
    color: #ffffff !important;
}

body:not(.light-mode) .text-slate-900,
html:not(.light-mode) .text-slate-900 {
    color: #ffffff !important;
}

body:not(.light-mode) .text-slate-700,
html:not(.light-mode) .text-slate-700 {
    color: #e2e8f0 !important;
}

body:not(.light-mode) .text-slate-600,
html:not(.light-mode) .text-slate-600,
body:not(.light-mode) .text-slate-500,
html:not(.light-mode) .text-slate-500 {
    color: #94a3b8 !important;
}

body:not(.light-mode) .text-slate-400,
html:not(.light-mode) .text-slate-400 {
    color: #cbd5e1 !important;
}

/* Emerald accent text preservation */
body:not(.light-mode) .text-emerald-500,
body:not(.light-mode) .text-emerald-400,
html:not(.light-mode) .text-emerald-500,
html:not(.light-mode) .text-emerald-400 {
    color: #10b981 !important;
}

/* Company Alumni Badges in Marquee (Zero-Image Creative Solution) */
.company-alumni-badge {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

body:not(.light-mode) .company-alumni-badge {
    background: rgba(15, 23, 42, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body:not(.light-mode) .company-alumni-badge:hover {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.15) !important;
}

body.light-mode .company-alumni-badge {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .company-alumni-badge span.font-bold {
    color: #0f172a !important;
}

body.light-mode .company-alumni-badge:hover {
    background: #ffffff !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* Partner Logo Cards in Dark Mode */
body:not(.light-mode) .partner-card,
html:not(.light-mode) .partner-card {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-mode) .partner-card span,
html:not(.light-mode) .partner-card span {
    color: #e2e8f0 !important;
}

/* Footer Styling in Dark Mode */
body:not(.light-mode) footer,
html:not(.light-mode) footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body:not(.light-mode) footer h4,
html:not(.light-mode) footer h4 {
    color: #ffffff !important;
}

body:not(.light-mode) footer p,
html:not(.light-mode) footer p {
    color: #94a3b8 !important;
}

body:not(.light-mode) footer ul a,
html:not(.light-mode) footer ul a {
    color: #94a3b8 !important;
}

body:not(.light-mode) footer ul a:hover,
html:not(.light-mode) footer ul a:hover {
    color: #34d399 !important;
}

/* Light Mode Rules */
html.light-mode {
    background-color: #f8fafc;
    color: #0f172a;
}

body.light-mode h1, 
body.light-mode h2, 
body.light-mode h3,
body.light-mode h4 { 
    color: #000000 !important;
    letter-spacing: -0.04em;
    font-weight: 600;
}

/* PREMIUM MODALS FOR LIGHT MODE */
body.light-mode .glass-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
}

/* UNIFIED PREMIUM MODAL BACKDROP OVERLAYS */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

body.light-mode .modal-backdrop {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}

/* Exact Replica of Showcase Theme Toggle (Images 3 & 4) */
#themeToggle.toggle-track, .toggle-track {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: 50 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: 60px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    outline: none !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, transform 0.2s ease !important;
}

@media (min-width: 768px) {
    #themeToggle.toggle-track, .toggle-track {
        width: 60px !important;
        height: 30px !important;
    }
}

/* Dark Mode Track (Image 4) */
body:not(.light-mode) #themeToggle.toggle-track {
    background-color: #0b1326 !important; /* Deep Navy */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Disable toggle animations on page load to prevent button flip on refresh */
html:not(.theme-ready) .toggle-thumb,
html:not(.theme-ready) .toggle-track,
html:not(.theme-ready) .thumb-icon,
html:not(.theme-ready) .track-element {
    transition: none !important;
}

/* Default (Dark Mode) Track & Thumb */
.toggle-thumb {
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(30px) !important;
    background-color: #e1e0ff !important;
    box-shadow: 0 0 10px rgba(165, 180, 252, 0.5), inset -1px -1px 3px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.5s ease, box-shadow 0.5s ease !important;
    z-index: 5 !important;
    box-sizing: border-box !important;
}

/* Light Mode Track Override */
html.light-mode #themeToggle.toggle-track,
body.light-mode #themeToggle.toggle-track {
    background-color: #e0f2fe !important; /* Light Sky */
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

/* Light Mode Thumb Override */
html.light-mode .toggle-thumb,
body.light-mode .toggle-thumb {
    transform: translateX(0px) !important;
    background-color: #ffdb3c !important;
    box-shadow: 0 0 10px rgba(255, 219, 60, 0.6), inset 1px 1px 3px rgba(255, 255, 255, 0.8) !important;
}

/* Icons inside Thumb */
.thumb-icon {
    position: absolute !important;
    width: 14px !important;
    height: 14px !important;
    transition: opacity 0.3s ease !important;
}

.sun-icon {
    color: #3a3000 !important; /* Dark brown sun icon in gold thumb */
    opacity: 0 !important;
}

.moon-icon {
    color: #64748b !important; /* Soft slate moon icon in lavender thumb */
    opacity: 1 !important;
}

/* Light Mode Icons Override */
html.light-mode .sun-icon,
body.light-mode .sun-icon {
    opacity: 1 !important;
}

html.light-mode .moon-icon,
body.light-mode .moon-icon {
    opacity: 0 !important;
}

/* Stars (Dark mode track left side - Image 4) */
.track-element {
    position: absolute !important;
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
}

.star-1 {
    left: 8px !important;
    top: 6px !important;
    width: 7px !important;
    height: 7px !important;
    color: #ffffff !important;
}

.star-2 {
    left: 18px !important;
    top: 9px !important;
    width: 6px !important;
    height: 6px !important;
    color: #94a3b8 !important;
}

.star-3 {
    left: 13px !important;
    bottom: 6px !important;
    width: 5px !important;
    height: 5px !important;
    color: #cbd5e1 !important;
}

body:not(.light-mode) .track-element.star {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

body.light-mode .track-element.star {
    opacity: 0 !important;
    transform: translateY(-8px) scale(0.7) !important;
}

/* Clouds (Light mode track right side - Image 3) */
.cloud-1 {
    right: 6px !important;
    top: 8px !important;
    width: 12px !important;
    height: 12px !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
}

.cloud-2 {
    right: 15px !important;
    bottom: 6px !important;
    width: 9px !important;
    height: 9px !important;
    color: #ffffff !important;
    opacity: 0.8 !important;
}

body.light-mode .track-element.cloud {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

body:not(.light-mode) .track-element.cloud {
    opacity: 0 !important;
    transform: translateY(8px) scale(0.7) !important;
}

/* Premium Glassmorphic Language Dropdown */
.lang-dropdown-container {
    position: relative;
    display: inline-block;
}

.lang-dropdown-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.light-mode .lang-dropdown-btn {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.lang-dropdown-btn:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.2);
    transform: translateY(-1px);
}

.lang-dropdown-arrow {
    width: 12px;
    height: 12px;
    transition: transform 0.3s ease;
    opacity: 0.7;
}

.lang-dropdown-container.open .lang-dropdown-arrow {
    transform: rotate(180deg);
}

.lang-dropdown-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 145px;
    padding: 6px;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.95);
    transform-origin: top right;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body.light-mode .lang-dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.lang-dropdown-container.open .lang-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.lang-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 12px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

body.light-mode .lang-dropdown-item {
    color: #475569;
}

.lang-dropdown-item:hover {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

body.light-mode .lang-dropdown-item:hover {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.lang-dropdown-item.active {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    font-weight: 700;
}

body.light-mode .lang-dropdown-item.active {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}

/* SCROLL PROGRESS BAR */
#scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(to right, #10b981, #34d399);
    z-index: 1000;
    transition: width 0.1s ease-out;
}

/* HEADER (STATIC) */
.static-header,
body.light-mode .static-header,
html.light-mode .static-header,
header.static-header {
    width: 100%;
    z-index: 900;
    background: transparent !important;
    background-color: transparent !important;
}

/* INSTANT PAGE NAVIGATION (NO LAG) */
.page-fade {
    opacity: 1 !important;
}

.fade-out {
    opacity: 1;
}

/* SKELETON PULSE */
.skeleton-pulse {
    background: linear-gradient(-90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 100%);
    background-size: 400% 400%;
    animation: pulse 1.5s ease-in-out infinite;
}

body.light-mode .skeleton-pulse {
    background: linear-gradient(-90deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.02) 100%);
}

@keyframes pulse {
    0% { background-position: 0% 0%; }
    100% { background-position: -135% 0%; }
}

/* SYLLABUS CARDS REDESIGN (PREMIUM LOOK) */
#modalContent .grid-cols-4 > div {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 2rem;
    padding: 2rem;
    transition: all 0.3s ease;
}

body.light-mode #modalContent .grid-cols-4 > div {
    background: #fbfbfd !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* LESSON CARDS REDESIGN (Scoped to legacy rows with .lesson-number) */
#modalContent .space-y-4 > div:has(.lesson-number) {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1.5rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#modalContent .space-y-4 > div:has(.lesson-number):hover {
    background: rgba(255, 255, 255, 0.05);
    transform: translateX(10px);
    border-color: rgba(16, 185, 129, 0.3);
}

body.light-mode #modalContent .space-y-4 > div:has(.lesson-number) {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

body.light-mode #modalContent .space-y-4 > div:has(.lesson-number):hover {
    background: #f5f5f7 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* LESSON NUMBER BADGE */
#modalContent .lesson-number {
    width: 48px;
    height: 48px;
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    flex-shrink: 0;
}


/* FORCE ABSOLUTE BLACK TEXT IN LIGHT MODE (Only for non-primary elements) */
body.light-mode p,
body.light-mode span,
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode select,
body.light-mode input,
body.light-mode #modalContent div:not(.lesson-number),
body.light-mode #resultContainer .result-text {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Specific Navigation Contrast */
body.light-mode nav a:not([class*="bg-"]):not([class*="from-"]),
body.light-mode nav button:not(.bg-blue-600):not(.bg-emerald-500):not([class*="from-"]),
body.light-mode header a:not([class*="bg-"]):not([class*="from-"]):not(#myPortfolioBtn),
body.light-mode header button:not(.bg-emerald-500):not([class*="from-"]) {
    color: #0f172a !important;
}

/* Ensure white text on all solid emerald buttons in light mode */
body.light-mode header a#myPortfolioBtn,
body.light-mode a[class*="from-emerald"]:not([class*="/"]),
body.light-mode a[class*="bg-emerald"]:not([class*="/"]),
body.light-mode button[class*="from-emerald"]:not([class*="/"]),
body.light-mode button[class*="bg-emerald"]:not([class*="/"]),
body.light-mode div[class*="from-emerald"]:not([class*="/"]),
body.light-mode div.bg-emerald-500:not([class*="/"]) {
    color: #ffffff !important;
}

/* EXCEPTIONS FOR EMERALD TEXT */
body.light-mode .text-emerald-500,
body.light-mode .lesson-number {
    color: #10b981 !important;
}

/* ISTQB Exam & Practice Light Mode Complete Theme Perfection */
body.light-mode #examRoot {
    color: #0f172a;
}
body.light-mode #examRoot,
body.light-mode #examRoot div,
body.light-mode #examRoot span,
body.light-mode #examRoot p,
body.light-mode #examRoot h1,
body.light-mode #examRoot h2,
body.light-mode #examRoot h3,
body.light-mode #examRoot h4,
body.light-mode #examRoot b,
body.light-mode #examRoot strong {
    color: #0f172a;
}

body.light-mode #examRoot .istqb-card,
body.light-mode #examRoot .glass-card,
body.light-mode #examRoot div[class*="rounded-3xl"] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
body.light-mode #examRoot .istqb-inner-card,
body.light-mode #examRoot div[class*="bg-slate-50"],
body.light-mode #examRoot div[class*="bg-slate-100"],
body.light-mode #examRoot div[class*="bg-slate-900"],
body.light-mode #examRoot div[class*="bg-slate-950"],
body.light-mode #examRoot button[class*="bg-slate-50"],
body.light-mode #examRoot button[class*="bg-slate-100"],
body.light-mode #examRoot button[class*="bg-slate-900"],
body.light-mode #examRoot button[class*="bg-slate-950"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

/* Specific text contrasts */
body.light-mode #examRoot .text-slate-400,
body.light-mode #examRoot .text-slate-500,
body.light-mode #examRoot .text-slate-600 {
    color: #64748b !important;
}
body.light-mode #examRoot .text-slate-700,
body.light-mode #examRoot .text-slate-800,
body.light-mode #examRoot .text-slate-900 {
    color: #0f172a !important;
}
body.light-mode #examRoot .text-emerald-400,
body.light-mode #examRoot .text-emerald-500,
body.light-mode #examRoot .text-emerald-600 {
    color: #047857 !important;
}
body.light-mode #examRoot .text-amber-400,
body.light-mode #examRoot .text-amber-500,
body.light-mode #examRoot .text-amber-600 {
    color: #b45309 !important;
}
body.light-mode #examRoot .text-rose-400,
body.light-mode #examRoot .text-rose-500,
body.light-mode #examRoot .text-rose-600 {
    color: #b91c1c !important;
}

/* Option Cards in Light Mode */
body.light-mode #examRoot button[aria-label^="Variant"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
body.light-mode #examRoot button[aria-label^="Variant"]:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
body.light-mode #examRoot button[aria-label^="Variant"] span[class*="rounded-xl"],
body.light-mode #examRoot button[aria-label^="Variant"] span[class*="rounded-lg"] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* Selected / Correct / Wrong Option Cards in Light Mode */
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-emerald"] {
    background: #ecfdf5 !important;
    border: 2px solid #10b981 !important;
    color: #064e3b !important;
}
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-emerald"] span[class*="rounded-xl"],
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-emerald"] span[class*="rounded-lg"] {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-rose"] {
    background: #fef2f2 !important;
    border: 2px solid #ef4444 !important;
    color: #991b1b !important;
}
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-rose"] span[class*="rounded-xl"],
body.light-mode #examRoot button[aria-label^="Variant"][class*="border-rose"] span[class*="rounded-lg"] {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Question Matrix Dots (1-40) in Light Mode */
body.light-mode #examRoot button[title^="Sual "] {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
body.light-mode #examRoot button[title^="Sual "]:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
body.light-mode #examRoot button[title^="Sual "][class*="text-emerald"] {
    background: #ecfdf5 !important;
    border: 1px solid #6ee7b7 !important;
    color: #047857 !important;
}
body.light-mode #examRoot button[title^="Sual "][class*="text-amber"] {
    background: #fffbeb !important;
    border: 1px solid #fcd34d !important;
    color: #b45309 !important;
}
body.light-mode #examRoot button[title^="Sual "][class*="text-rose"] {
    background: #fef2f2 !important;
    border: 1px solid #fca5a5 !important;
    color: #b91c1c !important;
}
body.light-mode #examRoot button[title^="Sual "][class*="ring-2"] {
    outline: 2px solid #10b981 !important;
    outline-offset: 2px !important;
}

body.light-mode #examRoot .istqb-tab-active,
body.light-mode #examRoot button[class*="bg-emerald-500/10"],
body.light-mode #examRoot button[class*="bg-emerald-500\/10"] {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border-color: #a7f3d0 !important;
}
body.light-mode #examRoot button.text-slate-400,
body.light-mode #examRoot button.text-slate-500,
body.light-mode #examRoot button.text-slate-600 {
    color: #475569 !important;
}
body.light-mode #examRoot button.text-slate-400:hover,
body.light-mode #examRoot button.text-slate-500:hover,
body.light-mode #examRoot button.text-slate-600:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}
body.light-mode #examRoot .istqb-accuracy-badge {
    color: #047857 !important;
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

/* Primary Button (Always solid green with white text) */
.istqb-btn-primary {
    background: #059669 !important;
    color: #ffffff !important;
    border: none !important;
}
.istqb-btn-primary:hover {
    background: #047857 !important;
    color: #ffffff !important;
}
.istqb-btn-primary *,
body.light-mode #examRoot .istqb-btn-primary,
body.light-mode #examRoot .istqb-btn-primary * {
    color: #ffffff !important;
}

/* Secondary Button */
.istqb-btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}
.istqb-btn-secondary:hover {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}
body.light-mode #examRoot .istqb-btn-secondary {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
body.light-mode #examRoot .istqb-btn-secondary * {
    color: #0f172a !important;
}
body.light-mode #examRoot .istqb-btn-secondary:hover {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}
body.light-mode #examRoot .istqb-btn-secondary:hover * {
    color: #ffffff !important;
}

/* Amber Button */
.istqb-btn-amber,
body.light-mode #examRoot .istqb-btn-amber {
    background: #d97706 !important;
    color: #ffffff !important;
    border: none !important;
}
.istqb-btn-amber:hover,
body.light-mode #examRoot .istqb-btn-amber:hover {
    background: #b45309 !important;
    color: #ffffff !important;
}
.istqb-btn-amber *,
body.light-mode #examRoot .istqb-btn-amber * {
    color: #ffffff !important;
}




/* GENERAL STYLES */
.glass-card {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.35) 100%) !important;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

body.light-mode .glass-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.65) 100%) !important;
    backdrop-filter: blur(20px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.04) !important;
}

.emerald-gradient {
    background-color: #030712;
    background-image: 
        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.14) 0%, transparent 45%), 
        radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(5, 150, 105, 0.04) 0%, transparent 60%);
    background-attachment: fixed;
}

html.light-mode .emerald-gradient,
body.light-mode.emerald-gradient,
body.light-mode {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.12) 0%, transparent 45%), 
        radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.06) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(5, 150, 105, 0.03) 0%, transparent 60%);
    background-attachment: fixed;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fade-in {
    opacity: 1;
}

/* CUSTOM SCROLLBAR FOR MODALS */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; }
body.light-mode .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); }

/* CSS FOR CERTIFICATE MODAL (DARK MODE DEFAULT) */
.cert-bg {
    background: linear-gradient(to bottom right, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    border-color: rgba(255,255,255,0.1);
}
.cert-glow-1 { background-color: rgba(16, 185, 129, 0.3); }
.cert-glow-2 { background-color: rgba(59, 130, 246, 0.2); }
.cert-watermark { color: rgba(255,255,255,0.02); }
.cert-badge-bg { background: rgba(16, 185, 129, 0.1); }
.cert-badge-border { border-color: rgba(16, 185, 129, 0.2); }
.cert-badge-text { color: #34d399; }
.cert-status-badge {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #34d399 !important;
}
.cert-status-badge span {
    color: #34d399 !important;
}
.cert-status-badge svg {
    color: #10b981 !important;
    fill: currentColor !important;
}
.cert-official-label {
    color: #34d399 !important;
}
.cert-title { color: #ffffff; }
.cert-border { border-color: rgba(255,255,255,0.1); }
.cert-box { background: rgba(15,23,42,0.5); border-color: rgba(255,255,255,0.05); }
.cert-label { color: #94a3b8; }
.cert-text { color: #ffffff; }
.cert-icon-bg { background: rgba(255,255,255,0.05); }
.cert-icon-text { color: #34d399; } /* Blue is handled inline */

.cert-input { 
    background: rgba(15,23,42,0.5); 
    color: #ffffff; 
    border-color: rgba(255,255,255,0.1); 
}
.cert-input::placeholder { color: #64748b; }
.cert-btn-text { color: #0f172a; }

/* CSS FOR CERTIFICATE MODAL (LIGHT MODE OVERRIDES) */
body.light-mode .cert-bg {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.12), 0 0 20px rgba(16, 185, 129, 0.05) !important;
}
body.light-mode .cert-glow-1 { background-color: rgba(16, 185, 129, 0.1); }
body.light-mode .cert-glow-2 { background-color: rgba(59, 130, 246, 0.05); }
body.light-mode .cert-watermark { color: rgba(0,0,0,0.03); }
body.light-mode .cert-badge-bg { background: rgba(16, 185, 129, 0.05); }
body.light-mode .cert-badge-border { border-color: rgba(16, 185, 129, 0.2); }
body.light-mode .cert-badge-text { color: #059669; }
body.light-mode .cert-status-badge {
    background-color: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #047857 !important;
}
body.light-mode .cert-status-badge span {
    color: #047857 !important;
}
body.light-mode .cert-status-badge svg {
    color: #059669 !important;
    fill: currentColor !important;
}
body.light-mode .cert-official-label {
    color: #059669 !important;
}
body.light-mode .cert-title { color: #0f172a !important; }
body.light-mode .cert-border { border-color: rgba(0,0,0,0.05); }
body.light-mode .cert-box { 
    background: #ffffff !important; 
    border-color: rgba(0, 0, 0, 0.06) !important; 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0,0,0,0.1) !important; 
}
body.light-mode .cert-label { color: #64748b !important; }
body.light-mode .cert-text { color: #0f172a !important; }
body.light-mode .cert-icon-bg { background: #ffffff !important; }

body.light-mode .cert-input { 
    background: rgba(241, 245, 249, 0.8) !important; 
    color: #0f172a !important; 
    border-color: rgba(0,0,0,0.1) !important; 
}
body.light-mode .cert-input::placeholder { color: #94a3b8 !important; }
body.light-mode .cert-btn-text { color: #ffffff !important; }

/* MOBILE BOTTOM NAVIGATION */
.mobile-nav-link { color: #cbd5e1; }
body.light-mode .mobile-nav-link { color: #1e293b !important; }

/* SKELETON LOADER ANIMATIONS */
@keyframes skeleton-pulse {
    0% { opacity: 0.5; }
    50% { opacity: 0.2; }
    100% { opacity: 0.5; }
}

.skeleton-pulse {
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}

.skeleton-item {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
}

body.light-mode .skeleton-item {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* Hide Scrollbar for Carousel */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* SVG CHECKMARK ANIMATION */
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #10b981;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #10b981;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% { stroke-dashoffset: 0; }
}

@keyframes fill {
    100% { box-shadow: inset 0px 0px 0px 50px #10b981; }
}

/* TEACHER PHOTO ENHANCEMENT */
.glass-card img {
    filter: contrast(1.05) brightness(1.02) saturate(1.1);
    image-rendering: -webkit-optimize-contrast;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card .shrink-0.rounded-\[2\.5rem\],
.glass-card .w-32.h-32 {
    position: relative;
    overflow: hidden;
    background: #0f172a;
}

/* Studio Light Overlay */
.glass-card .shrink-0.rounded-\[2\.5rem\]::after,
.glass-card .w-32.h-32::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%, rgba(255,255,255,0.05) 100%);
    pointer-events: none;
    z-index: 2;
}

/* Portrait Hover Glow */
.glass-card:hover img {
    filter: contrast(1.1) brightness(1.05) saturate(1.15);
    transform: scale(1.08);
}

/* TESTIMONIAL MARQUEE CAROUSEL */
.testimonial-marquee-wrapper {
    overflow: hidden;
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.testimonial-marquee-wrapper::before,
.testimonial-marquee-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 10;
    pointer-events: none;
}

.testimonial-marquee-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #000000, transparent);
}

.testimonial-marquee-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #000000, transparent);
}

body.light-mode .testimonial-marquee-wrapper::before {
    background: linear-gradient(to right, #ffffff, transparent);
}

body.light-mode .testimonial-marquee-wrapper::after {
    background: linear-gradient(to left, #ffffff, transparent);
}

.testimonial-marquee {
    display: flex;
    width: max-content;
}

.testimonial-track {
    display: flex;
    gap: 24px;
    padding: 12px 0;
    animation: marquee-scroll 40s linear infinite;
    will-change: transform;
}

.testimonial-track-reverse {
    animation: marquee-scroll-reverse 45s linear infinite;
}

.testimonial-marquee-wrapper:hover .testimonial-track {
    animation-play-state: paused;
}
/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    .testimonial-track, .testimonial-track-reverse { animation: none !important; }
}

@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes marquee-scroll-reverse {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* PARTNER LOGO MARQUEE TICKER */
.logo-marquee-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 12px 0;
    mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
}
.logo-track {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: max-content;
    animation: logo-scroll 32s linear infinite;
}
.logo-marquee-wrapper:hover .logo-track {
    animation-play-state: paused;
}
@keyframes logo-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.testimonial-card {
    width: 380px;
    flex-shrink: 0;
    padding: 32px;
    border-radius: 2rem;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.testimonial-card:hover {
    border-color: rgba(16, 185, 129, 0.3);
    box-shadow: 0 20px 40px -20px rgba(16, 185, 129, 0.15);
    transform: translateY(-5px) scale(1.01);
}

body.light-mode .testimonial-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

body.light-mode .testimonial-card:hover {
    border-color: rgba(16, 185, 129, 0.3);
    box-shadow: 0 20px 40px -20px rgba(16, 185, 129, 0.1);
    transform: translateY(-5px) scale(1.01);
}

.company-badge {
    transition: all 0.25s ease;
}

body.light-mode .company-badge {
    background-color: rgba(16, 185, 129, 0.08) !important;
    color: #047857 !important;
    border-color: rgba(16, 185, 129, 0.15) !important;
}

.testimonial-quote-icon {
    color: #10b981;
    margin-bottom: 16px;
}

.testimonial-text {
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.7;
    font-style: italic;
    flex: 1;
    margin-bottom: 24px;
}

body.light-mode .testimonial-text {
    color: #475569;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.light-mode .testimonial-author {
    border-top-color: rgba(0, 0, 0, 0.06);
}

.testimonial-avatar {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

/* CAREER ROADMAP STYLES */
.roadmap-container {
    position: relative;
    padding: 40px 0;
}

.roadmap-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, rgba(16, 185, 129, 0.3) 15%, rgba(16, 185, 129, 0.3) 85%, transparent);
    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .roadmap-line {
        left: 20px;
        transform: none;
    }
}

.roadmap-item {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.roadmap-content {
    width: 45%;
    position: relative;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.roadmap-item:nth-child(even) {
    flex-direction: row-reverse;
}

.roadmap-dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: #0f172a;
    border: 4px solid #10b981;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
    transition: all 0.3s ease;
}

.roadmap-item:hover .roadmap-dot {
    transform: translate(-50%, -50%) scale(1.5);
    background: #10b981;
}

@media (max-width: 768px) {
    .roadmap-item {
        justify-content: flex-start;
        padding-left: 50px;
    }
    .roadmap-content {
        width: 100%;
    }
    .roadmap-dot {
        left: 20px;
    }
    .roadmap-item:nth-child(even) {
        flex-direction: row;
    }
}

.salary-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 99px;
    color: #10b981;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 12px;
}

.roadmap-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 2rem;
    transition: all 0.4s ease;
}

body.light-mode .roadmap-card {
    background: white;
    border-color: rgba(0,0,0,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.roadmap-item:hover .roadmap-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(16, 185, 129, 0.3);
    transform: translateY(-5px);
}

body.light-mode .roadmap-item:hover .roadmap-card {
    background: white;
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.1);
}

/* --- Syllabus Navigation Sidebar Premium Styles --- */
#modalNavigation button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid transparent;
    color: #94a3b8 !important;
}

/* Inactive button hover */
#modalNavigation button:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Active button style */
#modalNavigation button.text-emerald-400 {
    color: #10b981 !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.15) !important;
    font-weight: 600 !important;
}

@media (min-width: 768px) {
    #modalNavigation button {
        border-left: 3px solid transparent !important;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    #modalNavigation button.text-emerald-400 {
        border-left-color: #10b981 !important;
    }
}

/* --- LIGHT MODE ADJUSTMENTS --- */
body.light-mode #modalNavigation {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode #modalNavigation p {
    color: #047857 !important;
    font-weight: 700 !important;
}

body.light-mode #modalNavigation button {
    color: #475569 !important;
}

body.light-mode #modalNavigation button:hover {
    color: #0f172a !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode #modalNavigation button.text-emerald-400 {
    color: #047857 !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.15) !important;
}

/* --- Syllabus Card Adjustments for Light Mode --- */
body.light-mode #modalContent .group {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode #modalContent .group:hover {
    border-color: rgba(16, 185, 129, 0.3) !important;
    background-color: rgba(16, 185, 129, 0.02) !important;
    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.05) !important;
}

body.light-mode #modalContent .group h4 {
    color: #0f172a !important;
}

body.light-mode #modalContent .group li {
    color: #334155 !important;
}

body.light-mode #modalContent .group .bg-white\/5 {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode #modalContent .group .bg-emerald-500\/5 {
    background-color: rgba(16, 185, 129, 0.05) !important;
    border-color: rgba(16, 185, 129, 0.1) !important;
}

body.light-mode #modalContent .group .text-slate-400 {
    color: #475569 !important;
}

body.light-mode #modalContent .group .text-slate-500 {
    color: #64748b !important;
}

/* ==========================================================================
   PREMIUM DESIGN SYSTEM ENHANCEMENTS & LIGHT MODE COMPATIBILITY
   ========================================================================== */

/* FOCUS GLOW EFFECT ON INPUTS */
.focus-glow-emerald:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.25) !important;
    background-color: rgba(16, 185, 129, 0.03) !important;
}

body.light-mode .focus-glow-emerald:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.15) !important;
    background-color: #ffffff !important;
}

.focus-glow-purple:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.25) !important;
    background-color: rgba(168, 85, 247, 0.03) !important;
}

body.light-mode .focus-glow-purple:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.15) !important;
    background-color: #ffffff !important;
}

/* TYPING INDICATOR DOTS ANIMATION */
.typing-dots {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.typing-dots::after {
    content: ' .';
    animation: typing-dots-anim 1.5s infinite steps(4);
    font-weight: bold;
    font-size: 14px;
    line-height: 0;
}
@keyframes typing-dots-anim {
    0%, 100% { content: ''; }
    25% { content: '.'; }
    50% { content: '..'; }
    75% { content: '...'; }
}

/* SMOOTH HOVER SCALE ANIMATIONS FOR PREMIUM UX */
.premium-hover-card {
    transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.premium-hover-card:hover {
    transform: translateY(-4px) scale(1.01) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.08) !important;
}
body.light-mode .premium-hover-card:hover {
    border-color: rgba(16, 185, 129, 0.3) !important;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.05) !important;
}

/* INPUTS, SELECTS, TEXTAREAS IN LIGHT MODE */
body.light-mode textarea, 
body.light-mode select, 
body.light-mode input {
    background-color: rgba(241, 245, 249, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #000000 !important;
}
body.light-mode textarea::placeholder,
body.light-mode input::placeholder {
    color: #64748b !important;
}

/* SQL RESULT PANEL & PERFORMANCE LOGS IN LIGHT MODE */
body.light-mode #sqlResultPanel,
body.light-mode #perfConsole {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1e293b !important;
}
body.light-mode #perfConsole .text-slate-350 {
    color: #475569 !important;
}

/* SQL RESULT TABLES CONTRAST IN LIGHT MODE */
body.light-mode #sqlResultPanel table tr {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode #sqlResultPanel table th {
    color: #475569 !important;
}
body.light-mode #sqlResultPanel table td {
    color: #0f172a !important;
}

/* SLACK CHAT PANEL LIGHT MODE COMPATIBILITY */
body.light-mode #slackChatPanel {
    background: #ffffff !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
    box-shadow: 0 10px 40px rgba(168, 85, 247, 0.08) !important;
}
body.light-mode #slackChatPanel div {
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode #slackChatPanel .w-1\/3 {
    background-color: #f1f5f9 !important;
}
body.light-mode #slackChatPanel .grow.flex.flex-col {
    background-color: #ffffff !important;
}
body.light-mode #slackChatPanel .bg-slate-950\/80 {
    background-color: #f8fafc !important;
}
body.light-mode #slackChannelTitle {
    color: #0f172a !important;
}
body.light-mode #slackChatPanel button {
    color: #475569 !important;
}
body.light-mode #slackChatPanel button.bg-purple-500\/20 {
    background-color: rgba(168, 85, 247, 0.15) !important;
    color: #7e22ce !important;
}
body.light-mode #slackChatPanel button.text-slate-400:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}
body.light-mode #slackMessagesContainer p {
    color: #334155 !important;
}
body.light-mode #slackMessagesContainer span.font-bold {
    color: #0f172a !important;
}
body.light-mode #slackMessagesContainer span.font-mono {
    color: #64748b !important;
}
body.light-mode #slackMessageInput {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #0f172a !important;
}
body.light-mode #slackMessageInput:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.15) !important;
}
body.light-mode #slackChatPanel .bg-purple-600 {
    background-color: #9333ea !important;
    color: #ffffff !important;
}
body.light-mode #slackChatPanel .bg-purple-600:hover {
    background-color: #a855f7 !important;
}

/* CHARTS & STATS CONTRAST ADJUSTMENTS IN LIGHT MODE */
body.light-mode #burndownChartBars span.text-slate-400,
body.light-mode #perfChartBars span.text-slate-500 {
    color: #475569 !important;
    font-weight: 700 !important;
}
body.light-mode #burndownChartBars div.border-white\/5,
body.light-mode #perfChartBars div.border-white\/5 {
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode #tabContent_performance_testing .bg-black\/45 {
    background-color: #f8fafc !important;
}

/* ==========================================================================
   PRACTICE PORTAL SPECIFIC LIGHT MODE OVERRIDES
   ========================================================================== */

/* Sidebar Navigation container */
body.light-mode aside {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Sidebar navigation buttons */
body.light-mode .nav-btn {
    color: #475569 !important; /* slate-600 */
}
body.light-mode .nav-btn:hover {
    color: #0f172a !important; /* slate-900 */
    background-color: rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .nav-btn-active {
    color: #059669 !important; /* emerald-650 */
    background-color: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.15) !important;
}

/* Sidebar Points Block */
body.light-mode .sidebar-points {
    background-color: rgba(245, 158, 11, 0.05) !important;
    border-color: rgba(245, 158, 11, 0.2) !important;
}
body.light-mode .sidebar-points-val {
    color: #d97706 !important; /* amber-600 */
}

/* User Profile Info in Sidebar */
body.light-mode #studentIdDisplay {
    color: #059669 !important;
}
body.light-mode #studentCourseDisplay {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
}

/* Weekly activity chart bars */
body.light-mode .week-bar {
    background: rgba(16, 185, 129, 0.25) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
body.light-mode .week-bar.today {
    background: rgba(16, 185, 129, 0.75) !important;
    border-color: rgba(16, 185, 129, 0.6) !important;
}
body.light-mode .week-bar-label {
    color: #475569 !important;
}

/* Welcome Banner & General Dark slate containers */
body.light-mode .bg-slate-900\/40,
body.light-mode .bg-slate-900\/30,
body.light-mode .bg-slate-900\/50,
body.light-mode .bg-slate-900\/80,
body.light-mode .bg-slate-900 {
    background-color: #ffffff !important;
}

body.light-mode .bg-slate-950,
body.light-mode .bg-slate-950\/95,
body.light-mode .bg-slate-950\/40,
body.light-mode .bg-slate-950\/20,
body.light-mode .bg-slate-950\/30,
body.light-mode .bg-slate-950\/60,
body.light-mode .bg-slate-950\/70,
body.light-mode .bg-slate-950\/80 {
    background-color: #ffffff !important;
}

body.light-mode .border-white\/5,
body.light-mode .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Text and colors readability */
body.light-mode .text-slate-400,
body.light-mode .text-slate-500 {
    color: #475569 !important;
}
body.light-mode .text-slate-300,
body.light-mode .text-slate-200 {
    color: #1e293b !important;
}
body.light-mode .text-white {
    color: #0f172a !important;
}
body.light-mode .text-emerald-400 {
    color: #059669 !important;
}
body.light-mode .text-rose-400 {
    color: #e11d48 !important;
}
body.light-mode .text-orange-400 {
    color: #ea580c !important;
}

/* JIRA Board Column background */
body.light-mode .kanban-col {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .kanban-empty {
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #94a3b8 !important;
}
body.light-mode .animate-glow-pulse {
    animation: glow-pulse-light 2s infinite ease-in-out !important;
}

/* Logout button */
body.light-mode #logoutBtn {
    color: #e11d48 !important; /* rose-600 */
}
body.light-mode #logoutBtn:hover {
    background-color: rgba(225, 29, 72, 0.05) !important;
    color: #be123c !important;
}

/* Login screen compatibility */
body.light-mode #loginScreen {
    background-color: #f8fafc !important;
}
body.light-mode #loginScreen .glass-card {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06) !important;
}
body.light-mode #studentIdInput {
    background-color: #f1f5f9 !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
    color: #0f172a !important;
}

/* Modal Overlay Backdrops (keep semi-transparent dark grey instead of solid white) */
body.light-mode .fixed.inset-0.bg-slate-950\/80,
body.light-mode .fixed.inset-0.bg-slate-950\/70,
body.light-mode .fixed.inset-0.bg-slate-950\/60 {
    background-color: rgba(15, 23, 42, 0.45) !important;
}

/* Sandbox Toolbar Buttons */
body.light-mode .sb-toolbar-btn {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important; /* slate-600 */
}
body.light-mode .sb-toolbar-btn:hover {
    background-color: rgba(16, 185, 129, 0.05) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
    color: #059669 !important; /* emerald-600 */
}
body.light-mode .sb-toolbar-btn svg {
    stroke: currentColor !important;
}

/* Viewport Emulator Button contrast */
body.light-mode #vpBtn_desktop:not(.bg-emerald-500\/10),
body.light-mode #vpBtn_iphone:not(.bg-emerald-500\/10),
body.light-mode #vpBtn_galaxy:not(.bg-emerald-500\/10) {
    color: #64748b !important;
}
body.light-mode #vpBtn_desktop:not(.bg-emerald-500\/10):hover,
body.light-mode #vpBtn_iphone:not(.bg-emerald-500\/10):hover,
body.light-mode #vpBtn_galaxy:not(.bg-emerald-500\/10):hover {
    color: #0f172a !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* Compare Bar Buttons & Text overrides */
body.light-mode #sandboxCompareBar {
    color: #475569 !important;
}
body.light-mode #sandboxCompareBar button:not(.bg-emerald-500) {
    color: #64748b !important;
}
body.light-mode #sandboxCompareBar button:not(.bg-emerald-500):hover {
    color: #0f172a !important;
}

/* HIGH-OPACITY OVERLAYS FOR MODAL CARDS (PREVENTS BACKGROUND TEXT OVERLAPPING) */
.fixed.inset-0 .glass-card {
    background: linear-gradient(135deg, rgba(10, 11, 20, 0.97) 0%, rgba(15, 23, 42, 0.97) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.light-mode .fixed.inset-0 .glass-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* --- Premium Vacancy Card Styling --- */
.vacancy-card {
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 1.25rem !important; /* 20px clean radius */
    padding: 1.5rem !important;        /* 24px generous padding — guarantees no corner clipping */
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

.vacancy-card:hover {
    border-color: rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 20px 40px -15px rgba(16, 185, 129, 0.12) !important;
}

/* Light Mode Premium Overrides for Vacancy Cards */
body.light-mode .vacancy-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 1.25rem !important; /* 20px clean radius */
    padding: 1.5rem !important;        /* 24px padding ensures clear distance from corner arcs */
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .vacancy-card:hover {
    border-color: #10b981 !important;
    box-shadow: 0 16px 36px -8px rgba(16, 185, 129, 0.16) !important;
}

body.light-mode .vacancy-card h3 {
    color: #0f172a !important;
}

body.light-mode .vacancy-card .text-slate-400 {
    color: #475569 !important;
}

body.light-mode .vacancy-card .text-slate-200 {
    color: #1e293b !important;
}

body.light-mode .vacancy-card .text-slate-500 {
    color: #64748b !important;
}

body.light-mode .vacancy-card .border-t {
    border-top-color: #f1f5f9 !important;
}

body.light-mode .vacancy-card .bg-white\/5 {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .vacancy-card .bg-blue-500\/10 {
    background-color: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}

body.light-mode .vacancy-card .bg-emerald-500\/10 {
    background-color: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}

/* --- Vacancy Card Button Hover Overrides --- */
.vacancy-card button {
    transition: all 0.3s ease !important;
}

body.light-mode .vacancy-card button {
    background-color: #ecfdf5 !important; /* emerald-50 */
    color: #059669 !important;            /* emerald-600 */
    border-color: #a7f3d0 !important;        /* emerald-200 */
}

.vacancy-card:hover button,
body.light-mode .vacancy-card:hover button {
    background-color: #10b981 !important; /* bg-emerald-500 */
    color: #ffffff !important;            /* text-white */
    border-color: #10b981 !important;
}

/* ── Vacancy Description HTML Prose Styles ── */
.vacancy-description p {
    margin-bottom: 0.75rem;
    color: #cbd5e1; /* slate-300 */
    line-height: 1.7;
}

.vacancy-description p:last-child {
    margin-bottom: 0;
}

.vacancy-description strong, 
.vacancy-description b {
    color: #f1f5f9; /* slate-100 */
    font-weight: 600;
}

.vacancy-description ul,
.vacancy-description ol {
    margin: 0.5rem 0 0.75rem 1.25rem;
    color: #cbd5e1;
}

.vacancy-description ul {
    list-style-type: disc;
}

.vacancy-description ol {
    list-style-type: decimal;
}

.vacancy-description li {
    margin-bottom: 0.3rem;
    line-height: 1.6;
}

/* Light mode overrides for vacancy descriptions */
body.light-mode .vacancy-description p {
    color: #334155 !important;
}
body.light-mode .vacancy-description strong,
body.light-mode .vacancy-description b {
    color: #0f172a !important;
}
body.light-mode .vacancy-description ul,
body.light-mode .vacancy-description ol {
    color: #334155 !important;
}

.vacancy-description h1,
.vacancy-description h2,
.vacancy-description h3,
.vacancy-description h4 {
    color: #f1f5f9;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

body.light-mode .vacancy-description h1,
body.light-mode .vacancy-description h2,
body.light-mode .vacancy-description h3,
body.light-mode .vacancy-description h4 {
    color: #0f172a !important;
}

.vacancy-description a {
    color: #10b981;
    text-decoration: underline;
}

.vacancy-description a:hover {
    color: #34d399;
}

.vacancy-description br {
    display: block;
    margin-bottom: 0.25rem;
    content: "";
}

/* ==========================================================================
   INTERACTIVE 3D & PREMIUM GLASSMORPHISM V2
   ========================================================================== */

#bg-3d-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

.glass-card-interactive {
    position: relative;
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
    transform-style: preserve-3d;
    perspective: 1000px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
    will-change: transform;
}

/* Invisible hit-box buffer prevents 3D edge flickering / loop */
.glass-card-interactive::after {
    content: "";
    position: absolute;
    inset: -12px;
    z-index: -1;
    pointer-events: auto;
    border-radius: inherit;
}

.glass-card-interactive:hover {
    border-color: rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 30px 60px rgba(16, 185, 129, 0.15) !important;
    transform: translateY(-6px) rotateX(2deg) rotateY(-1.5deg) scale3d(1.015, 1.015, 1.015) !important;
}

body.light-mode .glass-card-interactive {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .glass-card-interactive:hover {
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.1) !important;
    transform: translateY(-6px) rotateX(2deg) rotateY(-1.5deg) scale3d(1.015, 1.015, 1.015) !important;
}

/* Light Mode Icon Badge Legibility & Vibrance */
body.light-mode .bg-emerald-500\/10 {
    background-color: #d1fae5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}
body.light-mode .bg-emerald-500\/10 svg,
body.light-mode .text-emerald-500 svg,
body.light-mode .text-emerald-400 svg,
body.light-mode .glass-card-interactive .text-emerald-500 svg {
    color: #047857 !important;
    stroke: #047857 !important;
    opacity: 1 !important;
}

body.light-mode .bg-amber-500\/10 {
    background-color: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #b45309 !important;
}
body.light-mode .bg-amber-500\/10 svg,
body.light-mode .text-amber-500 svg,
body.light-mode .text-amber-400 svg,
body.light-mode .glass-card-interactive .text-amber-500 svg {
    color: #b45309 !important;
    stroke: #b45309 !important;
    opacity: 1 !important;
}

body.light-mode .bg-blue-500\/10 {
    background-color: #dbeafe !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}
body.light-mode .bg-blue-500\/10 svg,
body.light-mode .text-blue-500 svg,
body.light-mode .text-blue-400 svg,
body.light-mode .glass-card-interactive .text-blue-500 svg {
    color: #1d4ed8 !important;
    stroke: #1d4ed8 !important;
    opacity: 1 !important;
}

body.light-mode .bg-teal-500\/10 {
    background-color: #ccfbf1 !important;
    border-color: #99f6e4 !important;
    color: #0f766e !important;
}
body.light-mode .bg-teal-500\/10 svg,
body.light-mode .text-teal-400 svg,
body.light-mode .glass-card-interactive .text-teal-400 svg {
    color: #0f766e !important;
    stroke: #0f766e !important;
    opacity: 1 !important;
}

body.light-mode .bg-pink-500\/10 {
    background-color: #fce7f3 !important;
    border-color: #fbcfe8 !important;
    color: #be185d !important;
}
body.light-mode .bg-pink-500\/10 svg,
body.light-mode .text-pink-400 svg,
body.light-mode .glass-card-interactive .text-pink-400 svg {
    color: #be185d !important;
    stroke: #be185d !important;
    opacity: 1 !important;
}

body.light-mode .bg-cyan-500\/10 {
    background-color: #cffafe !important;
    border-color: #a5f3fc !important;
    color: #0e7490 !important;
}
body.light-mode .bg-cyan-500\/10 svg,
body.light-mode .text-cyan-400 svg,
body.light-mode .glass-card-interactive .text-cyan-400 svg {
    color: #0e7490 !important;
    stroke: #0e7490 !important;
    opacity: 1 !important;
}

body.light-mode .bg-purple-500\/10 {
    background-color: #f3e8ff !important;
    border-color: #e9d5ff !important;
    color: #7e22ce !important;
}
body.light-mode .bg-purple-500\/10 svg,
body.light-mode .text-purple-400 svg,
body.light-mode .glass-card-interactive .text-purple-400 svg {
    color: #7e22ce !important;
    stroke: #7e22ce !important;
    opacity: 1 !important;
}

/* Light Mode Card Titles & Typography */
body.light-mode .glass-card-interactive h3,
body.light-mode .glass-card-interactive h2,
body.light-mode .glass-card-interactive .counter-number {
    color: #0f172a !important;
}

body.light-mode .glass-card-interactive p {
    color: #475569 !important;
}

/* B2B Preview Button Contrast */
body.light-mode .b2b-preview-box a[href="talent.html"],
body.light-mode a.b2b-cta-btn {
    background: #047857 !important;
    color: #ffffff !important;
    border: 1px solid #065f46 !important;
    box-shadow: 0 4px 12px rgba(4, 120, 87, 0.25) !important;
}
body.light-mode .b2b-preview-box a[href="talent.html"]:hover,
body.light-mode a.b2b-cta-btn:hover {
    background: #064e3b !important;
    color: #ffffff !important;
}

/* Radar Center Core Hub Light Mode */
body.light-mode .network-core-hub {
    background: #ffffff !important;
    border: 1.5px solid rgba(16, 185, 129, 0.45) !important;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.15) !important;
}
body.light-mode #hub-dynamic-content .text-slate-900,
body.light-mode #hub-dynamic-content .text-white {
    color: #0f172a !important;
}
body.light-mode #hub-dynamic-content .text-slate-700,
body.light-mode #hub-dynamic-content .text-slate-200,
body.light-mode #hub-dynamic-content .text-slate-400 {
    color: #475569 !important;
}
body.light-mode #hub-dynamic-content .text-emerald-400 {
    color: #047857 !important;
}

/* NEON GLOW EFFECTS */
.glow-emerald {
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.25);
}

.glow-emerald-hover:hover {
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.4);
}

/* 3D FLOATING ANIMATION */
@keyframes float3d {
    0% { transform: translateY(0px) rotateX(0deg) rotateY(0deg); }
    50% { transform: translateY(-10px) rotateX(1.5deg) rotateY(1.5deg); }
    100% { transform: translateY(0px) rotateX(0deg) rotateY(0deg); }
}

.animate-float-3d {
    animation: float3d 8s ease-in-out infinite;
    transform-style: preserve-3d;
}

/* 3D DEPTH TRANSLATIONS */
.preserve-3d {
    transform-style: preserve-3d;
}

.translate-z-10 {
    transform: translateZ(10px);
}

.translate-z-20 {
    transform: translateZ(20px);
}

.translate-z-30 {
    transform: translateZ(30px);
}

.translate-z-40 {
    transform: translateZ(40px);
}
/* Career roadmap custom active states */
.step-indicator {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.step-indicator.active-step {
    background: #10b981 !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 15px #10b981, 0 0 30px rgba(16, 185, 129, 0.6) !important;
    transform: scale(1.3);
}

/* Scroll Reveal Animations - Instant visibility on fast scroll */
.reveal-item {
    opacity: 1;
    transform: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.reveal-item.revealed {
    opacity: 1;
    transform: none;
}

/* ==========================================
   🎮 BUG HUNT GAME CSS CLASSES
   ========================================== */
.flipped-bug {
    transform: scaleY(-1) !important;
    transition: transform 0.3s ease;
}

@keyframes shake-anim {
    0%, 100% { transform: scaleY(-1) rotate(0deg); }
    20% { transform: scaleY(-1) rotate(-3deg) translateX(-2px); }
    40% { transform: scaleY(-1) rotate(3deg) translateX(2px); }
    60% { transform: scaleY(-1) rotate(-1.5deg) translateX(-1px); }
    80% { transform: scaleY(-1) rotate(1.5deg) translateX(1px); }
}

.flipped-bug.game-active:hover {
    animation: shake-anim 0.4s ease infinite;
    cursor: pointer;
}

@keyframes spin-anim {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinning-logo {
    animation: spin-anim 2.5s linear infinite !important;
    cursor: pointer;
}

.scrambled-text {
    color: #ef4444 !important;
    text-shadow: 2px 2px #3b82f6;
    cursor: pointer;
    position: relative;
}

.scrambled-text::after {
    content: ' [BUG]';
    font-size: 8px;
    vertical-align: super;
    color: #3b82f6;
}

.catchable-btn {
    border: 2px dashed #ef4444 !important;
    animation: pulse-border-anim 1.5s infinite !important;
}

@keyframes pulse-border-anim {
    0%, 100% { border-color: #ef4444; }
    50% { border-color: transparent; }
}

/* Sleek styling and overrides for header game button */
#bugHuntGameToggle {
    background: rgba(16, 185, 129, 0.06) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    color: #34d399 !important; /* emerald-400 */
    transition: all 0.3s ease !important;
}

#bugHuntGameToggle:hover {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
    color: #10b981 !important; /* emerald-500 */
}

body.light-mode #bugHuntGameToggle {
    background: rgba(5, 150, 105, 0.04) !important;
    border: 1px solid rgba(5, 150, 105, 0.15) !important;
    color: #059669 !important; /* emerald-600 */
}

body.light-mode #bugHuntGameToggle:hover {
    background: rgba(5, 150, 105, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.3) !important;
    color: #047857 !important; /* emerald-700 */
}

#bugHuntGameToggle.active-game {
    background: rgba(239, 68, 68, 0.08) !important;
    border-color: rgba(239, 68, 68, 0.25) !important;
    color: #ef4444 !important; /* red-500 */
}

body.light-mode #bugHuntGameToggle.active-game {
    background: rgba(239, 68, 68, 0.06) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #dc2626 !important; /* red-600 */
}

#mobileBugHuntFAB.active-game {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* ==========================================
   💡 LIGHT MODE OVERRIDES FOR BUG HUNT MODAL
   ========================================== */
body.light-mode #gameSuccessModal .modal-backdrop {
    background-color: rgba(15, 23, 42, 0.4) !important;
}

body.light-mode #gameSuccessModal .glass-card-modal {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode #gameSuccessModal .modal-title {
    color: #0f172a !important;
}

body.light-mode #gameSuccessModal .modal-badge-card {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #334155 !important;
}

body.light-mode #gameSuccessModal .modal-badge-card h4 {
    color: #0f172a !important;
}

body.light-mode #gameSuccessModal .modal-badge-card p {
    color: #475569 !important;
}

body.light-mode #gameSuccessModal .modal-badge-card span {
    color: #64748b !important;
}

body.light-mode #gameSuccessModal .modal-close-btn {
    color: #64748b !important;
}

body.light-mode #gameSuccessModal .modal-close-btn:hover {
    color: #0f172a !important;
}

@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(-8px);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 2s infinite !important;
}

/* Sizzling neon breathing glow for game buttons */
@keyframes glow-pulse {
    0%, 100% {
        box-shadow: 0 4px 10px rgba(16, 185, 129, 0.05), 0 0 0px transparent;
        border-color: rgba(16, 185, 129, 0.25);
    }
    50% {
        box-shadow: 0 4px 18px rgba(16, 185, 129, 0.15), 0 0 8px rgba(16, 185, 129, 0.05);
        border-color: rgba(16, 185, 129, 0.55);
    }
}

@keyframes glow-pulse-light {
    0%, 100% {
        box-shadow: 0 4px 10px rgba(5, 150, 105, 0.03), 0 0 0px transparent;
        border-color: rgba(5, 150, 105, 0.15);
    }
    50% {
        box-shadow: 0 4px 18px rgba(5, 150, 105, 0.1), 0 0 6px rgba(5, 150, 105, 0.03);
        border-color: rgba(5, 150, 105, 0.35);
    }
}

.animate-glow-pulse {
    animation: glow-pulse 2s infinite ease-in-out !important;
    transition: all 0.3s ease;
}

/* Light mode overrides for glow pulse */
body.light-mode .animate-glow-pulse {
    animation: glow-pulse-light 2s infinite ease-in-out !important;
}

/* ==========================================
   Resolved Bug Glowing Effect
   ========================================== */
@keyframes resolved-glow-anim {
    0%, 100% {
        box-shadow: 0 0 0px transparent;
        border-color: transparent;
    }
    30%, 70% {
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.9), inset 0 0 10px rgba(16, 185, 129, 0.4);
        border-color: #10b981 !important;
    }
}
.bug-resolved-glow {
    animation: resolved-glow-anim 2s ease-in-out !important;
    outline: 2px solid #10b981 !important;
    outline-offset: 4px !important;
}

/* Light mode overrides for progress tracker */
body.light-mode #gameProgressTracker {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}
body.light-mode #gameProgressTracker #trackerDots span:not(.bg-emerald-500) {
    background-color: #cbd5e1 !important;
}

/* Light mode overrides for contactModal */
body.light-mode #contactModal .modal-backdrop {
    background-color: rgba(15, 23, 42, 0.4) !important;
}

body.light-mode #contactModal .glass-card-modal {
    background-color: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode #contactModal h2 {
    color: #0f172a !important;
}

body.light-mode #contactModal p {
    color: #475569 !important;
}

body.light-mode #contactModal #waCourseSelect {
    background-color: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1e293b !important;
}

body.light-mode #contactModal button[onclick="closeAllModals()"] {
    background-color: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    color: #64748b !important;
}
body.light-mode #contactModal button[onclick="closeAllModals()"]:hover {
    color: #ef4444 !important;
}

/* ==========================================================================
   2026 DESIGN SYSTEM ENHANCEMENTS (AMBIESH MESH, SLIDE-OVER DRAWER, ACCENTS)
   ========================================================================== */

/* Ambient Glow Blobs */
.ambient-glow-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.ambient-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.28;
    animation: floatBlob 18s infinite ease-in-out alternate;
    will-change: transform;
}

body.light-mode .ambient-blob {
    opacity: 0.16;
}

.ambient-blob-1 {
    top: -5%;
    left: 15%;
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.55), transparent 70%);
}

.ambient-blob-2 {
    bottom: 10%;
    right: 5%;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.4), transparent 70%);
}

.ambient-blob-3 {
    top: 40%;
    left: 35%;
    width: 550px;
    height: 550px;
    background: radial-gradient(circle, rgba(5, 150, 105, 0.3), transparent 70%);
}

@keyframes floatBlob {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(40px, -30px) scale(1.1); }
    100% { transform: translate(-30px, 40px) scale(0.95); }
}

/* Slide-Over Drawer UI */
.drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.7);
    backdrop-filter: blur(8px);
    z-index: 90;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.drawer-backdrop.active {
    opacity: 1;
    pointer-events: auto;
}

.slide-over-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 560px;
    z-index: 95;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(24px);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: -20px 0 50px rgba(0, 0, 0, 0.5);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.slide-over-panel.active {
    transform: translateX(0);
}

/* Sidebar Nav Group Label */
.nav-group-label {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #64748b;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    items-center: center;
    justify-content: space-between;
}

/* Enhanced Card Elevate and Interactive Micro-interactions */
.stat-card {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.stat-card:hover {
    border-color: rgba(16, 185, 129, 0.3) !important;
    background: rgba(16, 185, 129, 0.05) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px -10px rgba(16, 185, 129, 0.18) !important;
}

.glass-card {
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
    border-color: rgba(255, 255, 255, 0.15);
}

/* Text and iconography sharpness preservation */
.glass-card-interactive h3,
.glass-card-interactive p,
.glass-card-interactive svg,
.glass-card-interactive span {
    -webkit-font-smoothing: subpixel-antialiased;
}

/* ========================================================
   3D INSTRUCTOR STAGE & ORBIT CAROUSEL STYLES
   ======================================================== */
.stage-container {
    perspective: 1200px;
    perspective-origin: 50% 35%;
}

.orbit-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    will-change: transform;
    pointer-events: none;
    z-index: 10;
}

.company-card-3d {
    pointer-events: auto;
    position: absolute;
    top: 35%;
    left: 50%;
    width: 218px;
    height: 116px;
    margin-left: -109px;
    margin-top: -58px;
    padding: 11px 13px !important;
    border-radius: 1.15rem;
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 
        0 16px 36px rgba(0, 0, 0, 0.65),
        0 2px 8px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(16, 185, 129, 0.08);
    transform-style: preserve-3d;
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
    cursor: pointer;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.company-card-3d * {
    max-width: 100%;
    box-sizing: border-box;
}

.company-card-3d .icon-tile {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 0.65rem !important;
    padding: 5px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.company-card-3d .company-logo-img {
    max-height: 32px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.company-card-3d .skill-logo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.company-card-3d .role-text,
.company-card-3d .name-text,
.company-card-3d .card-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
}

.company-card-3d:hover {
    border-color: rgba(52, 211, 153, 0.7) !important;
    box-shadow: 
        0 20px 45px rgba(0, 0, 0, 0.8),
        0 0 25px rgba(16, 185, 129, 0.35);
    background: #1e293b !important;
}

/* Mobile Responsive Scale for 3D Cards, Portrait & Stage */
@media (max-width: 640px) {
    #stage-viewport {
        height: 380px !important;
    }
    .teacher-portrait-wrapper {
        width: 240px !important;
        height: 320px !important;
    }
    .company-card-3d {
        width: 154px !important;
        height: 90px !important;
        margin-left: -77px !important;
        margin-top: -45px !important;
        padding: 8px 10px !important;
        border-radius: 0.85rem !important;
        top: 30% !important;
    }
    .company-card-3d .card-title {
        font-size: 0.75rem !important;
        line-height: 1.1 !important;
    }
    .company-card-3d .icon-tile {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        border-radius: 0.45rem !important;
        padding: 3px !important;
    }
    .company-card-3d .company-logo-img {
        max-height: 22px !important;
    }
    .company-card-3d .role-text {
        font-size: 0.625rem !important;
        line-height: 1.1 !important;
    }
    .company-card-3d .name-text {
        font-size: 0.525rem !important;
        line-height: 1.1 !important;
    }
}

/* Teacher Hero Image Container */
.teacher-portrait-wrapper {
    position: relative;
    z-index: 100 !important;
    pointer-events: none;
    transform: translateZ(80px);
    mask-image: linear-gradient(to bottom, black 0%, black 84%, rgba(0,0,0,0.4) 93%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 84%, rgba(0,0,0,0.4) 93%, transparent 100%);
}

.teacher-img {
    filter: drop-shadow(0 20px 35px rgba(0, 0, 0, 0.45)) contrast(1.03) brightness(1.02);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
}

/* Green glow removed behind teacher */
.backlight-glow {
    display: none !important;
}

.teacher-tab {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.teacher-tab.active {
    background: rgba(16, 185, 129, 0.2) !important;
    border-color: rgba(16, 185, 129, 0.8) !important;
    color: #34d399 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.3) !important;
}

/* Light Mode Overrides for 3D Stage */
body.light-mode .stage-container {
    background: none !important;
}

body.light-mode .company-card-3d {
    background: #ffffff !important;
    border: 1px solid rgba(203, 213, 225, 0.85) !important;
    box-shadow: 
        0 14px 30px rgba(15, 23, 42, 0.09),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

body.light-mode .company-card-3d:hover {
    background: #f8fafc !important;
    border-color: rgba(16, 185, 129, 0.7) !important;
    box-shadow: 
        0 20px 40px rgba(15, 23, 42, 0.14),
        0 0 25px rgba(16, 185, 129, 0.25) !important;
}

/* Natural vibrant logos in light mode: invert white company text to dark while keeping brand colors */
body.light-mode .company-card-3d .company-logo-img:not([src*="istqb"]):not([src*="goldenpay"]) {
    filter: invert(0.92) hue-rotate(180deg) drop-shadow(0 1px 2px rgba(0,0,0,0.06)) !important;
}

body.light-mode .company-card-3d .company-logo-img[src*="istqb"],
body.light-mode .company-card-3d .company-logo-img[src*="goldenpay"] {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06)) !important;
}

.company-card-3d .icon-tile:has(img[src*="istqb"]) {
    background: #ffffff !important;
    padding: 3px !important;
}

body.light-mode .company-card-3d .skill-logo-img {
    filter: none !important;
}

body.light-mode .teacher-tab {
    background: #ffffff !important;
    border-color: rgba(203, 213, 225, 0.85) !important;
    color: #475569 !important;
}

body.light-mode .teacher-tab.active {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.6) !important;
    color: #059669 !important;
}

body.light-mode .company-card-3d .border-white\/10 {
    border-color: rgba(226, 232, 240, 0.95) !important;
}

body.light-mode .company-card-3d .card-title,
body.light-mode .company-card-3d span {
    color: #0f172a !important;
}

body.light-mode .company-card-3d p.role-text {
    color: #059669 !important;
}

body.light-mode .company-card-3d p.name-text {
    color: #64748b !important;
}

body.light-mode .company-card-3d .icon-tile {
    background: #f1f5f9 !important;
    border-color: rgba(203, 213, 225, 0.8) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

body.light-mode #hud-left-title,
body.light-mode #hud-right-title {
    color: #0f172a !important;
}

body.light-mode #hud-left-sub,
body.light-mode #hud-right-sub {
    color: #64748b !important;
}

body.light-mode .teacher-img {
    filter: drop-shadow(0 15px 30px rgba(15, 23, 42, 0.15)) contrast(1.02) !important;
}

.pill-badge {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

body.light-mode .pill-badge {
    background: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
    color: #d97706 !important;
}

body.light-mode .teacher-hero-title {
    color: #0f172a !important;
}

body.light-mode .teacher-hero-title span {
    color: #334155 !important;
}

body.light-mode #teacher-name {
    color: #0f172a !important;
}

body.light-mode #teacher-desc {
    color: #475569 !important;
}

body.light-mode #teacherModal .glass-card {
    background: #ffffff !important;
    border-color: rgba(203, 213, 225, 0.8) !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15) !important;
}

body.light-mode #modalName,
body.light-mode #modalCompany,
body.light-mode #modalContent h3 {
    color: #0f172a !important;
}

body.light-mode #modalBio {
    color: #334155 !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
}

body.light-mode #modalContent li {
    color: #334155 !important;
}

/* ===== Universal Marketing Floating CTA Styles (Dark & Light Mode Isolation) ===== */
#marketingFloatingCta,
#marketingFloatingCta * {
    box-sizing: border-box !important;
}

#marketingFloatingCta {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 99999 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    pointer-events: auto !important;
}

/* Speech Bubble Tooltip in Dark Mode */
#ctaSpeechBubble {
    background: #0f172a !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
    border-radius: 1rem !important;
    padding: 0.75rem 0.875rem !important;
    max-width: 250px !important;
}

#ctaSpeechBubble .cta-bubble-title {
    color: #f8fafc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 3px 0 !important;
}

#ctaSpeechBubble .cta-bubble-desc {
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

#ctaSpeechBubble .cta-bubble-tail {
    position: absolute !important;
    bottom: -7px !important;
    right: 24px !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 7px solid #0f172a !important;
}

#closeCtaBubble {
    position: absolute !important;
    top: -9px !important;
    right: -9px !important;
    background: #1e293b !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    color: #f8fafc !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    touch-action: manipulation !important;
    transition: all 0.2s ease !important;
}

#closeCtaBubble:hover,
#closeCtaBubble:active {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    transform: scale(1.1) !important;
}

/* Light Mode Overrides for Speech Bubble */
body.light-mode #ctaSpeechBubble {
    background: #ffffff !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12), 0 0 15px rgba(16, 185, 129, 0.15) !important;
}

body.light-mode #ctaSpeechBubble .cta-bubble-title {
    color: #0f172a !important;
}

body.light-mode #ctaSpeechBubble .cta-bubble-desc {
    color: #475569 !important;
}

body.light-mode #ctaSpeechBubble .cta-bubble-tail {
    border-top: 7px solid #ffffff !important;
}

body.light-mode #closeCtaBubble {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    color: #475569 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode #closeCtaBubble:hover,
body.light-mode #closeCtaBubble:active {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
}

/* Round WhatsApp Floating Button (Both Modes) */
#marketingFloatingCta .cta-round-btn {
    position: relative !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.45), 0 4px 10px rgba(0,0,0,0.2) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    margin-right: 4px !important;
}

#marketingFloatingCta .cta-round-btn:hover {
    transform: scale(1.1) rotate(5deg) !important;
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.65), 0 6px 15px rgba(0,0,0,0.25) !important;
}

#marketingFloatingCta .cta-round-btn:active {
    transform: scale(0.95) !important;
}

/* Pulsing Ambient Ring */
#marketingFloatingCta .cta-pulse-ring {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    border: 2px solid rgba(37, 211, 102, 0.6) !important;
    background: rgba(37, 211, 102, 0.12) !important;
    animation: waPulse 2.4s cubic-bezier(0.24, 0, 0.38, 1) infinite !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

@keyframes waPulse {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    60% {
        transform: scale(1.45);
        opacity: 0;
    }
    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}

/* Small Green Online Dot */
#marketingFloatingCta .cta-online-badge {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 12px !important;
    height: 12px !important;
    background: #10b981 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}

/* WhatsApp SVG Icon */
#marketingFloatingCta .cta-wa-svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
    filter: none !important;
    shape-rendering: geometricPrecision !important;
}

/* Mobile Specific Non-Overlapping Symmetrical Layout */
@media (max-width: 767px) {
    /* WhatsApp Floating Button - Neatly positioned on the RIGHT side above bottom nav */
    #marketingFloatingCta {
        bottom: 106px !important;
        right: 16px !important;
        left: auto !important;
        z-index: 850 !important;
    }
    
    #marketingFloatingCta .cta-round-btn {
        width: 48px !important;
        height: 48px !important;
        box-shadow: 0 8px 20px rgba(37, 211, 102, 0.45) !important;
    }
    
    #marketingFloatingCta .cta-wa-svg {
        width: 26px !important;
        height: 26px !important;
    }
    
    #ctaSpeechBubble {
        max-width: 220px !important;
        padding: 0.5rem 0.75rem !important;
        right: 0 !important;
    }
    
    /* Bug Hunt Button ("İNTUİSİYANI YOXLA") - Neatly positioned on the LEFT side above bottom nav */
    #mobileBugHuntFAB {
        left: 16px !important;
        right: auto !important;
        bottom: 106px !important;
        height: 44px !important;
        padding: 0 16px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 9999px !important;
        z-index: 850 !important;
        box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35) !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    /* Bug Hunt progress tracker positioned cleanly above nav bar */
    #gameProgressTracker {
        bottom: 106px !important;
        z-index: 950 !important;
    }
}

/* =========================================================
   ARTICLE PAGES - LIGHT MODE REFINEMENTS
   ========================================================= */

body.light-mode article.glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    color: #1e293b !important;
}

body.light-mode article.glass-card h1,
body.light-mode article.glass-card h2,
body.light-mode article.glass-card h3,
body.light-mode article.glass-card h4 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.light-mode article.glass-card p,
body.light-mode article.glass-card li {
    color: #334155 !important;
}

body.light-mode article.glass-card li strong {
    color: #0f172a !important;
}

body.light-mode article.glass-card .text-slate-300,
body.light-mode article.glass-card .text-slate-400 {
    color: #475569 !important;
}

body.light-mode article.glass-card .text-slate-200 {
    color: #1e293b !important;
}

/* Color Accent Refinements in Light Mode */
body.light-mode article.glass-card .text-emerald-400 {
    color: #059669 !important;
}

body.light-mode article.glass-card .text-teal-400 {
    color: #0d9488 !important;
}

body.light-mode article.glass-card .text-cyan-400 {
    color: #0284c7 !important;
}

body.light-mode article.glass-card .text-rose-400 {
    color: #e11d48 !important;
}

body.light-mode article.glass-card .text-amber-400 {
    color: #d97706 !important;
}

body.light-mode article.glass-card .text-blue-400 {
    color: #2563eb !important;
}

body.light-mode article.glass-card .text-purple-400 {
    color: #7c3aed !important;
}

/* Top Meta Badges in Light Mode */
body.light-mode article.glass-card .pill-badge,
body.light-mode article.glass-card .inline-flex.rounded-full.bg-white\/5 {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

body.light-mode article.glass-card .pill-badge strong {
    color: #0f172a !important;
}

/* Author Bio Card in Light Mode */
body.light-mode .author-bio-card,
body.light-mode div.bg-slate-900\/60,
body.light-mode article.glass-card div[class*="bg-slate-900"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .author-bio-card h4,
body.light-mode article.glass-card div[class*="bg-slate-900"] h4 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.light-mode .author-bio-card p,
body.light-mode article.glass-card div[class*="bg-slate-900"] p {
    color: #475569 !important;
}

body.light-mode .author-bio-card span[class*="text-emerald"] {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
}

/* Article Cards & Boxes in Light Mode (FAQ, Tips, Callouts) */
body.light-mode article.glass-card .bg-white\/5,
body.light-mode article.glass-card div[class*="bg-white/5"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode article.glass-card .border-white\/10,
body.light-mode article.glass-card *[class*="border-white"] {
    border-color: #e2e8f0 !important;
}

/* Code Blocks in Light Mode - Sleek Dark Terminal Editor */
body.light-mode article.glass-card pre,
body.light-mode article.glass-card .bg-slate-950 {
    background: #0f172a !important;
    color: #34d399 !important;
    border: 1px solid #1e293b !important;
}

/* Tables in Light Mode */
body.light-mode article.glass-card table {
    border-color: #e2e8f0 !important;
}

body.light-mode article.glass-card thead {
    background: #f1f5f9 !important;
}

body.light-mode article.glass-card thead th {
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

body.light-mode article.glass-card tbody td {
    color: #334155 !important;
    border-color: #f1f5f9 !important;
}

/* Header & Footer on Article Pages in Light Mode */
body.light-mode header.glass-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-mode footer.bg-slate-950\/60 {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}

/* ========================================================
   CAREER NETWORK VISUALIZATION (PREMIUM TECH ECOSYSTEM)
   ======================================================== */
.career-network-section {
    position: relative;
    width: 100%;
}

.network-stage {
    position: relative;
    width: 100%;
}

@media (max-width: 1023px) {
    .network-stage {
        display: none !important;
    }
    .mobile-network-container {
        display: block !important;
        width: 100% !important;
    }
}

@media (min-width: 1024px) {
    .network-stage {
        display: block !important;
        min-height: 580px;
    }
    .mobile-network-container {
        display: none !important;
    }
}

/* SVG Connection Canvas */
.network-svg-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.synapse-path {
    fill: none;
    stroke: rgba(16, 185, 129, 0.25);
    stroke-width: 1.5;
    stroke-dasharray: 6 10;
    animation: synapseFlow 25s linear infinite;
    transition: stroke 0.4s ease, stroke-width 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
}

.synapse-path.active {
    stroke: rgba(16, 185, 129, 0.9) !important;
    stroke-width: 2.5 !important;
    filter: drop-shadow(0 0 8px rgba(16, 185, 129, 0.7));
}

@keyframes synapseFlow {
    from { stroke-dashoffset: 320; }
    to { stroke-dashoffset: 0; }
}

/* Orbital Rings */
.orbit-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.orbit-ring-1 {
    width: 360px;
    height: 360px;
    border: 1px dashed rgba(16, 185, 129, 0.18);
    animation: orbitRotate 60s linear infinite;
}

.orbit-ring-2 {
    width: 520px;
    height: 520px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    animation: orbitRotateRev 80s linear infinite;
}

body.light-mode .orbit-ring-1 {
    border-color: rgba(16, 185, 129, 0.25);
}
body.light-mode .orbit-ring-2 {
    border-color: rgba(0, 0, 0, 0.06);
}

@keyframes orbitRotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes orbitRotateRev {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}

/* Center Core Hub */
.network-core-hub {
    position: relative;
    z-index: 10;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

@media (min-width: 1024px) {
    .network-stage .network-core-hub {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

body:not(.light-mode) .network-core-hub {
    background: radial-gradient(circle at center, rgba(16, 185, 129, 0.15) 0%, rgba(15, 23, 42, 0.88) 75%) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 0 60px -10px rgba(16, 185, 129, 0.28), inset 0 0 25px rgba(16, 185, 129, 0.1) !important;
}

body.light-mode .network-core-hub {
    background: radial-gradient(circle at center, rgba(16, 185, 129, 0.08) 0%, #ffffff 85%) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    box-shadow: 0 20px 50px -10px rgba(16, 185, 129, 0.18), 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

/* Satellite Sector Nodes */
.network-node {
    position: relative;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    z-index: 5;
    will-change: transform, box-shadow;
}

@media (min-width: 1024px) {
    .network-stage .network-node {
        position: absolute !important;
    }
    
    /* Invisible Hitbox Buffer to completely prevent edge flicker when translateY occurs on desktop */
    .network-stage .network-node::after {
        content: '';
        position: absolute;
        top: -12px;
        bottom: -12px;
        left: -12px;
        right: -12px;
        z-index: -1;
        pointer-events: auto;
    }
}

@media (max-width: 1023px) {
    .network-node {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
        display: block !important;
    }
    .network-node::after {
        display: none !important;
    }
}

.network-node:hover {
    z-index: 10;
}

.network-node.dimmed {
    opacity: 0.65 !important;
}

body:not(.light-mode) .network-node {
    background: rgba(15, 23, 42, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

body:not(.light-mode) .network-node:hover {
    background: rgba(15, 23, 42, 0.96) !important;
    border-color: rgba(16, 185, 129, 0.6) !important;
    box-shadow: 0 16px 45px -10px rgba(16, 185, 129, 0.35) !important;
}

body.light-mode .network-node {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .network-node:hover {
    background: #ffffff !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 16px 35px -10px rgba(16, 185, 129, 0.2) !important;
}

/* ========================================================
   CAREER NETWORK: AVATAR TOOLTIPS & GRADUATE MODAL THEMES
   ======================================================== */

/* Avatar Tooltips */
.avatar-tooltip {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 60;
    white-space: nowrap;
    border-radius: 0.75rem;
    padding: 0.45rem 0.75rem;
}

.group\/avatar:hover .avatar-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

body:not(.light-mode) .avatar-tooltip {
    background: rgba(15, 23, 42, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.6) !important;
}
body:not(.light-mode) .avatar-tooltip .tooltip-name {
    color: #ffffff !important;
}
body:not(.light-mode) .avatar-tooltip .tooltip-meta {
    color: #34d399 !important;
}
body:not(.light-mode) .avatar-tooltip .tooltip-company {
    color: #cbd5e1 !important;
}

body.light-mode .avatar-tooltip {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.14), 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .avatar-tooltip .tooltip-name {
    color: #0f172a !important;
}
body.light-mode .avatar-tooltip .tooltip-meta {
    color: #059669 !important;
}
body.light-mode .avatar-tooltip .tooltip-company {
    color: #475569 !important;
}

/* Modal Styling */
#sector-graduate-modal.active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#sector-graduate-modal.active .modal-content-box {
    transform: scale(1) translateY(0) !important;
}

/* Dark Mode Modal */
body:not(.light-mode) #sector-graduate-modal .modal-content-box {
    background: #0f172a !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #f8fafc !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7) !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-header-border {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
body:not(.light-mode) #sector-graduate-modal #modal-sector-title {
    color: #ffffff !important;
}
body:not(.light-mode) #sector-graduate-modal #modal-sector-count {
    color: #34d399 !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-graduate-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-graduate-card:hover {
    border-color: rgba(16, 185, 129, 0.35) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-graduate-name {
    color: #ffffff !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-graduate-role {
    color: #94a3b8 !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-company-pill {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-close-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #94a3b8 !important;
}
body:not(.light-mode) #sector-graduate-modal .modal-close-btn:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

/* Light Mode Modal */
body.light-mode #sector-graduate-modal .modal-content-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode #sector-graduate-modal .modal-header-border {
    border-color: #f1f5f9 !important;
}
body.light-mode #sector-graduate-modal #modal-sector-title {
    color: #0f172a !important;
}
body.light-mode #sector-graduate-modal #modal-sector-count {
    color: #059669 !important;
}
body.light-mode #sector-graduate-modal .modal-graduate-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-mode #sector-graduate-modal .modal-graduate-card:hover {
    border-color: rgba(16, 185, 129, 0.4) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}
body.light-mode #sector-graduate-modal .modal-graduate-name {
    color: #0f172a !important;
}
body.light-mode #sector-graduate-modal .modal-graduate-role {
    color: #64748b !important;
}
body.light-mode #sector-graduate-modal .modal-company-pill {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}
body.light-mode #sector-graduate-modal .modal-close-btn {
    background: #f1f5f9 !important;
    color: #64748b !important;
}
body.light-mode #sector-graduate-modal .modal-close-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
body.light-mode #sector-graduate-modal #modal-view-all-link {
    color: #059669 !important;
}
body.light-mode #sector-graduate-modal #modal-view-all-link:hover {
    color: #047857 !important;
}

/* ========================================================
   UNIFIED INTERACTIVE TESTIMONIALS & SPOTLIGHT SYSTEM
   ======================================================== */

/* Pinned Sector Node State */
.network-node.pinned-sector {
    border-color: rgba(16, 185, 129, 0.8) !important;
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.25), inset 0 0 15px rgba(16, 185, 129, 0.1) !important;
}
body.light-mode .network-node.pinned-sector {
    border-color: #059669 !important;
    box-shadow: 0 12px 30px rgba(5, 150, 105, 0.15) !important;
    background: #ffffff !important;
}

/* Unified Testimonial Card */
.testimonial-unified-card {
    position: relative;
    border-radius: 1.75rem;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: default;
}

body:not(.light-mode) .testimonial-unified-card {
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.5);
}
body:not(.light-mode) .testimonial-unified-card:hover {
    border-color: rgba(16, 185, 129, 0.4);
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -10px rgba(16, 185, 129, 0.15);
}

body.light-mode .testimonial-unified-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .testimonial-unified-card:hover {
    border-color: rgba(5, 150, 105, 0.4) !important;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -10px rgba(5, 150, 105, 0.14) !important;
}

/* Spotlight Highlight (When avatar is clicked) */
.testimonial-unified-card.card-spotlight {
    animation: spotlightPulse 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    z-index: 20;
}

@keyframes spotlightPulse {
    0% {
        transform: scale(0.98);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    20% {
        transform: scale(1.03) translateY(-6px);
        box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.5), 0 25px 50px -10px rgba(16, 185, 129, 0.35);
    }
    70% {
        transform: scale(1.02) translateY(-4px);
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.4), 0 20px 40px -10px rgba(16, 185, 129, 0.25);
    }
    100% {
        transform: scale(1) translateY(0);
        box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.3);
    }
}

#testimonials-cards-wrapper.has-spotlight .testimonial-unified-card:not(.card-spotlight) {
    opacity: 0.45;
    filter: blur(0.5px);
    transform: scale(0.98);
}

/* Smooth Fade / Transition for dynamic swaps */
.testimonials-transition-fade-out {
    opacity: 0 !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.testimonials-transition-fade-in {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Pagination Dots */
.testimonial-nav-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(148, 163, 184, 0.3);
    cursor: pointer;
    transition: all 0.25s ease;
}
.testimonial-nav-dot.active {
    width: 24px;
    background: #10b981;
}
body.light-mode .testimonial-nav-dot {
    background: #cbd5e1;
}
body.light-mode .testimonial-nav-dot.active {
    background: #059669;
}

/* Testimonial Text & Author Typography */
.testimonial-unified-text {
    font-size: 0.9375rem;
    line-height: 1.65;
    font-weight: 400;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 2;
}
body:not(.light-mode) .testimonial-unified-text {
    color: #cbd5e1;
}
body.light-mode .testimonial-unified-text {
    color: #334155;
}

.testimonial-unified-author {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}
body.light-mode .testimonial-unified-author {
    border-top-color: #f1f5f9;
}

.testimonial-unified-avatar {
    width: 2.75rem !important;
    height: 2.75rem !important;
    min-width: 2.75rem !important;
    min-height: 2.75rem !important;
    max-width: 2.75rem !important;
    max-height: 2.75rem !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
    border-width: 1px !important;
}

body.light-mode .testimonial-unified-card h4 {
    color: #0f172a !important;
}
body.light-mode .testimonial-unified-card p {
    color: #475569;
}
body.light-mode .testimonial-unified-card .company-badge {
    background: rgba(5, 150, 105, 0.08) !important;
    color: #047857 !important;
    border-color: rgba(5, 150, 105, 0.2) !important;
}

/* ==========================================================================
   B2B EMPLOYERS & TALENT HUB SHOWCASE BANNER
   ========================================================================== */
.b2b-showcase-banner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 2.25rem;
    padding: 2.25rem 1.5rem;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    transform: none !important;
    perspective: none !important;
    transform-style: flat !important;
    will-change: auto !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

body.light-mode .b2b-showcase-banner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.06) !important;
}

.b2b-showcase-banner:hover {
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 25px 60px rgba(16, 185, 129, 0.12) !important;
}

@media (min-width: 768px) {
    .b2b-showcase-banner {
        padding: 3.5rem 3rem;
        border-radius: 3rem;
    }
}

.b2b-showcase-grid {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    position: relative;
    z-index: 10;
    width: 100%;
}

@media (min-width: 1024px) {
    .b2b-showcase-grid {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 3.5rem;
    }
    .b2b-content-col {
        flex: 1.35;
        min-width: 0;
    }
    .b2b-preview-col {
        flex: 0.95;
        width: 100%;
        max-width: 440px;
        min-width: 340px;
        flex-shrink: 0;
    }
}

.b2b-pillars-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.875rem;
}

@media (min-width: 640px) {
    .b2b-pillars-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.b2b-pillar-card {
    padding: 1rem 0.95rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.light-mode .b2b-pillar-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

.b2b-preview-box {
    width: 100%;
    border-radius: 2rem;
    padding: 1.75rem;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.light-mode .b2b-preview-box {
    background: #ffffff !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06) !important;
}

body:not(.light-mode) .b2b-preview-box {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(20px) !important;
}

.b2b-preview-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    border-radius: 1rem;
    transition: all 0.2s ease;
}

body.light-mode .b2b-preview-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body:not(.light-mode) .b2b-preview-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* ======================================================
   TOAST NOTIFICATION COMPONENT STYLING (Light & Dark)
   ====================================================== */
#toastContainer {
    z-index: 100005 !important;
}

#toastContainer .toast-item {
    background: rgba(15, 23, 42, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

#toastContainer .toast-item p,
#toastContainer .toast-item span,
#toastContainer .toast-item div {
    color: #f1f5f9 !important;
}

#toastContainer .toast-item.toast-success,
#toastContainer .toast-item.border-emerald-500\/40 {
    border-color: rgba(16, 185, 129, 0.5) !important;
}
#toastContainer .toast-item.toast-success p,
#toastContainer .toast-item .text-emerald-300 {
    color: #6ee7b7 !important;
}

#toastContainer .toast-item.toast-error,
#toastContainer .toast-item.border-rose-500\/40 {
    border-color: rgba(244, 63, 94, 0.5) !important;
}
#toastContainer .toast-item.toast-error p,
#toastContainer .toast-item .text-rose-300 {
    color: #fda4af !important;
}

#toastContainer .toast-item.toast-warn,
#toastContainer .toast-item.border-amber-500\/40 {
    border-color: rgba(245, 158, 11, 0.5) !important;
}
#toastContainer .toast-item.toast-warn p,
#toastContainer .toast-item .text-amber-300 {
    color: #fcd34d !important;
}

#toastContainer .toast-item.toast-info,
#toastContainer .toast-item.border-sky-500\/40 {
    border-color: rgba(14, 165, 233, 0.5) !important;
}
#toastContainer .toast-item.toast-info p,
#toastContainer .toast-item .text-sky-300 {
    color: #7dd3fc !important;
}

/* Light mode toasts - clean crisp card with ultra-high contrast */
body.light-mode #toastContainer .toast-item {
    background: #ffffff !important;
    box-shadow: 0 16px 36px -6px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode #toastContainer .toast-item p,
body.light-mode #toastContainer .toast-item span,
body.light-mode #toastContainer .toast-item div {
    color: #0f172a !important;
}

body.light-mode #toastContainer .toast-item.toast-success,
body.light-mode #toastContainer .toast-item.border-emerald-500\/40 {
    border-color: #10b981 !important;
    background: #f0fdf4 !important;
}
body.light-mode #toastContainer .toast-item.toast-success p,
body.light-mode #toastContainer .toast-item .text-emerald-300,
body.light-mode #toastContainer .toast-item .text-emerald-700 {
    color: #065f46 !important; /* High contrast dark emerald */
    font-weight: 700 !important;
}

body.light-mode #toastContainer .toast-item.toast-error,
body.light-mode #toastContainer .toast-item.border-rose-500\/40 {
    border-color: #f43f5e !important;
    background: #fff1f2 !important;
}
body.light-mode #toastContainer .toast-item.toast-error p,
body.light-mode #toastContainer .toast-item .text-rose-300,
body.light-mode #toastContainer .toast-item .text-rose-700 {
    color: #9f1239 !important; /* High contrast dark rose */
    font-weight: 700 !important;
}

body.light-mode #toastContainer .toast-item.toast-warn,
body.light-mode #toastContainer .toast-item.border-amber-500\/40 {
    border-color: #f59e0b !important;
    background: #fffbeb !important;
}
body.light-mode #toastContainer .toast-item.toast-warn p,
body.light-mode #toastContainer .toast-item .text-amber-300,
body.light-mode #toastContainer .toast-item .text-amber-700 {
    color: #92400e !important; /* High contrast dark amber */
    font-weight: 700 !important;
}

body.light-mode #toastContainer .toast-item.toast-info,
body.light-mode #toastContainer .toast-item.border-sky-500\/40 {
    border-color: #0ea5e9 !important;
    background: #f0f9ff !important;
}
body.light-mode #toastContainer .toast-item.toast-info p,
body.light-mode #toastContainer .toast-item .text-sky-300,
body.light-mode #toastContainer .toast-item .text-sky-700 {
    color: #075985 !important; /* High contrast dark sky */
    font-weight: 700 !important;
}

/* ==========================================================================
   MARKETING FLOATING CTA WIDGET (WHATSAPP)
   ========================================================================== */
#marketingFloatingCta {
    position: fixed !important;
    bottom: 1.5rem !important;
    right: 1.5rem !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 0.5rem !important;
    user-select: none !important;
    pointer-events: auto !important;
}

@media (max-width: 768px) {
    #marketingFloatingCta {
        bottom: 5.5rem !important;
        right: 1rem !important;
    }
}

/* Guarantee hiding of floating widgets when any modal is open */
body.modal-open #marketingFloatingCta,
body:has(#syllabusModal:not(.hidden)) #marketingFloatingCta,
#marketingFloatingCta.hidden-by-modal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.modal-open #mobileBugHuntFAB,
body:has(#syllabusModal:not(.hidden)) #mobileBugHuntFAB,
#mobileBugHuntFAB.hidden-by-modal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.cta-round-btn {
    width: 3.75rem !important;
    height: 3.75rem !important;
    border-radius: 9999px !important;
    background: #25D366 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.45) !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.cta-round-btn:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.6) !important;
    background: #20ba5a !important;
}

.cta-round-btn:active {
    transform: scale(0.95) !important;
}

.cta-pulse-ring {
    position: absolute !important;
    inset: -4px !important;
    border-radius: 9999px !important;
    background: rgba(37, 211, 102, 0.35) !important;
    animation: ctaPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    pointer-events: none !important;
}

@keyframes ctaPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.25);
        opacity: 0;
    }
}

.cta-online-badge {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 14px !important;
    height: 14px !important;
    background: #10b981 !important;
    border: 2px solid #ffffff !important;
    border-radius: 9999px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

body.dark-mode .cta-online-badge,
.dark .cta-online-badge {
    border-color: #0f172a !important;
}

.cta-wa-svg {
    width: 2rem !important;
    height: 2rem !important;
    fill: #ffffff !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) !important;
}

#ctaSpeechBubble {
    position: relative !important;
    max-width: 260px !important;
    padding: 0.875rem 1rem !important;
    border-radius: 1.25rem !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.15) !important;
    color: #1e293b !important;
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    margin-bottom: 0.25rem !important;
}

body.dark-mode #ctaSpeechBubble,
.dark #ctaSpeechBubble {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.4) !important;
    color: #f8fafc !important;
}

#closeCtaBubble {
    position: absolute !important;
    top: 0.5rem !important;
    right: 0.5rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9999px !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    cursor: pointer !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    transition: color 0.15s ease, background-color 0.15s ease !important;
}

#closeCtaBubble:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

body.dark-mode #closeCtaBubble:hover,
.dark #closeCtaBubble:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.cta-bubble-title {
    font-weight: 700 !important;
    font-size: 0.8125rem !important;
    margin: 0 0 0.25rem 0 !important;
    padding-right: 1rem !important;
    color: #0f172a !important;
}

body.dark-mode .cta-bubble-title,
.dark .cta-bubble-title {
    color: #ffffff !important;
}

.cta-bubble-desc {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    color: #475569 !important;
}

body.dark-mode .cta-bubble-desc,
.dark .cta-bubble-desc {
    color: #cbd5e1 !important;
}

.cta-bubble-tail {
    position: absolute !important;
    bottom: -6px !important;
    right: 1.5rem !important;
    width: 12px !important;
    height: 12px !important;
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transform: rotate(45deg) !important;
}

body.dark-mode .cta-bubble-tail,
.dark .cta-bubble-tail {
    background: #1e293b !important;
    border-right-color: rgba(255, 255, 255, 0.12) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

/* ==========================================================================
   📱 HIGH PERFORMANCE MOBILE OPTIMIZATIONS (ZERO JANK & 60 FPS SCROLLING)
   ========================================================================== */
@media (max-width: 768px) {
    *, *::before, *::after {
        -webkit-tap-highlight-color: transparent;
    }
    
    body, html {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }

    /* Clean, high-performance scrolling without GPU layer explosion */
    .glass-card,
    .glass-panel,
    .feature-card,
    .course-card {
        backface-visibility: hidden;
    }

    /* Disable GPU-heavy backdrop-filter blurs on mobile */
    .glass-card,
    .glass-panel,
    .backdrop-blur-md,
    .backdrop-blur-lg,
    .backdrop-blur-xl,
    .backdrop-blur-2xl,
    .backdrop-blur-3xl {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* ==========================================================================
   🎯 PRACTICE SIMULATOR TEASER CARD (SITE TYPOGRAPHY & HARMONIOUS CONTRAST)
   ========================================================================== */
.practice-teaser-container {
    border-radius: 2.5rem !important;
    position: relative;
    overflow: hidden;
    border: 1.5px solid rgba(16, 185, 129, 0.3) !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(6, 78, 59, 0.4) 100%) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    font-family: var(--font-primary) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}
.practice-teaser-container .teaser-badge {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #34d399 !important;
    font-weight: 600 !important;
    font-family: var(--font-primary) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.practice-teaser-container .teaser-title {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: var(--font-primary) !important;
    letter-spacing: -0.05em !important;
    line-height: 1.15 !important;
}
.practice-teaser-container .teaser-title span {
    color: #34d399 !important;
}
.practice-teaser-container .teaser-desc {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    font-family: var(--font-primary) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.65 !important;
}
.practice-teaser-container .teaser-cta-btn {
    background: linear-gradient(135deg, #10b981 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: var(--font-primary) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 0 35px -5px rgba(16, 185, 129, 0.45) !important;
}
.practice-teaser-container .teaser-cta-btn * {
    color: #ffffff !important;
}
.practice-teaser-container .teaser-cta-btn:hover {
    background: linear-gradient(135deg, #34d399 0%, #14b8a6 100%) !important;
    box-shadow: 0 0 45px -5px rgba(16, 185, 129, 0.6) !important;
}
.practice-teaser-container .teaser-subtext {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    font-family: var(--font-primary) !important;
}
.practice-teaser-container .teaser-preview-box {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
}
.practice-teaser-container .teaser-preview-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.practice-teaser-container .teaser-item-title {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: var(--font-primary) !important;
}
.practice-teaser-container .teaser-item-desc {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    font-family: var(--font-primary) !important;
}

/* Light Mode: 100% Solid Crisp White Background, Authentic QA Academy Typography */
body.light-mode .practice-teaser-container,
html.light-mode .practice-teaser-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(16, 185, 129, 0.08) !important;
}
body.light-mode .practice-teaser-container .teaser-badge,
html.light-mode .practice-teaser-container .teaser-badge {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    color: #059669 !important;
    font-weight: 600 !important;
}
body.light-mode .practice-teaser-container .teaser-title,
html.light-mode .practice-teaser-container .teaser-title {
    color: #0f172a !important;
    font-weight: 500 !important;
    letter-spacing: -0.05em !important;
}
body.light-mode .practice-teaser-container .teaser-title span,
html.light-mode .practice-teaser-container .teaser-title span {
    color: #10b981 !important;
}
body.light-mode .practice-teaser-container .teaser-desc,
html.light-mode .practice-teaser-container .teaser-desc {
    color: #64748b !important;
    font-weight: 400 !important;
}
body.light-mode .practice-teaser-container .teaser-cta-btn,
html.light-mode .practice-teaser-container .teaser-cta-btn {
    background: linear-gradient(to right, #10b981, #14b8a6) !important;
    color: #ffffff !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.35) !important;
    font-weight: 500 !important;
}
body.light-mode .practice-teaser-container .teaser-cta-btn *,
html.light-mode .practice-teaser-container .teaser-cta-btn * {
    color: #ffffff !important;
    fill: #ffffff !important;
}
body.light-mode .practice-teaser-container .teaser-cta-btn:hover,
html.light-mode .practice-teaser-container .teaser-cta-btn:hover {
    background: linear-gradient(to right, #059669, #0d9488) !important;
    box-shadow: 0 15px 35px -5px rgba(16, 185, 129, 0.45) !important;
}
body.light-mode .practice-teaser-container .teaser-subtext,
html.light-mode .practice-teaser-container .teaser-subtext {
    color: #64748b !important;
    font-weight: 500 !important;
}
body.light-mode .practice-teaser-container .teaser-preview-box,
html.light-mode .practice-teaser-container .teaser-preview-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .practice-teaser-container .teaser-preview-box .font-mono,
html.light-mode .practice-teaser-container .teaser-preview-box .font-mono {
    color: #0f172a !important;
}
body.light-mode .practice-teaser-container .teaser-preview-item,
html.light-mode .practice-teaser-container .teaser-preview-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
body.light-mode .practice-teaser-container .teaser-item-title,
html.light-mode .practice-teaser-container .teaser-item-title {
    color: #0f172a !important;
    font-weight: 500 !important;
}
body.light-mode .practice-teaser-container .teaser-item-desc,
html.light-mode .practice-teaser-container .teaser-item-desc {
    color: #64748b !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   🎓 SYLLABUS MODAL & COURSE FORMAT BAR ENHANCEMENTS
   ========================================================================== */
#syllabusModal {
    overflow: hidden !important;
}
/* =========================================================================
   SYLLABUS MODAL: ADVANCED RESPONSIVE & HIGH CONTRAST (LIGHT & DARK)
   ========================================================================= */
#syllabusModal .glass-card {
    height: 90vh !important;
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(10, 11, 20, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
}
#syllabusModal .syllabus-modal-body {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
}
#syllabusModal #modalContent {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
#syllabusModal #modalNavigation {
    min-height: 0 !important;
    overflow-y: auto !important;
}

/* Dedicated Footer Bar Styles (Desktop) */
#syllabusModal .syllabus-footer-bar {
    padding: 0.85rem 1.75rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(15, 23, 42, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#syllabusModal .syllabus-format-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    flex: 1 1 auto !important;
}
#syllabusModal .syllabus-format-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.65rem !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 0.875rem !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
    flex: 1 1 160px !important;
    min-width: 140px !important;
    transition: all 0.2s ease !important;
}
#syllabusModal .syllabus-format-card:hover {
    border-color: rgba(16, 185, 129, 0.4) !important;
}
#syllabusModal .syllabus-format-card-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
#syllabusModal .syllabus-format-card-subtitle {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
}
#syllabusModal .syllabus-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #10b981 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 20px -4px rgba(16, 185, 129, 0.4) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
#syllabusModal .syllabus-cta-btn:hover {
    background: linear-gradient(135deg, #34d399 0%, #14b8a6 100%) !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 12px 25px -4px rgba(16, 185, 129, 0.55) !important;
}
#syllabusModal .syllabus-cta-btn * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* =========================================================================
   LIGHT MODE: CRYSTAL-CLEAR HIGH CONTRAST TYPOGRAPHY & CARDS
   ========================================================================= */
body.light-mode #syllabusModal .glass-card,
html.light-mode #syllabusModal .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.16) !important;
}
body.light-mode #syllabusModal .syllabus-footer-bar,
html.light-mode #syllabusModal .syllabus-footer-bar {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}
body.light-mode #syllabusModal .syllabus-format-card,
html.light-mode #syllabusModal .syllabus-format-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode #syllabusModal .syllabus-format-card:hover,
html.light-mode #syllabusModal .syllabus-format-card:hover {
    border-color: rgba(16, 185, 129, 0.5) !important;
}
body.light-mode #syllabusModal .syllabus-format-card-title,
html.light-mode #syllabusModal .syllabus-format-card-title {
    color: #0f172a !important;
    font-weight: 700 !important;
}
body.light-mode #syllabusModal .syllabus-format-card-subtitle,
html.light-mode #syllabusModal .syllabus-format-card-subtitle {
    color: #475569 !important;
}

body.light-mode #syllabusModal #modalTitle {
    color: #0f172a !important;
}
body.light-mode #syllabusModal #modalDuration {
    color: #059669 !important;
    font-weight: 800 !important;
}
body.light-mode #syllabusModal #modalNavigation {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body.light-mode #syllabusModal #modalNavigation button {
    color: #334155 !important;
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body.light-mode #syllabusModal #modalNavigation button:hover,
body.light-mode #syllabusModal #modalNavigation button.active {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border-color: #10b981 !important;
    font-weight: 700 !important;
}

/* Light mode content deep contrast */
body.light-mode #syllabusModal #modalContent h3 {
    color: #047857 !important;
    border-color: #e2e8f0 !important;
    font-weight: 800 !important;
}
body.light-mode #syllabusModal #modalContent h4 {
    color: #0f172a !important;
    font-weight: 700 !important;
}
body.light-mode #syllabusModal #modalContent p,
body.light-mode #syllabusModal #modalContent span {
    color: #1e293b !important;
}
body.light-mode #syllabusModal #modalContent a {
    color: #047857 !important;
    font-weight: 700 !important;
}
body.light-mode #syllabusModal #modalContent .text-white {
    color: #0f172a !important;
}
body.light-mode #syllabusModal #modalContent .text-slate-300,
body.light-mode #syllabusModal #modalContent .text-slate-400,
body.light-mode #syllabusModal #modalContent .text-slate-500 {
    color: #334155 !important;
    font-weight: 500 !important;
}
body.light-mode #syllabusModal #modalContent li {
    color: #0f172a !important;
    font-weight: 500 !important;
}
body.light-mode #syllabusModal #modalContent li span:last-child {
    color: #0f172a !important;
}
body.light-mode #syllabusModal #modalContent .group {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode #syllabusModal #modalContent .group:hover {
    border-color: #10b981 !important;
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.08) !important;
}
body.light-mode #syllabusModal #modalContent .bg-slate-500\/5,
body.light-mode #syllabusModal #modalContent .bg-white\/5 {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-mode #syllabusModal #modalContent .bg-emerald-500\/5 {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}
body.light-mode #syllabusModal #modalContent .border-white\/5 {
    border-color: #e2e8f0 !important;
}

/* =========================================================================
   MOBILE & TABLET RESPONSIVE SYLLABUS LAYOUT (< 768px)
   ========================================================================= */
#syllabusModal.hidden {
    display: none !important;
}

@media (max-width: 768px) {
    #syllabusModal {
        position: fixed !important;
        inset: 0 !important;
        padding-top: max(0.65rem, env(safe-area-inset-top, 0px)) !important;
        padding-bottom: max(0.65rem, env(safe-area-inset-bottom, 0px)) !important;
        padding-left: max(0.5rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        z-index: 100000 !important;
    }
    #syllabusModal.hidden {
        display: none !important;
    }
    #syllabusModal.flex:not(.hidden) {
        display: flex !important;
    }
    #syllabusModal .glass-card {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 78vh !important;
        max-height: calc(100svh - max(1.3rem, env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))) !important;
        max-height: calc(100dvh - max(1.3rem, env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))) !important;
        border-radius: 1.25rem !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    #syllabusModal .border-b.flex.items-center.justify-between {
        padding: 0.6rem 0.85rem !important;
        flex-shrink: 0 !important;
        min-height: 52px !important;
    }
    #syllabusModal #modalTitle {
        font-size: 1.15rem !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    #syllabusModal #modalDuration {
        font-size: 9px !important;
        letter-spacing: 0.15em !important;
        margin-top: 2px !important;
    }
    #syllabusModal #modalIcon {
        width: 2.25rem !important;
        height: 2.25rem !important;
        border-radius: 0.65rem !important;
        flex-shrink: 0 !important;
    }
    #syllabusModal #modalIcon svg {
        width: 1.15rem !important;
        height: 1.15rem !important;
    }
    #syllabusModal .border-b.flex.items-center.justify-between button[onclick="closeAllModals()"] {
        width: 2.25rem !important;
        height: 2.25rem !important;
        border-radius: 0.65rem !important;
        flex-shrink: 0 !important;
    }
    #syllabusModal #modalNavigation {
        padding: 0.35rem 0.65rem !important;
        gap: 0.35rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        flex-shrink: 0 !important;
    }
    body.light-mode #syllabusModal #modalNavigation {
        border-bottom-color: #e2e8f0 !important;
    }
    #syllabusModal #modalNavigation button {
        padding: 0.3rem 0.6rem !important;
        font-size: 11px !important;
        border-radius: 0.5rem !important;
        flex-shrink: 0 !important;
    }
    
    /* Body & Content scrolling */
    #syllabusModal .syllabus-modal-body {
        flex: 1 1 0% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    #syllabusModal #modalContent {
        flex: 1 1 0% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0.75rem 0.85rem 1rem 0.85rem !important;
        box-sizing: border-box !important;
    }
    #syllabusModal .space-y-16 {
        margin-top: 0 !important;
    }
    #syllabusModal .space-y-16 > div {
        margin-bottom: 1.15rem !important;
    }
    #syllabusModal .space-y-16 > div:last-child {
        margin-bottom: 0 !important;
    }
    #syllabusModal #modalContent h3 {
        margin-top: 0.85rem !important;
        margin-bottom: 0.65rem !important;
        font-size: 0.85rem !important;
        letter-spacing: 0.12em !important;
        text-align: left !important;
    }
    #syllabusModal #modalContent .group {
        padding: 1.15rem 1rem !important;
        border-radius: 1.15rem !important;
        margin-bottom: 0.85rem !important;
        box-sizing: border-box !important;
    }
    #syllabusModal #modalContent .group h4 {
        font-size: 0.95rem !important;
        line-height: 1.4 !important;
        margin-top: 0.15rem !important;
        padding-right: 0.25rem !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
    #syllabusModal #modalContent .space-y-6 {
        margin-top: 0 !important;
    }
    #syllabusModal #modalContent .space-y-6 > * + * {
        margin-top: 0.65rem !important;
    }
    #syllabusModal #modalContent .grid-cols-4,
    #syllabusModal #modalContent .grid.gap-6 {
        padding: 1rem !important;
        border-radius: 1.15rem !important;
        gap: 0.65rem !important;
    }
    #syllabusModal #modalContent .rounded-\[2\.5rem\],
    #syllabusModal #modalContent .rounded-\[3rem\] {
        border-radius: 1.15rem !important;
        padding: 1rem !important;
    }

    /* COMPACT MOBILE FOOTER: 3-column micro-badges + full-width CTA */
    #syllabusModal .syllabus-footer-bar {
        flex-direction: column !important;
        padding: 0.45rem 0.65rem !important;
        gap: 0.35rem !important;
        flex-shrink: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
    body.light-mode #syllabusModal .syllabus-footer-bar {
        border-top-color: #e2e8f0 !important;
    }
    #syllabusModal .syllabus-format-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.35rem !important;
        width: 100% !important;
    }
    #syllabusModal .syllabus-format-card {
        padding: 0.3rem 0.4rem !important;
        border-radius: 0.55rem !important;
        min-width: 0 !important;
        gap: 0.3rem !important;
        justify-content: center !important;
        align-items: center !important;
        flex: unset !important;
        width: auto !important;
    }
    #syllabusModal .syllabus-format-card > div:first-child {
        width: 20px !important;
        height: 20px !important;
        border-radius: 0.35rem !important;
    }
    #syllabusModal .syllabus-format-card svg {
        width: 11px !important;
        height: 11px !important;
    }
    #syllabusModal .syllabus-format-card-title {
        font-size: 9px !important;
        font-weight: 700 !important;
        white-space: normal !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    #syllabusModal .syllabus-format-card-subtitle {
        display: none !important;
    }
    #syllabusModal .syllabus-cta-btn {
        width: 100% !important;
        padding: 0.6rem 0.85rem !important;
        font-size: 11px !important;
        min-height: 40px !important;
        border-radius: 0.75rem !important;
        flex-shrink: 0 !important;
    }
}

/* Certificate Modal - Action Buttons */
.cert-portfolio-btn,
body.light-mode .cert-portfolio-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.65rem 1.25rem !important;
    min-height: 48px !important;
    background: linear-gradient(135deg, #059669 0%, #0d9488 50%, #10b981 100%) !important;
    color: #ffffff !important;
    border-radius: 0.875rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

body.light-mode .cert-portfolio-btn {
    background: linear-gradient(135deg, #059669 0%, #0d9488 100%) !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.25) !important;
    border: 1px solid rgba(5, 150, 105, 0.3) !important;
}

.cert-portfolio-btn:hover,
body.light-mode .cert-portfolio-btn:hover {
    transform: translateY(-2px) scale(1.01) !important;
    box-shadow: 0 8px 22px rgba(5, 150, 105, 0.45) !important;
    background: linear-gradient(135deg, #047857 0%, #0f766e 100%) !important;
    color: #ffffff !important;
}

.cert-portfolio-btn:active,
body.light-mode .cert-portfolio-btn:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Force pure white text and icons in both light and dark mode */
.cert-portfolio-btn,
.cert-portfolio-btn *,
body.light-mode .cert-portfolio-btn,
body.light-mode .cert-portfolio-btn *,
body.light-mode .cert-portfolio-btn span,
body.light-mode .cert-portfolio-btn p,
body.light-mode .cert-portfolio-btn div {
    color: #ffffff !important;
}

.cert-portfolio-btn svg,
body.light-mode .cert-portfolio-btn svg {
    color: #ffffff !important;
}

.cert-portfolio-btn svg[stroke],
body.light-mode .cert-portfolio-btn svg[stroke] {
    stroke: #ffffff !important;
}

.cert-portfolio-btn svg[fill="currentColor"],
body.light-mode .cert-portfolio-btn svg[fill="currentColor"] {
    fill: #ffffff !important;
}

.cert-portfolio-btn-icon,
body.light-mode .cert-portfolio-btn-icon {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 0.6rem !important;
    background: rgba(255, 255, 255, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

.cert-portfolio-btn-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    line-height: 1.25 !important;
}

.cert-portfolio-btn-badge,
body.light-mode .cert-portfolio-btn-badge {
    font-size: 8.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 700 !important;
    opacity: 0.9 !important;
    color: #d1fae5 !important;
    display: block !important;
}

.cert-portfolio-btn-title,
body.light-mode .cert-portfolio-btn-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: #ffffff !important;
    display: block !important;
    white-space: nowrap !important;
}

.cert-portfolio-btn-arrow,
body.light-mode .cert-portfolio-btn-arrow {
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0.25rem !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

/* LinkedIn Button */
.cert-linkedin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.25rem !important;
    min-height: 48px !important;
    border-radius: 0.875rem !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Light mode LinkedIn button: clean card with blue accent */
body.light-mode .cert-linkedin-btn {
    background: #f0f7ff !important;
    color: #0a66c2 !important;
    border: 1px solid #bfdbfe !important;
    box-shadow: 0 2px 8px rgba(10, 102, 194, 0.08) !important;
}

body.light-mode .cert-linkedin-btn .cert-linkedin-btn-text {
    color: #0a66c2 !important;
}

body.light-mode .cert-linkedin-btn svg {
    fill: #0a66c2 !important;
}

body.light-mode .cert-linkedin-btn:hover {
    background: #0a66c2 !important;
    border-color: #0a66c2 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(10, 102, 194, 0.25) !important;
}

body.light-mode .cert-linkedin-btn:hover .cert-linkedin-btn-text {
    color: #ffffff !important;
}

body.light-mode .cert-linkedin-btn:hover svg {
    fill: #ffffff !important;
}

/* Dark mode LinkedIn button */
body:not(.light-mode) .cert-linkedin-btn {
    background: rgba(10, 102, 194, 0.18) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(96, 165, 250, 0.35) !important;
}

body:not(.light-mode) .cert-linkedin-btn .cert-linkedin-btn-text {
    color: #93c5fd !important;
}

body:not(.light-mode) .cert-linkedin-btn svg {
    fill: #60a5fa !important;
}

body:not(.light-mode) .cert-linkedin-btn:hover {
    background: #0a66c2 !important;
    color: #ffffff !important;
    border-color: #0a66c2 !important;
    transform: translateY(-1px) !important;
}

body:not(.light-mode) .cert-linkedin-btn:hover .cert-linkedin-btn-text {
    color: #ffffff !important;
}

body:not(.light-mode) .cert-linkedin-btn:hover svg {
    fill: #ffffff !important;
}

/* =========================================================================
   PUBLIC MOBILE MENU DRAWER (High-Performance Backdrop Blur & Styling)
   ========================================================================= */
#publicMobileMenuDrawer {
    background: rgba(3, 7, 18, 0.88) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
}

body.light-mode #publicMobileMenuDrawer {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-header {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-brand {
    color: #0f172a !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-close-btn {
    color: #475569 !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-close-btn:hover {
    color: #0f172a !important;
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-nav a:not([href*="practice"]) {
    color: #0f172a !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-nav a:not([href*="practice"]):hover {
    background: rgba(16, 185, 129, 0.08) !important;
    color: #059669 !important;
}

body.light-mode #publicMobileMenuDrawer .drawer-nav a[href*="practice"] {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #047857 !important;
}

/* =========================================================================
   BUG HUNT TOGGLE & MOBILE FAB RESPONSIVE DISPLAY
   ========================================================================= */
@media (min-width: 768px) {
    #bugHuntGameToggle {
        display: inline-flex !important;
    }
    #mobileBugHuntFAB {
        display: none !important;
    }
}
@media (max-width: 767px) {
    #bugHuntGameToggle {
        display: none !important;
    }
    #mobileBugHuntFAB {
        display: flex !important;
    }
}

/* =========================================================================
   CORE RESPONSIVE UTILITIES SAFEGUARD (md: and lg:)
   ========================================================================= */
.hidden {
    display: none !important;
}

@media (min-width: 768px) {
    .md\:hidden {
        display: none !important;
    }
    .md\:flex {
        display: flex !important;
    }
    .md\:block {
        display: block !important;
    }
    .md\:inline {
        display: inline !important;
    }
    .md\:inline-flex {
        display: inline-flex !important;
    }
    .md\:grid {
        display: grid !important;
    }
}

@media (min-width: 1024px) {
    .lg\:hidden {
        display: none !important;
    }
    .lg\:block {
        display: block !important;
    }
    .lg\:flex {
        display: flex !important;
    }
    .lg\:grid {
        display: grid !important;
    }
}

/* Ensure mobile bottom navigation bar is always a 5-column grid on mobile */
@media (max-width: 767px) {
    nav.grid-cols-5,
    nav.grid.grid-cols-5 {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center !important;
    }
}