@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:#f97316;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:#4c1d95;--color-purple-600:#2e1065;--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#2e1065;--color-primary-fixed:#e5deff;--color-secondary:#006e2a;--color-background:#fcf8ff;--color-on-background:#1a1a2e;--color-on-surface-variant:#474555;--color-outline:#787587}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-16{top:calc(var(--spacing) * -16)}.top-0{top:calc(var(--spacing) * 0)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-16{bottom:calc(var(--spacing) * -16)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-16{left:calc(var(--spacing) * -16)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-\[2px\]{height:2px}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-5{width:calc(var(--spacing) * 5)}.w-12{width:calc(var(--spacing) * 12)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-6\.5{min-width:calc(var(--spacing) * 6.5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-green-400{border-color:var(--color-green-400)}.border-primary\/10{border-color:#2e10651a}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.border-primary\/20{border-color:#2e106533}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.border-primary\/30{border-color:#2e10654d}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-purple-50{border-color:var(--color-purple-50)}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/50{border-color:color-mix(in oklab, var(--color-slate-200) 50%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[\#f8f7ff\]{background-color:#f8f7ff}.bg-\[var\(--q-bg\)\]{background-color:var(--q-bg)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-green-50{background-color:var(--color-green-50)}.bg-primary{background-color:var(--color-primary)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-primary\/5{background-color:#2e10650d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-primary\/10{background-color:#2e10651a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400\/10{background-color:#c07eff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-400\/10{background-color:color-mix(in oklab, var(--color-purple-400) 10%, transparent)}}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-on-background{color:var(--color-on-background)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-orange-500{color:var(--color-orange-500)}.text-outline{color:var(--color-outline)}.text-primary{color:var(--color-primary)}.text-purple-300{color:var(--color-purple-300)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary{color:var(--color-secondary)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-yellow-700{color:var(--color-yellow-700)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/5{--tw-shadow-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.shadow-black\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/10{--tw-shadow-color:#2e10651a}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/20{--tw-shadow-color:#2e106533}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/25{--tw-shadow-color:#2e106540}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/20{--tw-shadow-color:#006e2a33}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-secondary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.shadow-slate-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/60{--tw-shadow-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.shadow-slate-200\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--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,)}.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-md{--tw-backdrop-blur:blur(var(--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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-purple-400:hover{border-color:var(--color-purple-400)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-primary\/5:hover{background-color:#2e10650d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.hover\:bg-primary\/90:hover{background-color:#2e1065e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-secondary\/90:hover{background-color:#006e2ae6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-primary\/20:hover{--tw-shadow-color:#2e106533}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-primary\/30:hover{--tw-shadow-color:#2e10654d}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/30:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/10:focus{--tw-ring-color:#2e10651a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.focus\:ring-purple-100:focus{--tw-ring-color:var(--color-purple-100)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:w-1\/2{width:50%}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_1\.25fr\]{grid-template-columns:1fr 1.25fr}.md\:flex-row{flex-direction:row}.md\:p-16{padding:calc(var(--spacing) * 16)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-14{padding-block:calc(var(--spacing) * 14)}}@media (width>=80rem){.xl\:gap-8{gap:calc(var(--spacing) * 8)}}}:root{--scrollY:0px}body{font-family:var(--font-sans);background-color:var(--color-background);min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:800;line-height:1.1}.body-text{font-family:var(--font-sans);font-weight:400;line-height:1.5}.body-text-medium{font-family:var(--font-sans);font-weight:500;line-height:1.6}.btn-typography{font-family:var(--font-sans);letter-spacing:.01em;font-weight:600}.scroll-gradient-bg{background:linear-gradient(135deg,#fdf4ff 0%,#fff1f2 25%,#fff7ed 50%,#f0fdf4 75%,#eff6ff 100%);min-height:100vh;position:relative;overflow:hidden}.page-content{z-index:2;position:relative}.gradient-orb{filter:blur(100px);opacity:.5;z-index:0;pointer-events:none;border-radius:9999px;width:600px;height:600px;animation:25s ease-in-out infinite orbFloat;position:fixed}.orb-1{transform:translateY(calc(var(--scrollY) * 1.2));background:radial-gradient(circle,#e9d5ff 0%,#e9d5ff00 70%);top:-15%;left:-10%}.orb-2{transform:translateY(calc(var(--scrollY) * -1.5));background:radial-gradient(circle,#fecdd3 0%,#fecdd300 70%);animation-delay:-7s;top:30%;right:-15%}.orb-3{transform:translateY(calc(var(--scrollY) * .9));background:radial-gradient(circle,#ccfbf1 0%,#ccfbf100 70%);animation-delay:-14s;bottom:-15%;left:15%}.orb-4{opacity:.3;background:radial-gradient(circle,#dbeafe 0%,#dbeafe00 70%);width:400px;height:400px;animation-delay:-5s;top:60%;left:40%}.bg-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-symbol{-webkit-user-select:none;user-select:none;will-change:transform;position:absolute}.glass-card{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #fff9;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #1f26870d}.glass-card:hover{background:#ffffff8c;border:1px solid #fffc;transform:translateY(-10px)scale(1.01);box-shadow:0 20px 40px -10px #00000014}.achievement-widget{-webkit-backdrop-filter:blur(16px);z-index:30;pointer-events:auto;background:#ffffffa6;border:1px solid #ffffff73;border-radius:20px;align-items:center;gap:12px;padding:10px 14px;animation:5s ease-in-out infinite magicFloat;display:flex;box-shadow:0 10px 25px -5px #0000000d}.xp-widget{-webkit-backdrop-filter:blur(8px);z-index:20;background:#ffffffb3;border:1px solid #ffffffe6;animation:6s ease-in-out infinite floating-widget;box-shadow:0 4px 15px #0000000d}.hero-gradient{background:linear-gradient(135deg,#e0f2fe 0%,#f0fdf4 50%,#faf5ff 100%);border:1px solid #ffffffb3}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-70px)scale(1.15)}66%{transform:translate(-40px,40px)scale(.85)}}@keyframes magicFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes floating-widget{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-15px)translate(5px)}}@keyframes drift{0%{transform:translate(0)rotate(0)}50%{transform:translate(30px,20px)rotate(10deg)}to{transform:translate(0)rotate(0)}}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floating-up-down{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}:root{--qudra-radius-lg:28px;--qudra-radius-md:18px;--qudra-shadow-soft:0 18px 45px #2c3f581f}html{scroll-behavior:smooth}body{margin:0}.student-catalog-layout{margin-top:22px}.student-track-card .skillbar{background:#eee;border-radius:999px;height:9px;margin:12px 0 6px;overflow:hidden}.student-track-card .skillbar span{background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:999px;height:100%;display:block}.student-track-hub-hero .badge{margin-right:8px}.student-hub-badge{color:#e47031;background:#fff1e7}.student-track-panel{padding:28px}.muted-strong{color:var(--muted);font-weight:700}.student-tabs button{background:0 0;border:0;padding:14px 18px;font-weight:800}.student-tabs button.active{color:var(--purple);border-bottom:4px solid var(--purple)}.unit-card{border:1px solid var(--line);background:#fff;border-radius:24px;margin:18px 0;padding:18px;box-shadow:0 14px 34px #6c5cff0c}.unit-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.status{color:#15966e;background:#e4fff3;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-block}.lesson-row{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:10px 0;padding:16px;font-weight:800;display:grid}.lesson-row.active{background:linear-gradient(90deg,#fff7ef,#f4f0ff);border-color:#d7ccff}.lesson-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6c5cff12}.project-row{background:#fbfaff}.icon-round{color:#fff;background:#6c5cff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.icon-round.green{background:#31c996}.icon-round.gray{color:#8a90a5;background:#edf0f7}.final-project{background:#faf9ff;border:1px dashed #cabdff;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:22px;display:flex}.final-project img{object-fit:contain;width:58px;height:58px}.quiz-grade-card{padding:22px}.tab-panel{margin-top:10px}@media (width<=900px){.lesson-row{grid-template-columns:auto 1fr}.lesson-row span:last-child{grid-column:2}.final-project{flex-direction:column;align-items:flex-start}}:root{--ink:#161b3d;--muted:#65708a;--purple:#2e1065;--blue:#4c1d95;--orange:#ff8d4d;--cream:#fffaf4;--card:#fff;--line:#eee9ff;--q-primary:#2e1065;--q-primary-2:#4c1d95;--q-primary-soft:#f3ecff;--q-widget:linear-gradient(135deg,#fff 0%,#fbf7ff 52%,#f4efff 100%);--q-widget-border:#eadfff;--q-shadow:0 18px 44px #2e10651a}body{color:var(--ink);background:linear-gradient(#fffaf7,#f6f3ff 40%,#f8fbff);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.nav,.teacher-top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:1000;background:#ffffffe6;justify-content:space-between;align-items:center;height:82px;padding:0 42px;display:flex;position:sticky;top:0;overflow:visible}.logo{align-items:center;gap:12px;display:flex}.logo-mark{color:#fff;background:conic-gradient(from 210deg,#6c5cff,#4c1d95,#ff9b4a,#6c5cff);border-radius:18px;place-items:center;width:52px;height:52px;font-size:25px;font-weight:900;display:grid;box-shadow:0 12px 28px #6c5cff35}.logo b{font-size:23px}.q-letter,.orange{color:var(--orange)}.logo small{color:var(--muted);font-size:12px;display:block}.nav nav{gap:30px;font-weight:700;display:flex}.nav nav a{padding:10px 0}.nav nav a.active{color:var(--purple);border-bottom:4px solid var(--purple)}.btn{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;border:0;border-radius:15px;justify-content:center;align-items:center;margin:6px;padding:13px 22px;font-weight:800;display:inline-flex;box-shadow:0 12px 25px #6c5cff30}.btn.ghost{color:var(--purple);border:1px solid var(--line);box-shadow:none;background:#fff}.btn.small{padding:9px 13px;font-size:13px}.orange-btn{color:var(--orange)!important}.container{max-width:1220px;margin:auto;padding:26px}.hero{border:1px solid var(--line);background:linear-gradient(120deg,#fff7ef,#f3efff 55%,#eef9ff);border-radius:30px;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:350px;padding:40px;display:grid;overflow:hidden;box-shadow:0 20px 50px #6c5cff12}.hero h1{margin:8px 0 14px;font-size:54px;line-height:1.03}.hero p{color:#3f4965;font-size:18px}.hero img{object-fit:contain;width:100%;max-height:330px}.grad{background:linear-gradient(90deg,#ff9b5e,#ff7d6b,#8b7cff);color:#0000;-webkit-background-clip:text}.badge{color:#5e5ce8;background:#eef0ff;border-radius:999px;padding:8px 14px;font-weight:800;display:inline-block}.card{border:1px solid var(--line);background:#ffffffeb;border-radius:26px;box-shadow:0 18px 44px #6c5cff10}.soft{background:linear-gradient(135deg,#fff,#fbf7ff)}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.five{grid-template-columns:repeat(5,1fr)}.section-title{justify-content:space-between;align-items:center;margin:26px 0 14px;display:flex}.track-card{padding:16px}.track-card img{object-fit:contain;background:#f5f1ff;border-radius:20px;width:100%;height:140px}.level,.pill{color:#13805f;background:#ddfaec;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.pill.orange{color:#db6c34;background:#fff0e6}.pill.green{color:#169a69;background:#e3faee}.mini-progress{background:#eee;border-radius:20px;height:8px;margin:10px 0;overflow:hidden}.mini-progress span{background:linear-gradient(90deg,#6c5cff,#4c1d95);height:100%;display:block}.row{flex-wrap:wrap;gap:8px;display:flex}.info{padding:20px}.stats{border:1px solid var(--line);background:#fff;border-radius:26px;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0;padding:22px;display:grid}.stats b{text-align:center;font-size:28px}.stats small{color:var(--muted);font-size:13px;display:block}.filters{height:max-content;padding:20px}.filters button,.faq{text-align:left;background:#f6f2ff;border:0;border-radius:14px;width:100%;margin:8px 0;padding:12px;display:block}.layout{grid-template-columns:230px 1fr;gap:20px;display:grid}.search,input,textarea,select{background:#fff;border:1px solid #dedaf3;border-radius:15px;width:100%;margin:8px 0;padding:14px 16px}textarea{min-height:120px}.user-menu-wrap{z-index:3000;position:relative}.avatar-btn{background:0 0;border:0;align-items:center;gap:10px;font-weight:800;display:flex}.avatar-btn img{border-radius:50%;width:42px;height:42px}.user-menu{border:1px solid var(--line);z-index:999999;background:#fffffff7;border-radius:22px;width:235px;padding:12px;position:fixed;top:75px;right:38px;box-shadow:0 34px 90px #1e195a47}.user-menu a{border-radius:14px;padding:14px;font-weight:700;display:block}.user-menu a:hover{color:var(--purple);background:#f2edff}.mission{margin:24px 0;padding:26px}.map{background:radial-gradient(circle at 35% 15%,#cfc5ff,#0000 20%),linear-gradient(160deg,#fff8f1,#edfff5 50%,#f1eeff);border-radius:28px;height:420px;position:relative;overflow:hidden}.path{background:repeating-linear-gradient(90deg,#bba8ff 0 30px,#0000 30px 48px);border-radius:20px;height:12px;position:absolute;inset:55% 8% auto;transform:rotate(-10deg)}.map-node{width:96px;height:96px;color:var(--ink);background:#fff;border:0;border-radius:50%;place-items:center;margin:-48px;font-size:12px;display:grid;position:absolute;box-shadow:0 16px 30px #6c5cff30}.map-node span{font-size:25px}.map-node.done span{color:#fff;background:#37c99f}.map-node.current{outline:5px solid #8b7cff;animation:1.5s infinite pulse}.map-node.locked{filter:grayscale(.7);opacity:.7}.map-node b,.map-node small{display:block}.map-trophy{text-align:center;font-size:55px;position:absolute;top:10%;right:8%}.map-trophy small{color:#fff;background:#6c5cff;border-radius:999px;padding:5px 12px;font-size:13px;display:block}@keyframes pulse{50%{transform:scale(1.07)}}.track-hero{grid-template-columns:1fr 230px 230px;align-items:center;gap:24px;padding:30px;display:grid}.track-big-icon{object-fit:contain;background:#f5f1ff;border-radius:30px;width:210px;height:210px}.progress-card{text-align:center;padding:20px}.ring{background:conic-gradient(#8b7cff,#4c1d95,#6ee7d8 65%,#eaeaf5 0);border-radius:50%;place-items:center;width:180px;height:180px;margin:auto;display:grid;box-shadow:0 0 28px #6c5cff30}.ring:before{content:"";position:absolute}.ring strong{font-size:34px}.ring small{font-size:12px;display:block}.units{margin-top:20px;padding:28px}.tabs{border-bottom:1px solid var(--line);gap:14px;margin:22px 0;display:flex}.tabs button{background:0 0;border:0;padding:14px 18px;font-weight:800}.tabs .active{color:var(--purple);border-bottom:4px solid var(--purple)}.unit{margin:20px 0}.unit button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;justify-content:space-between;width:100%;margin:10px 0;padding:18px;font-weight:800;display:flex}.unit.final{background:#faf9ff;border:1px dashed #cabdff;border-radius:20px;padding:20px}.lesson{grid-template-columns:260px 1fr;gap:20px;display:grid}.lessons-list{padding:18px}.lessons-list button{text-align:left;background:0 0;border:0;width:100%;padding:12px;display:block}.lesson-content,.quiz,.success,.profile{padding:28px}pre,.code-editor textarea{color:#f8f8ff;white-space:pre-wrap;background:#101633;border-radius:20px;padding:22px}.xp-banner{gap:12px;display:flex}.xp-banner b{background:#f4f0ff;border-radius:14px;padding:12px}.success{text-align:center}.success img{width:150px}.profile-head{align-items:center;gap:24px;display:flex}.profile-head img{border-radius:50%;width:140px;height:140px}.code-editor{border:1px solid #dcd7f8;border-radius:20px;overflow:hidden}.code-editor div{color:#fff;background:#252a47;padding:12px}.code-editor span{background:#ff6b6b;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.code-editor span:nth-child(2){background:#ffd166}.code-editor span:nth-child(3){background:#06d6a0}.code-editor textarea{border:0;border-radius:0;width:100%;min-height:240px;font-family:monospace}.ok{color:#13805f;background:#e6fff4;border-radius:14px;padding:12px;font-weight:800}.auth{max-width:1180px;margin:auto;padding:30px}.auth-card{grid-template-columns:1fr 1fr;gap:24px;padding:35px;display:grid}.auth-card img{object-fit:contain;background:linear-gradient(#fff8f1,#f4f0ff);border-radius:28px;width:100%;max-height:650px}.hero-mini{background:linear-gradient(135deg,#fff7ef,#f3efff);margin-bottom:22px;padding:34px}.action-card{text-align:left;border:0;padding:24px}.builder-form{margin-top:20px;padding:24px}.student-card{text-align:left;border:0;padding:18px}.student-card small{color:var(--muted);display:block}.modal{z-index:99999;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(720px,92vw);padding:28px}.close{float:right;background:#f4f0ff;border:0;border-radius:50%;width:38px;height:38px}.table{border-collapse:collapse;width:100%;padding:20px}.table td{border-bottom:1px solid var(--line);padding:16px}@media (width<=900px){.hero,.auth-card,.track-hero,.lesson,.layout,.grid.three,.grid.four,.grid.five,.grid.two{grid-template-columns:1fr}.nav{padding:0 16px}.nav nav{gap:10px;font-size:13px}.hero h1{font-size:38px}}.hero.compact{min-height:310px}.hero .hero-img{object-fit:contain;width:100%;max-height:330px}.public-catalog-layout{margin-top:22px}.filters button.active-filter{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}.section{margin:28px 0}.panel{padding:24px}.track-img{object-fit:contain;background:#f5f1ff;border-radius:20px;width:100%;height:140px}.public-track-card,.project-card{transition:transform .18s,box-shadow .18s}.public-track-card:hover,.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 54px #6c5cff1f}.meta-row{color:var(--muted);flex-wrap:wrap;gap:12px;font-weight:800;display:flex}.mini-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.beginner-badge{color:#15966e;background:#e5fff3}.track-detail-public-hero{grid-template-columns:1.1fr .9fr}.track-detail-intro{flex-wrap:wrap;align-items:center;gap:42px;margin-top:24px;display:flex}.track-detail-logo{background:#f5f1ff;border-radius:26px;width:210px}.detail-panel .card,.skill-card{padding:20px;font-weight:800}.preview-card{text-align:center;padding:22px}.preview-card b{font-size:34px}.cta-card{background:linear-gradient(90deg,#fff3e7,#f2eaff);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.pill-tabs{flex-wrap:wrap;gap:12px;margin:0 0 22px;display:flex}.pill-tabs button{color:var(--ink);background:#f3f0ff;border:0;border-radius:999px;padding:11px 16px;font-weight:800}.pill-tabs button.active{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}.project-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.project-main-panel{padding:28px}.project-detail-head{flex-wrap:wrap;align-items:center;gap:26px;margin:18px 0;display:flex}.project-detail-image{background:#f2ecff;border-radius:22px;width:170px}.project-preview-image{background:#f2ecff;border-radius:20px;width:min(460px,100%);padding:18px}.creator-card{text-align:center;padding:24px;position:sticky;top:105px}.creator-avatar{border-radius:50%;width:82px;height:82px;margin:12px auto;display:block}.detail-tabs button{background:0 0;border:0;padding:14px 18px;font-weight:800}.detail-tabs .active{color:var(--purple);border-bottom:4px solid var(--purple)}@media (width<=900px){.project-layout,.track-detail-public-hero{grid-template-columns:1fr}.cta-card{flex-direction:column;align-items:flex-start}.creator-card{position:static}}.qudra-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:1000;background:#ffffffeb;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex;position:sticky;top:0;overflow:visible}.qudra-logo{flex-shrink:0;align-items:center;gap:2px;margin-left:-68px;text-decoration:none;transition:all .25s;display:flex}.qudra-logo:hover{transform:translateY(-1px)}.qudra-logo-icon{object-fit:contain;flex-shrink:0;width:76px;height:76px;display:block}.qudra-logo-text{flex-direction:column;justify-content:center;display:flex;transform:translate(-12px)}.qudra-logo-title{letter-spacing:-.1px;color:#3a1670;margin:0;font-size:18px;font-weight:900;line-height:.95}.qudra-logo-subtitle{color:#3c4047;margin-top:3px;margin-left:4px;font-size:9px;font-weight:600;line-height:1.1}@media (width<=1024px){.qudra-logo{gap:2px;margin-left:-34px}.qudra-logo-icon{width:64px;height:64px}.qudra-logo-title{font-size:1.24rem}.qudra-logo-subtitle{font-size:.52rem}}@media (width<=768px){.qudra-logo{gap:1px;margin-left:-8px}.qudra-logo-icon{width:52px;height:52px}.qudra-logo-title{font-size:1rem}.qudra-logo-subtitle{font-size:.46rem}}.qudra-navbar-links{flex:1;justify-content:center;align-items:center;gap:30px;font-weight:700;display:flex}.qudra-navbar-links a{color:var(--ink);padding:10px 0;transition:all .18s}.qudra-navbar-links a:hover{color:var(--purple)}.qudra-navbar-links a.active{color:var(--purple);border-bottom:4px solid var(--purple)}.qudra-navbar .nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}@media (width<=900px){.qudra-navbar{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:74px;padding:12px 18px}.qudra-logo{gap:8px}.qudra-logo-icon{width:36px;height:36px}.qudra-logo-title{font-size:17px}.qudra-logo-subtitle{font-size:8px}.qudra-navbar-links{order:3;justify-content:flex-start;gap:18px;width:100%;padding-bottom:4px;overflow-x:auto}.qudra-navbar .nav-actions{margin-left:auto}}.about-page-v2{max-width:1220px;margin:0 auto;padding:24px 26px 60px;font-weight:500}.about-hero-v2{background:radial-gradient(circle at 15% 20%,#ff8d4d29,#0000 28%),radial-gradient(circle at 85% 18%,#6c5cff29,#0000 30%),linear-gradient(135deg,#fff8ef,#f4f0ff 58%,#eef8ff);border:1px solid #eee9ff;border-radius:28px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;min-height:355px;padding:32px 36px;display:grid;overflow:hidden;box-shadow:0 18px 48px #6c5cff17}.about-chip-v2{color:#6c5cff;background:#f0ebff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.about-hero-image-wrap-v2{justify-content:center;align-items:center;display:flex}.strip-icon{background:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:25px;display:grid;box-shadow:0 10px 24px #6c5cff21}.why-icon-v2{background:#f0ebff;border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:22px;display:grid}@media (width<=950px){.about-hero-v2,.about-feature-strip-v2,.why-grid-v2,.flow-grid-v2,.about-numbers-v2{grid-template-columns:1fr}.about-hero-v2{padding:26px}.about-hero-text-v2 h1{font-size:32px}.about-numbers-v2 div{border-bottom:1px solid #eee9ff;border-right:none;padding:14px 0}.about-numbers-v2 div:last-child{border-bottom:none}.about-cta-v2{flex-direction:column;align-items:flex-start}}.help-page-v2{max-width:1220px;margin:0 auto;padding:24px 26px 60px;font-weight:500}.help-hero-v2{background:radial-gradient(circle at 15% 20%,#ff8d4d29,#0000 28%),radial-gradient(circle at 85% 18%,#6c5cff29,#0000 30%),linear-gradient(135deg,#fff8ef,#f4f0ff 58%,#eef8ff);border:1px solid #eee9ff;border-radius:28px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;min-height:350px;padding:32px 36px;display:grid;overflow:hidden;box-shadow:0 18px 48px #6c5cff17}.help-chip-v2{color:#6c5cff;background:#f0ebff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.help-hero-text-v2 h1{color:#161b3d;letter-spacing:-1px;margin:16px 0 12px;font-size:42px;font-weight:700;line-height:1.15}.help-hero-text-v2 h1 span{color:#ff6f3c;display:block}.help-hero-text-v2 p{color:#667085;max-width:500px;margin:0;font-size:14px;font-weight:500;line-height:1.8}.help-search-box-v2{background:#fff;border:1px solid #eee9ff;border-radius:16px;align-items:center;gap:10px;max-width:430px;margin-top:24px;padding:0 16px;display:flex;box-shadow:0 12px 26px #6c5cff14}.help-search-box-v2 span{color:#6c5cff;font-size:20px;font-weight:700}.help-search-box-v2 input{box-shadow:none;background:0 0;border:0;outline:none;margin:0;padding:15px 0}.help-hero-image-wrap-v2{justify-content:center;align-items:center;display:flex}.help-hero-img-v2{object-fit:contain;filter:drop-shadow(0 18px 34px #6c5cff21);width:100%;max-width:540px;height:auto;display:block}.help-fast-cards-v2{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.help-fast-card{background:#fff;border:1px solid #eee9ff;border-radius:22px;min-height:150px;padding:20px;transition:all .2s;box-shadow:0 14px 34px #6c5cff14}.help-fast-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #6c5cff24}.help-fast-card.purple{background:linear-gradient(135deg,#fff,#f1edff)}.help-fast-card.orange{background:linear-gradient(135deg,#fff,#fff1e7)}.help-fast-card.blue{background:linear-gradient(135deg,#fff,#edf8ff)}.help-fast-card.green{background:linear-gradient(135deg,#fff,#eafff5)}.help-fast-card div{background:#fff;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:25px;display:grid;box-shadow:0 10px 24px #6c5cff21}.help-fast-card h3{color:#161b3d;margin:0 0 7px;font-size:16px;font-weight:600}.help-fast-card p{color:#667085;margin:0;font-size:13.5px;font-weight:500;line-height:1.7}.help-content-grid-v2{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;margin-top:42px;display:grid}.help-faq-panel-v2,.help-contact-card-v2,.help-mini-cta-v2{background:#fff;border:1px solid #eee9ff;border-radius:24px;box-shadow:0 14px 34px #6c5cff14}.help-faq-panel-v2{padding:24px}.help-section-head-v2 h2{color:#161b3d;letter-spacing:-.4px;margin:0 0 8px;font-size:24px;font-weight:700}.help-section-head-v2 p{color:#667085;margin:0;font-size:14px;font-weight:500}.help-faq-list-v2{gap:12px;margin-top:20px;display:grid}.help-faq-item-v2{background:linear-gradient(135deg,#fff,#faf9ff);border:1px solid #eee9ff;border-radius:18px;overflow:hidden}.help-faq-item-v2 button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:17px;display:flex}.help-faq-item-v2 span{color:#6c5cff;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.help-faq-item-v2 h3{color:#161b3d;margin:0;font-size:15px;font-weight:600}.help-faq-item-v2 b{color:#6c5cff;background:#f0ebff;border-radius:12px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;font-weight:600;display:grid}.help-faq-item-v2 p{color:#667085;margin:0;padding:0 17px 17px;font-size:14px;font-weight:500;line-height:1.8}.help-faq-item-v2.open{border-color:#6c5cff47;box-shadow:0 14px 30px #6c5cff17}.help-empty-v2{text-align:center;background:#f8f6ff;border-radius:18px;padding:24px}.help-empty-v2 h3{color:#161b3d;margin:0 0 6px;font-size:17px;font-weight:600}.help-empty-v2 p{color:#667085;margin:0;font-size:14px}.help-side-panel-v2{gap:18px;display:grid}.help-contact-card-v2{padding:22px}.help-contact-card-v2 span{color:#ff6f3c;background:#fff1e7;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.help-contact-card-v2 h2{color:#161b3d;margin:14px 0 8px;font-size:23px;font-weight:700}.help-contact-card-v2 p{color:#667085;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.7}.help-contact-card-v2 input,.help-contact-card-v2 textarea{border-radius:14px;margin:0 0 10px;font-weight:500}.help-contact-card-v2 textarea{resize:vertical;min-height:115px}.help-contact-card-v2 .btn{width:100%;margin:4px 0 0}.help-success-v2{color:#13805f;background:#eafff5;border-radius:14px;margin-top:12px;padding:12px;font-size:13px;font-weight:600}.help-mini-cta-v2{background:radial-gradient(circle at 15% 20%,#ff8d4d24,#0000 30%),linear-gradient(135deg,#fff8ef,#f4f0ff);padding:22px}.help-mini-cta-v2 h3{color:#161b3d;margin:0 0 8px;font-size:19px;font-weight:700}.help-mini-cta-v2 p{color:#667085;margin:0 0 16px;font-size:14px;font-weight:500}.help-mini-cta-v2 .btn{margin:0}@media (width<=950px){.help-hero-v2,.help-fast-cards-v2,.help-content-grid-v2{grid-template-columns:1fr}.help-hero-v2{padding:26px}.help-hero-text-v2 h1{font-size:32px}}.leaderboard-page{max-width:1120px;margin:0 auto;padding:26px}.leaderboard-hero-new{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffd1,#f6f2ffc7);border-radius:30px;grid-template-columns:1.1fr .9fr;align-items:center;gap:22px;padding:34px;display:grid;box-shadow:0 18px 42px #6c5cff1a}.leaderboard-chip-new{color:#8a6200;background:#fff3c4;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.leaderboard-hero-content h1{letter-spacing:-.8px;color:#243253;max-width:560px;margin:14px 0 10px;font-size:36px;line-height:1.12}.leaderboard-word{color:#ff8d4d;font-weight:900}.leaderboard-hero-content p{max-width:500px;color:var(--muted);font-size:15px;line-height:1.7}.leaderboard-hero-image{justify-content:center;align-items:center;display:flex}.leaderboard-hero-image img{object-fit:contain;filter:drop-shadow(0 18px 34px #7c5cff29);width:100%;max-width:360px;height:auto}.podium-new{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;display:grid}.podium-new-card{border:1px solid var(--line);background:#ffffffeb;border-radius:26px;padding:22px;transition:all .2s;box-shadow:0 14px 34px #6c5cff17}.podium-new-card:hover,.board-row:hover{transform:translateY(-3px)}.place-1{background:linear-gradient(#fff7d5,#fff)}.place-2{background:linear-gradient(#eef3ff,#fff)}.place-3{background:linear-gradient(#fff0e5,#fff)}.rank-medal{color:#7a4e00;background:#ffd84d;border-radius:14px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:grid}.clean-trophy{place-items:center;width:62px;height:62px;margin:16px 0 12px;display:grid;position:relative}.clean-trophy svg{fill:none;stroke:#f5b400;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round;width:62px;height:62px}.clean-trophy span{color:#8a6200;font-size:15px;font-weight:900;position:absolute;top:14px}.place-2 .clean-trophy svg{stroke:#86a6df}.place-2 .clean-trophy span{color:#506c9f}.place-3 .clean-trophy svg{stroke:#f19a5b}.place-3 .clean-trophy span{color:#9a4f19}.clean-trophy.mini{width:38px;height:38px;margin:0}.clean-trophy.mini svg{stroke-width:4px;width:38px;height:38px}.clean-trophy.mini span{font-size:10px;top:8px}.podium-new-card h3{color:#243253;margin:0;font-size:18px}.podium-new-card p{color:var(--muted);margin:6px 0 12px;font-size:13px}.xp-yellow,.board-xp{color:#e0a500;font-weight:850}.podium-new-card .xp-yellow{box-shadow:none;background:#fff6c7bf;border-radius:999px;padding:5px 10px;font-size:14px;display:inline-flex}.podium-new-card small{color:#6c5cff;margin-top:8px;font-size:11px;font-weight:700;display:block}.podium-new-card em{color:#6c5cff;background:#f4f0ff;border-radius:999px;margin-top:8px;padding:5px 9px;font-size:10.5px;font-style:normal;font-weight:750;display:inline-flex}.leaderboard-board{border:1px solid var(--line);background:#ffffffeb;border-radius:28px;padding:22px;box-shadow:0 14px 34px #6c5cff14}.board-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.board-header h2{color:#243253;margin:0;font-size:24px}.board-header p{color:var(--muted);margin:5px 0 0;font-size:14px}.board-header span{color:#169a69;background:#e3faee;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.board-row{border-radius:20px;grid-template-columns:58px 1fr 135px 105px;align-items:center;gap:13px;padding:13px;transition:all .2s;display:grid}.board-row:hover{background:#f8f5ff}.board-rank{color:#9b6b00;background:#fff6c7;border-radius:15px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.board-player{align-items:center;gap:11px;display:flex}.board-player h4{color:#243253;margin:0;font-size:15px}.board-player p{color:var(--muted);margin:3px 0 0;font-size:12px}.board-badge{color:#6c5cff;background:#f1ecff;border-radius:999px;justify-self:start;padding:8px 11px;font-size:11px;font-weight:800}.board-xp{text-align:right;font-size:15px}@media (width<=900px){.leaderboard-hero-new,.podium-new{grid-template-columns:1fr}.leaderboard-hero-content h1{font-size:30px}.leaderboard-hero-image img{max-width:300px}.board-row{grid-template-columns:46px 1fr}.board-badge,.board-xp{text-align:left;grid-column:2}}.register-label{color:#334155;letter-spacing:.01em;font-size:.8125rem;font-weight:800;display:block}.register-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;margin:0;padding:13px 16px;font-weight:600;transition:border-color .2s,box-shadow .2s}.register-input::placeholder{color:#94a3b8;font-weight:500}.register-input:hover{border-color:#c4b5fd}.register-input:focus{border-color:#2e1065;outline:none;box-shadow:0 0 0 4px #4a25d81f}.register-password-toggle{color:#64748b;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:.75rem;font-weight:800;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-password-toggle:hover{color:#2e1065;background:#f5f2ff}.register-strength{align-items:center;gap:10px;display:flex}.register-strength-track{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.register-strength-fill{border-radius:999px;height:100%;transition:width .25s,background .25s;display:block}.register-strength-fill.strength-1{background:#f97316}.register-strength-fill.strength-2{background:#2e1065}.register-strength-fill.strength-3{background:linear-gradient(90deg,#2e1065,#006e2a)}.register-strength-label{color:#64748b;min-width:42px;font-size:.75rem;font-weight:800}.register-role-card{text-align:left;background:#faf9ff;border:1.5px solid #e8e5ff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.register-role-card:hover{border-color:#c4b5fd;transform:translateY(-2px)}.register-role-card-active{background:linear-gradient(135deg,#faf8ff,#f0fdf4);border-color:#2e1065;box-shadow:0 12px 28px #4a25d81f}.register-role-icon{font-size:1.35rem;line-height:1}.register-role-title{color:#1e293b;font-size:.9375rem;font-weight:900}.register-role-desc{color:#64748b;font-size:.75rem;font-weight:600;line-height:1.4}.register-role-check{color:#fff;background:#2e1065;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:12px;right:12px}.register-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;margin:0;padding:12px 14px;font-size:.875rem;font-weight:700}.register-submit{color:#fff;background:linear-gradient(135deg,#2e1065,#4c1d95);border:0;border-radius:999px;padding:15px 24px;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 30px #4a25d847}.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #4a25d857}.register-submit:disabled{opacity:.7;cursor:wait}.register-link{color:#2e1065;font-weight:800;text-decoration:none}.register-link:hover{text-decoration:underline}@media (width<=1023px){.register-form-panel{min-height:auto}}@media (width<=900px){.container{padding:16px}.section-title{flex-direction:column;align-items:stretch;gap:12px}.section-title select,.section-title .search{width:100%}.stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.tabs{border-bottom:none;flex-wrap:wrap;gap:8px}.tabs button{border:1px solid var(--line);border-radius:12px;flex:calc(50% - 8px);padding:10px 12px;font-size:13px}.tabs .active{background:var(--q-primary-soft,#f3f0ff);border-bottom:none}.hero.compact{min-height:auto;padding:24px}.hero h1{font-size:32px}.leaderboard-page{padding:16px}.board-header{flex-direction:column;align-items:flex-start;gap:12px}.track-detail-logo{width:min(210px,70vw)}.about-page-v2{padding:16px}.pill-tabs{flex-wrap:wrap}.user-menu-wrap{position:relative}.user-menu{width:min(235px,100vw - 32px);position:absolute;top:calc(100% + 8px);left:auto;right:0}}@media (width<=600px){.auth{padding:16px}.auth-card{gap:16px;padding:20px}.auth-card img{max-height:200px}.auth-card h1{font-size:28px}.stats{grid-template-columns:1fr}.panel,.teacher-content-main{padding:16px}}.app-shell-page{background:var(--q-bg,#fafafc);flex-direction:column;min-height:100vh;display:flex}.app-shell-content-area{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.admin-page{flex-direction:column;gap:18px;width:100%;display:flex}.admin-dashboard-hero,.admin-page-hero{border:1px solid var(--q-line,#ececf3);min-height:230px;box-shadow:var(--q-shadow,0 10px 28px #1f235a0f);background:radial-gradient(circle at 84% 20%,#6d5df61c,#0000 30%),radial-gradient(circle at 18% 88%,#f973161a,#0000 28%),linear-gradient(135deg,#fff 0%,#f8f6ff 62%,#fff8f1 100%);border-radius:24px;grid-template-columns:minmax(0,1.15fr) 280px;align-items:center;gap:28px;padding:30px 36px;display:grid}.admin-dashboard-hero h1,.admin-page-hero h1{color:var(--q-ink,#17183f);letter-spacing:-.8px;margin:0;font-size:clamp(2rem,3vw,2.65rem);font-weight:850;line-height:1.08}.admin-dashboard-hero h1 span,.admin-page-hero h1 span{color:var(--q-primary,#6d5df6)}.admin-dashboard-hero p,.admin-page-hero p{max-width:650px;color:var(--q-muted,#73788c);margin:12px 0 0;font-size:14px;font-weight:500;line-height:1.65}.admin-hero-art{place-items:center;width:100%;min-height:180px;display:grid}.admin-hero-art img{object-fit:contain;filter:drop-shadow(0 18px 28px #1f235a1f);width:min(230px,100%);max-height:200px}.admin-stat-link{color:inherit;text-decoration:none}.admin-side-card,.admin-empty-state{border:1px solid var(--q-line,#ececf3);box-shadow:var(--q-shadow,0 10px 28px #1f235a0f);background:#fff;border-radius:18px}.admin-side-card{padding:22px}.admin-side-card h3{color:var(--q-ink,#17183f);margin:0 0 14px;font-size:18px;font-weight:800}.admin-breakdown-row{border-bottom:1px solid var(--q-line,#ececf3);color:var(--q-text,#303650);justify-content:space-between;gap:14px;padding:12px 0;font-size:14px;font-weight:650;display:flex}.admin-breakdown-row:last-child{border-bottom:0}.admin-activity-icon{border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.admin-activity-icon.signup{background:var(--q-blue-soft,#eaf2ff);color:var(--q-blue,#4c1d95)}.admin-activity-icon.approval{background:var(--q-orange-soft,#fff1e6);color:var(--q-orange,#f97316)}.admin-activity-icon.track{background:var(--q-primary-soft,#f3f0ff);color:var(--q-primary,#6d5df6)}.admin-activity-item strong{color:var(--q-ink,#17183f);font-size:14px;font-weight:750;display:block}.admin-activity-item small,.admin-activity-date{color:var(--q-muted,#73788c);font-size:12px;font-weight:600}.admin-filter-pill{color:var(--q-primary,#6d5df6);cursor:pointer;background:#fff;border:1px solid #dedafc;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:750}.admin-filter-pill.active,.admin-filter-pill:hover{background:var(--q-primary-soft,#f3f0ff)}.admin-empty-state{color:var(--q-muted,#73788c);text-align:center;padding:22px;font-size:14px}.admin-empty-state strong{color:var(--q-ink,#17183f);margin-bottom:6px;font-size:16px;display:block}.admin-application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-application-card{border:1px solid var(--q-line,#ececf3);box-shadow:var(--q-shadow,0 10px 28px #1f235a0f);background:#fff;border-radius:18px;padding:18px}.admin-application-top,.admin-track-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.admin-application-user,.admin-user-cell{align-items:center;gap:10px;min-width:0;display:flex}.admin-application-user>span,.admin-user-cell>span{background:var(--q-primary-soft,#f3f0ff);width:38px;height:38px;color:var(--q-primary,#6d5df6);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.admin-application-user strong,.admin-user-cell strong{color:var(--q-ink,#17183f);font-size:14px;font-weight:750;display:block}.admin-application-user small,.admin-user-cell small{color:var(--q-muted,#73788c);overflow-wrap:anywhere;font-size:12px;display:block}.admin-application-details{color:var(--q-text,#303650);gap:10px;margin:14px 0;font-size:13px;display:grid}.admin-application-details span{color:var(--q-muted,#73788c);font-weight:650}.admin-application-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.admin-danger-btn,.admin-approve-btn{color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:750}.admin-approve-btn{background:var(--q-green,#22c55e)}.admin-danger-btn{background:var(--q-red,#ef4444)}.admin-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-track-card{border:1px solid var(--q-line,#ececf3);box-shadow:var(--q-shadow,0 10px 28px #1f235a0f);background:#fff;border-radius:18px;padding:18px}.admin-track-card h3{color:var(--q-ink,#17183f);margin:0;font-size:17px;font-weight:800}.admin-track-card p{color:var(--q-muted,#73788c);margin:8px 0 14px;font-size:13px;line-height:1.55}@media (width<=1100px){.app-shell-content-main{width:min(100% - 28px,980px)}.admin-dashboard-grid,.admin-dashboard-hero,.admin-page-hero{grid-template-columns:1fr}.admin-track-grid,.admin-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell-content-main{width:min(100% - 24px,100%);padding:18px 0 34px}.admin-dashboard-hero,.admin-page-hero{padding:24px}.admin-track-grid,.admin-application-grid{grid-template-columns:1fr}.admin-activity-item{grid-template-columns:42px minmax(0,1fr)}.admin-activity-date{grid-column:2}}.public-projects-page .public-projects-hero{grid-template-columns:1.05fr .95fr}.public-projects-search-row{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:12px;max-width:650px;display:grid}.public-projects-search-row .search,.public-projects-search-row select{margin:0}.public-featured-project{background:linear-gradient(135deg,#fff,#fff8ef 48%,#f3efff);grid-template-columns:260px minmax(0,1fr);align-items:center;gap:24px;margin-top:24px;padding:24px;display:grid}.public-featured-project img{object-fit:contain;background:#f5f1ff;border-radius:24px;width:100%;max-height:210px}.public-featured-project h2{margin:12px 0 8px;font-size:30px}.public-project-grid{align-items:stretch}.public-project-card{flex-direction:column;padding:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.public-project-card:hover{transform:translateY(-5px);box-shadow:0 22px 54px #6c5cff1f}.public-project-image-link{padding:16px 16px 0;display:block}.public-project-card .track-img{height:155px}.public-project-card-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.public-project-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.public-project-card-top strong{color:var(--purple);font-size:13px}.public-project-card h3{margin:0}.public-project-card p{color:var(--muted);margin:0;line-height:1.6}.public-project-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.public-project-card-actions .btn{margin:0;padding:10px 13px;font-size:12px}.public-project-empty{text-align:center;margin-top:22px}.public-project-detail-tab{margin-top:18px}.public-skill-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.public-skill-list span{color:var(--purple);background:#f3efff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.public-code-preview pre{max-height:320px;overflow:auto}.public-comment-form{gap:10px;margin:14px 0;display:grid}.public-comment-form .btn{justify-self:start}.public-comments-list{gap:12px;display:grid}@media (width<=900px){.public-projects-page .public-projects-hero,.public-featured-project,.public-projects-search-row{grid-template-columns:1fr}}.um-wrap{z-index:3000;position:relative}.um-trigger{border:1.5px solid var(--line,#eee9ff);color:var(--ink,#161b3d);cursor:pointer;background:#ffffffb3;border-radius:50px;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-size:15px;font-weight:700;transition:background .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 2px 8px #6c5cff12}.um-trigger:hover,.um-trigger--open{border-color:var(--purple,#6c5cff);background:#fff;box-shadow:0 4px 18px #6c5cff24}.um-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.um-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.um-chevron{color:var(--muted,#65708a);flex-shrink:0;transition:transform .2s}.um-chevron--up{transform:rotate(180deg)}.um-dropdown{border:1px solid var(--line,#eee9ff);transform-origin:100% 0;background:#fff;border-radius:18px;width:230px;padding:8px;animation:.15s um-pop;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #1e195a29,0 4px 16px #6c5cff14}@keyframes um-pop{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.um-header{align-items:center;gap:12px;padding:10px 12px 12px;display:flex}.um-header-avatar{object-fit:cover;border:2px solid var(--line,#eee9ff);border-radius:50%;flex-shrink:0;width:42px;height:42px}.um-header-name{color:var(--ink,#161b3d);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:800;overflow:hidden}.um-header-role{color:var(--muted,#65708a);margin:2px 0 0;font-size:12px;font-weight:600}.um-divider{background:var(--line,#eee9ff);height:1px;margin:4px 0}.um-item{width:100%;color:var(--ink,#161b3d);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex}.um-item:hover{color:var(--purple,#6c5cff);background:#f3f0ff}.um-item--danger{color:#e0344a}.um-item--danger:hover{color:#c42138;background:#fff0f2}.um-item-icon{background:#f3f0ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.um-item:hover .um-item-icon{background:#e8e3ff}.um-item--danger .um-item-icon{background:#fff0f2}.um-item--danger:hover .um-item-icon{background:#ffdde1}.sp-page{flex-direction:column;gap:20px;max-width:860px;margin:0 auto;padding:32px 20px 60px;display:flex}.sp-hero{background:#6c5cff;border-radius:24px;padding:0;position:relative;overflow:hidden}.sp-blob{pointer-events:none;background:#ffffff1a;border-radius:50%;position:absolute}.sp-blob-1{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;width:280px;height:280px;top:-100px;right:-60px}.sp-blob-2{background:#ffffff12;border-radius:45% 55% 40% 60%/55% 45% 60% 40%;width:200px;height:200px;bottom:10px;left:-50px}.sp-blob-3{background:#ffffff0f;border-radius:55% 45% 50% 50%/40% 60%;width:140px;height:140px;top:20px;left:30%}.sp-xp-badge{color:#fff;z-index:1;background:#ffffff38;border:1.5px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin:20px auto 0;padding:6px 16px;font-size:14px;font-weight:800;display:flex;position:relative;left:50%;transform:translate(-50%)}.sp-avatar-row{z-index:1;justify-content:center;margin-top:16px;padding:0 24px;display:flex;position:relative}.sp-avatar-wrap{position:relative}.sp-avatar{object-fit:cover;border:4px solid #ffffffe6;border-radius:50%;width:100px;height:100px;display:block;box-shadow:0 8px 28px #0000002e}.sp-hero-identity{text-align:center;z-index:1;padding:12px 24px 6px;position:relative}.sp-hero-name{color:#fff;margin:0 0 4px;font-size:22px;font-weight:900}.sp-hero-email{color:#ffffffbf;margin:0;font-size:14px;font-weight:600}.sp-stats-strip{z-index:1;border-top:1px solid #ffffff2e;align-items:center;margin-top:16px;padding:16px 24px;display:flex;position:relative}.sp-stat{text-align:center;flex:1}.sp-stat b{color:#fff;font-size:18px;font-weight:900;display:block}.sp-stat small{color:#ffffffb3;font-size:12px;font-weight:600}.sp-stat-divider{background:#ffffff40;width:1px;height:36px}.sp-section-card{border-radius:22px;padding:24px 28px}.sp-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.sp-section-title{color:var(--ink,#161b3d);margin:0 0 4px;font-size:17px;font-weight:800}.sp-section-sub{color:var(--muted,#65708a);margin:0;font-size:13px;font-weight:600}.sp-edit-btn{color:var(--purple,#6c5cff);cursor:pointer;white-space:nowrap;background:#f3f0ff;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.sp-edit-btn:hover{background:#e8e2ff}.sp-saved-badge{color:#12935e;background:#e3faf0;border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:700;animation:.2s sp-pop;display:inline-flex}@keyframes sp-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sp-info-grid{border:1px solid #ede9ff;border-radius:14px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.sp-info-grid--sm{border:none;border-radius:0;overflow:visible}.sp-field-display{border-bottom:1px solid #ede9ff;border-right:1px solid #ede9ff;flex-direction:column;gap:5px;padding:16px 20px;display:flex}.sp-info-grid .sp-field-display:nth-child(2n){border-right:none}.sp-info-grid .sp-field-display:nth-last-child(-n+2){border-bottom:none}.sp-field-label{color:var(--muted,#65708a);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.sp-field-value{color:var(--ink,#161b3d);word-break:break-word;font-size:14px;font-weight:700}.sp-form{animation:.18s sp-pop}.sp-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-form-field{flex-direction:column;gap:6px;display:flex}.sp-form-field--full{grid-column:1/-1}.sp-label{color:var(--muted,#65708a);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.sp-input{width:100%;color:var(--ink,#161b3d);background:#fdfcff;border:1.5px solid #e2defc;border-radius:11px;margin:0;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.sp-input:focus{border-color:var(--purple,#6c5cff);outline:none;box-shadow:0 0 0 3px #6c5cff1f}.sp-textarea{resize:vertical;min-height:80px}.sp-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.sp-tabs{border-bottom:1px solid var(--line,#eee9ff);gap:4px;display:flex}.sp-tab{color:var(--muted,#65708a);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:10px 16px 12px;font-size:14px;font-weight:700;transition:color .15s,background .15s}.sp-tab:hover{color:var(--purple,#6c5cff);background:#f5f2ff}.sp-tab--active{color:var(--purple,#6c5cff);border-bottom-color:var(--purple,#6c5cff)}.sp-overview-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sp-info-card{border-radius:20px;padding:22px 24px}.sp-card-title{color:var(--ink,#161b3d);margin:0 0 16px;font-size:15px;font-weight:800}.sp-activity-list{flex-direction:column;gap:2px;display:flex}.sp-activity-item{color:var(--ink,#161b3d);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .12s;display:flex}.sp-activity-item:hover{background:#f5f2ff}.sp-projects-list{flex-direction:column;gap:14px;display:flex}.sp-project-card{border-radius:18px;padding:20px 22px}.sp-project-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.sp-project-title{color:var(--ink,#161b3d);margin:0 0 3px;font-size:16px;font-weight:800}.sp-project-track{color:var(--muted,#65708a);margin:0;font-size:13px;font-weight:600}.sp-status-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:800}.sp-project-meta{color:var(--muted,#65708a);flex-wrap:wrap;gap:18px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.sp-feedback-box{border-left:3px solid var(--purple,#6c5cff);color:#4a4575;background:#f8f6ff;border-radius:0 10px 10px 0;align-items:flex-start;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.sp-achieve-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.sp-achieve-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;transition:transform .18s,box-shadow .18s;display:flex}.sp-achieve-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #6c5cff21}.sp-achieve-icon{background:#f3f0ff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:4px;font-size:36px;display:flex}.sp-achieve-label{color:var(--ink,#161b3d);font-size:15px;font-weight:800}.sp-achieve-desc{color:var(--muted,#65708a);margin:0;font-size:13px;font-weight:600}.sp-cert-list{flex-direction:column;gap:14px;display:flex}.sp-cert-card{border-radius:18px;align-items:center;gap:18px;padding:20px 24px;display:flex}.sp-cert-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.sp-cert-info{flex-direction:column;flex:1;gap:8px;display:flex}.sp-cert-title{color:var(--ink,#161b3d);font-size:16px;font-weight:800}.sp-cert-bar-wrap{align-items:center;gap:10px;display:flex}.sp-cert-bar{background:#eee9ff;border-radius:999px;flex:1;height:8px;overflow:hidden}.sp-cert-fill{border-radius:999px;height:100%;transition:width .4s}.sp-cert-pct{color:var(--muted,#65708a);text-align:right;width:36px;font-size:13px;font-weight:700}.sp-cert-status{border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}@media (width<=680px){.sp-overview-grid,.sp-form-grid,.sp-achieve-grid,.sp-info-grid{grid-template-columns:1fr}.sp-info-grid .sp-field-display{border-right:none}.sp-info-grid .sp-field-display:nth-last-child(-n+2){border-bottom:1px solid #ede9ff}.sp-info-grid .sp-field-display:last-child{border-bottom:none}.sp-stats-strip{overflow-x:auto}.sp-stat{min-width:80px}.sp-section-card{padding:18px 16px}}.db-page{flex-direction:column;gap:28px;max-width:1100px;margin:0 auto;padding:32px 24px 60px;display:flex}.db-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.db-section-title{color:var(--ink,#161b3d);margin:0;font-size:17px;font-weight:800}.db-see-all{color:var(--purple,#6c5cff);background:#f3f0ff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.db-see-all:hover{background:#e8e2ff}.db-welcome{background:#6c5cff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:36px 36px 32px;display:flex;position:relative;overflow:hidden}.db-welcome-blob{pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.db-welcome-blob-1{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;width:320px;height:320px;top:-120px;right:-60px}.db-welcome-blob-2{background:#ffffff0d;border-radius:45% 55% 40% 60%/55% 45% 60% 40%;width:180px;height:180px;bottom:-60px;left:20%}.db-welcome-left{z-index:1;flex-direction:column;gap:8px;display:flex;position:relative}.db-welcome-greeting{color:#ffffffb3;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.db-welcome-greeting span[role=img]{font-size:22px;line-height:1}.db-welcome-name{color:#fff;margin:0;font-size:32px;font-weight:900;line-height:1.1}.db-welcome-sub{color:#ffffffbf;margin:0 0 8px;font-size:14px;font-weight:600}.db-welcome-left .btn{color:var(--purple,#6c5cff);background:#fff;align-self:flex-start;margin:0;box-shadow:0 6px 20px #0000001f}.db-welcome-left .btn:hover{background:#f3f0ff}.db-welcome-stats{z-index:1;flex-shrink:0;align-items:center;gap:20px;display:flex;position:relative}.db-xp-ring{flex-shrink:0;width:110px;height:110px;position:relative}.db-ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-ring-label b{color:#fff;font-size:20px;font-weight:900;line-height:1}.db-ring-label small{color:#ffffffb3;letter-spacing:.05em;font-size:11px;font-weight:700}.db-welcome-pills{flex-direction:column;gap:8px;display:flex}.db-welcome-pill{background:#ffffff26;border:1px solid #fff3;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-width:140px;padding:8px 16px;display:flex}.db-pill-val{color:#fff;font-size:17px;font-weight:900}.db-pill-key{color:#ffffffb3;font-size:12px;font-weight:600}.db-tracks-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.db-gtrack-card{background:#fff;border:1px solid #f0edf8;border-radius:18px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #1e195a0f}.db-gtrack-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6c5cff1f}.db-gtrack-img-wrap{background:#faf8ff;justify-content:center;align-items:center;width:100%;padding:22px 0 10px;display:flex}.db-gtrack-img{object-fit:contain;width:100px;height:100px}.db-gtrack-body{flex:1;padding:14px 18px 10px}.db-gtrack-title{color:#0f1133;text-align:center;margin:0 0 8px;font-size:16px;font-weight:800}.db-gtrack-desc{color:#64748b;text-align:center;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.db-gtrack-progress-wrap{padding:10px 18px 0}.db-gtrack-progress-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.db-gtrack-progress-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.db-gtrack-progress-pct{color:var(--purple,#6c5cff);font-size:12px;font-weight:800}.db-progress-bar{background:#ede9ff;border-radius:999px;width:100%;height:6px;overflow:hidden}.db-progress-fill{background:linear-gradient(90deg,#6c5cff,#4c1d95);border-radius:999px;height:100%;transition:width .4s}.db-gtrack-footer{border-top:1px solid #f1eeff;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 18px 14px;display:flex}.db-gtrack-meta-item{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.db-level-bars{align-items:flex-end;gap:2px;margin-right:3px;display:inline-flex}.db-level-bar{border-radius:2px;width:4px;display:block}.db-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.db-table-card{border-radius:20px;padding:0;overflow:hidden}.db-table{border-collapse:collapse;width:100%;font-size:13px}.db-table thead tr{background:#f8f6ff;border-bottom:1px solid #ede9ff}.db-table th{text-align:left;color:var(--muted,#65708a);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:800}.db-table tbody tr{border-bottom:1px solid #f4f2ff;transition:background .12s}.db-table tbody tr:last-child{border-bottom:none}.db-table tbody tr:hover{background:#faf9ff}.db-table td{vertical-align:middle;padding:12px 16px}.db-td-bold{color:var(--ink,#161b3d);font-weight:700}.db-td-muted{color:var(--muted,#65708a);font-weight:600}.db-td-xp{color:var(--purple,#6c5cff);white-space:nowrap;font-weight:800}.db-score-bar-wrap{align-items:center;gap:8px;min-width:100px;display:flex}.db-score-bar{background:#eee9ff;border-radius:999px;flex:1;height:6px;overflow:hidden}.db-score-fill{border-radius:999px;height:100%}.db-score-pct{text-align:right;width:32px;font-size:12px;font-weight:800}.db-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.db-projects-list{flex-direction:column;gap:10px;display:flex}.db-project-row{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.db-project-left{align-items:center;gap:12px;min-width:0;display:flex}.db-project-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.db-project-title{color:var(--ink,#161b3d);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:700;overflow:hidden}.db-project-track{color:var(--muted,#65708a);margin:0;font-size:12px;font-weight:600}.db-project-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.db-status-pill{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}@media (width<=900px){.db-tracks-grid{grid-template-columns:repeat(2,1fr)}.db-two-col{grid-template-columns:1fr}.db-welcome{flex-direction:column;align-items:flex-start}.db-welcome-stats{justify-content:flex-start;width:100%}}@media (width<=600px){.db-tracks-grid{grid-template-columns:1fr}.db-page{padding:20px 14px 40px}.db-welcome{padding:24px 20px}.db-welcome-name{font-size:24px}}.leaderboard-clean-page{max-width:1240px;margin:0 auto;padding:26px}.leaderboard-filter-only{justify-content:flex-end;margin-bottom:18px;display:flex}.leaderboard-filter-only select{color:#62689a;background:#fffffff0;border:1px solid #e4ddff;border-radius:15px;outline:none;min-width:158px;height:40px;padding:0 14px;font-size:13px;font-weight:800;box-shadow:0 10px 24px #6c5cff12}.leaderboard-podium-area{background:radial-gradient(circle at 50% 18%,#ffc53752,#0000 32%),radial-gradient(circle at 35% 42%,#7e65ff21,#0000 32%),linear-gradient(135deg,#f8f7ff 0%,#fffaf3 50%,#f3f1ff 100%);border:1px solid #efe9ff;border-radius:36px;grid-template-columns:.82fr 1.2fr .82fr;align-items:end;gap:28px;min-height:430px;margin-bottom:28px;padding:52px 46px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #6c5cff1a}.leaderboard-star{color:#ffc542;filter:drop-shadow(0 8px 10px #ffc54259);z-index:1;font-size:30px;animation:2.6s ease-in-out infinite leaderboardStarFloat;position:absolute}.leaderboard-star.star-one{top:50px;left:34%}.leaderboard-star.star-two{animation-delay:.8s;top:66px;right:34%}.leaderboard-winner{z-index:2;background:#ffffffc7;border:1px solid #e8e1fff2;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:24px;display:flex;position:relative;box-shadow:0 20px 42px #6c5cff1a}.leaderboard-winner.center{background:linear-gradient(#fffcf2f2,#ffffffe6);min-height:330px;transform:translateY(-18px);box-shadow:0 26px 64px #ffb80026,0 20px 46px #6c5cff1f}.leaderboard-trophy{object-fit:contain;object-position:center;filter:drop-shadow(0 18px 20px #6c5cff2e);width:148px;height:148px;margin-bottom:12px}.leaderboard-winner.center .leaderboard-trophy{width:205px;height:205px;margin-top:-38px}.leaderboard-winner h3{color:#4b2d83;margin:0;font-size:28px;font-weight:950}.leaderboard-winner.center h3{font-size:34px}.leaderboard-xp-glow{color:#ef9b00;text-shadow:0 0 8px #ffb8005c,0 0 18px #ffb8003d;align-items:center;gap:8px;margin-top:9px;font-size:24px;font-weight:950;display:flex}.leaderboard-xp-glow span{color:#ffc31f;filter:drop-shadow(0 5px 8px #ffc31f73)}.leaderboard-winner-meta{color:#3d3272;align-items:center;gap:9px;margin-top:12px;font-size:12px;font-weight:850;display:flex}.leaderboard-ranking-card{background:#ffffffeb;border:1px solid #efe9ff;border-radius:34px;padding:26px;box-shadow:0 16px 42px #6c5cff14}.leaderboard-ranking-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.leaderboard-ranking-head h2{color:#4b2d83;margin:0;font-size:28px;font-weight:950}.leaderboard-ranking-head p{color:#5f6795;margin:5px 0 0;font-size:14px;font-weight:700}.leaderboard-ranking-head>span{color:#4468c9;background:#eef9ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table-row{color:#4b2d83;border-bottom:1px solid #f1ecff;grid-template-columns:60px 1.2fr 1.35fr 1fr .8fr;align-items:center;gap:14px;min-width:760px;padding:13px 10px;font-size:14px;font-weight:780;display:grid}.leaderboard-table-header{color:#5c6cc9;font-size:13px;font-weight:900}.leaderboard-rank-badge{color:#5e50c9;background:#ece8ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.leaderboard-learner strong,.leaderboard-track-name,.leaderboard-table-xp,.leaderboard-streak{font-size:14px}.leaderboard-learner strong{color:#4b2d83;font-weight:900;display:block}.leaderboard-learner small{color:#6d6794;margin-top:2px;font-size:12px;font-weight:750;display:block}.leaderboard-track-name{color:#4b2d83;font-weight:850}.leaderboard-table-xp{color:#ef9b00;text-shadow:0 0 10px #ffb8003d;align-items:center;gap:6px;font-weight:950;display:flex}.leaderboard-table-xp span{color:#ffc31f}.leaderboard-streak{color:#4b2d83;font-weight:900}.animated-fire{filter:drop-shadow(0 0 5px #ff761f80)drop-shadow(0 0 12px #ffc44059);transform-origin:bottom;margin-right:5px;animation:.9s ease-in-out infinite fireFlicker;display:inline-block}.leaderboard-empty-state{text-align:center;color:#5f6795;padding:24px;font-weight:800}@keyframes fireFlicker{0%,to{opacity:.95;transform:translateY(0)scale(1)rotate(-2deg)}35%{opacity:1;transform:translateY(-2px)scale(1.12)rotate(3deg)}70%{opacity:.88;transform:translateY(1px)scale(.96)rotate(-1deg)}}@keyframes leaderboardStarFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(9deg)}}@media (width<=950px){.leaderboard-clean-page{padding:16px}.leaderboard-podium-area{grid-template-columns:1fr;padding:26px}.leaderboard-winner.center{order:-1;transform:none}.leaderboard-ranking-head{flex-direction:column;align-items:flex-start;gap:12px}}.leaderboard-celebration-bubble{z-index:5;pointer-events:none;background:#fffffff0;border:1px solid #ffcd56e6;border-radius:999px;padding:14px 24px;animation:3.5s forwards leaderboardBubblePop;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #ffb80038,0 10px 24px #6c5cff1f}.leaderboard-celebration-bubble span{color:#6a3fc7;white-space:nowrap;font-size:15px;font-weight:950}.leaderboard-celebration-bubble:before,.leaderboard-celebration-bubble:after{content:"";background:#ffc542;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite leaderboardConfettiFloat;position:absolute;top:50%;box-shadow:18px -16px #8bd8ff,-16px 14px #a78bfa,34px 12px #8ee6b8,-32px -12px #ff9fb2}.leaderboard-celebration-bubble:before{left:-42px}.leaderboard-celebration-bubble:after{animation-delay:.35s;right:-42px}@keyframes leaderboardBubblePop{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.82)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}22%{transform:translate(-50%)translateY(0)scale(1)}82%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.9)}}@keyframes leaderboardConfettiFloat{0%,to{transform:translateY(-50%)rotate(0)}50%{transform:translateY(-70%)rotate(14deg)}}.projects-showcase-page,.project-detail-page{max-width:1240px;margin:0 auto;padding:26px}.projects-showcase-hero{background:radial-gradient(circle at 72% 24%,#ffc6453d,#0000 30%),radial-gradient(circle at 22% 40%,#7e65ff21,#0000 34%),linear-gradient(135deg,#fbfaff 0%,#fff8ef 52%,#f4f1ff 100%);border:1px solid #efe9ff;border-radius:36px;grid-template-columns:1fr .95fr;align-items:center;gap:24px;min-height:360px;padding:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #6c5cff1a}.projects-showcase-hero:before,.projects-showcase-hero:after{content:"★";color:#ffc542;filter:drop-shadow(0 8px 10px #ffc54259);pointer-events:none;font-size:26px;animation:2.8s ease-in-out infinite projectStarFloat;position:absolute}.projects-showcase-hero:before{top:66px;left:56%}.projects-showcase-hero:after{animation-delay:.8s;top:138px;right:18%}.projects-hero-copy{z-index:2;position:relative}.projects-chip{color:#6c5cff;background:#f1ecff;border-radius:999px;width:fit-content;margin-bottom:16px;padding:8px 14px;font-size:12px;font-weight:950;display:inline-flex}.projects-hero-copy h1{color:#4b2d83;letter-spacing:-1.5px;margin:0;font-size:clamp(42px,5vw,64px);font-weight:950;line-height:.98}.projects-hero-copy h1 span{display:block}.projects-hero-copy p{color:#5f6795;max-width:510px;margin:18px 0 0;font-size:15px;font-weight:700;line-height:1.8}.projects-hero-art{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.projects-hero-art img{object-fit:contain;filter:drop-shadow(0 22px 28px #6c5cff2e);width:min(100%,430px);height:270px;animation:none}.projects-track-filter{display:none}.featured-project-card{background:radial-gradient(circle at 72% 40%,#ffc53733,#0000 30%),linear-gradient(135deg,#fffcf2f5,#ffffffeb);border:1px solid #ffe3a7;border-radius:34px;grid-template-columns:.95fr 1.1fr .45fr;align-items:center;gap:26px;margin-top:28px;padding:26px 26px 74px;display:grid;position:relative;box-shadow:0 20px 54px #ffb8001a,0 16px 42px #6c5cff14}.featured-project-image{background:#f8f6ff;border:1px solid #ede6ff;border-radius:26px;justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.featured-project-image img{object-fit:contain;width:100%;height:100%;padding:22px}.featured-project-image span{color:#805300;background:#fff4c9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;position:absolute;top:14px;left:14px}.featured-badge{color:#805300;background:#fff4c9;border-radius:999px;width:fit-content;padding:7px 12px;font-size:12px;font-weight:950;display:inline-flex}.featured-project-content h2{color:#4b2d83;margin:14px 0 4px;font-size:34px;font-weight:950}.featured-track{color:#6c5cff;margin:0;font-size:15px;font-weight:900}.featured-description{color:#5f6795;margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.7}.project-meta-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.project-meta-row span{color:#4b2d83;background:#f1ecff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.project-meta-row span:first-child{color:#ef9b00;background:#fff4c9}.featured-project-trophy{justify-content:center;display:flex}.featured-project-trophy img{object-fit:contain;filter:drop-shadow(0 20px 26px #ffb8002e);width:168px;height:168px}.project-primary-action{color:#fff;background:linear-gradient(135deg,#6c5cff,#8b7cff);border-radius:14px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex;position:absolute;bottom:22px;right:26px;box-shadow:0 14px 28px #6c5cff3d}.all-projects-section{margin-top:28px}.projects-section-title.with-filter{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.projects-section-title h2{color:#4b2d83;margin:0;font-size:28px;font-weight:950}.projects-section-title p{color:#5f6795;margin:5px 0 0;font-size:14px;font-weight:700}.projects-section-title.with-filter select{color:#5b65a3;background:#fffffff2;border:1px solid #e4ddff;border-radius:16px;outline:none;min-width:170px;height:42px;padding:0 16px;font-size:13px;font-weight:850;box-shadow:0 12px 26px #6c5cff1a}.projects-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.project-showcase-card{background:#ffffffeb;border:1px solid #efe9ff;border-radius:28px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 16px 42px #6c5cff14}.project-showcase-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px #6c5cff24}.project-card-image{background:#f8f6ff;justify-content:center;align-items:center;height:165px;display:flex}.project-card-image img{object-fit:contain;width:100%;height:100%;padding:18px}.project-card-content{padding:16px}.project-card-content h3{color:#4b2d83;margin:0;font-size:20px;font-weight:950}.project-card-content p{color:#6c5cff;margin:5px 0 0;font-size:13px;font-weight:850}.project-card-meta{color:#4b2d83;gap:8px;margin-top:10px;font-size:12px;font-weight:850;display:flex}.project-card-meta span:first-child{color:#ef9b00}.project-card-link{color:#6c5cff;border:1px solid #ded6ff;border-radius:14px;justify-content:center;align-items:center;min-height:40px;margin-top:14px;font-size:13px;font-weight:950;text-decoration:none;display:flex}.project-card-link:hover{color:#fff;background:#6c5cff}.project-detail-page{max-width:1180px;margin:0 auto;padding:28px}.project-back-link{color:#6c5cff;margin-bottom:18px;font-weight:900;text-decoration:none;display:inline-flex}.project-detail-hero{background:#ffffffeb;border:1px solid #efe9ff;border-radius:34px;grid-template-columns:.9fr 1.1fr;gap:28px;padding:28px;display:grid;box-shadow:0 18px 44px #6c5cff14}.project-detail-image{background:#f8f6ff;border-radius:26px;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.project-detail-image img{object-fit:contain;width:100%;height:100%;padding:24px}.project-detail-content h1{color:#4b2d83;margin:14px 0 6px;font-size:42px;font-weight:950}.project-detail-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.project-detail-card{background:#fff;border:1px solid #efe9ff;border-radius:26px;padding:22px;box-shadow:0 14px 34px #6c5cff12}.project-detail-card h2{color:#4b2d83;margin:0 0 12px;font-size:20px;font-weight:950}.project-file-box{color:#4b2d83;background:#f8f6ff;border-radius:18px;gap:6px;padding:16px;display:grid}.project-detail-actions{flex-direction:column;gap:10px;display:flex}.project-detail-actions a,.project-not-found a{color:#fff;background:linear-gradient(135deg,#6c5cff,#8b7cff);border-radius:14px;justify-content:center;align-items:center;min-height:40px;font-weight:900;text-decoration:none;display:inline-flex}.project-not-found{text-align:center;background:#fff;border-radius:30px;padding:50px}@keyframes projectStarFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(8deg)}}@media (width<=1050px){.projects-grid{grid-template-columns:repeat(2,1fr)}.featured-project-card{grid-template-columns:1fr}.project-primary-action{width:fit-content;margin-top:12px;position:static}.project-detail-grid{grid-template-columns:1fr}}@media (width<=850px){.project-detail-hero{grid-template-columns:1fr}.projects-section-title.with-filter{flex-direction:column;align-items:flex-start}}@media (width<=820px){.projects-showcase-page{padding:16px}.projects-showcase-hero{text-align:center;grid-template-columns:1fr;padding:26px}.projects-grid{grid-template-columns:1fr}}.tracks-showcase-page{max-width:1120px;margin:0 auto;padding:28px 24px 64px}.tracks-showcase-hero{background:radial-gradient(circle at 85% 18%,#8b5cf61f,#0000 32%),linear-gradient(135deg,#fff,#f8f5ff 58%,#f0f9ff);border:1px solid #7c3aed1c;border-radius:28px;grid-template-columns:1fr .72fr;align-items:center;gap:18px;min-height:230px;padding:24px 30px;display:grid;overflow:hidden;box-shadow:0 16px 42px #5d46b017}.tracks-chip{padding:5px 9px;font-size:11px}.tracks-hero-copy h1{margin:9px 0 6px;font-size:45px;font-weight:950;line-height:1.02}.tracks-hero-copy h1 span{color:#7c3aed;display:block}.tracks-hero-copy p{max-width:360px;font-size:12px;line-height:1.55}.tracks-filter-row{gap:7px;margin-top:13px}.tracks-search-box{border-radius:12px;min-width:190px;height:34px;padding:0 11px}.tracks-search-box span{font-size:14px}.tracks-search-box input{font-size:11.5px}.tracks-filter-row button{border-radius:12px;height:34px;padding:0 12px;font-size:13.5px}.tracks-hero-art img{object-fit:contain;width:310px;max-width:100%}.tracks-filter-row button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tracks-hero-art{justify-content:center;align-items:center;display:flex}.tracks-hero-art img{width:min(100%,220px)}.tracks-popular-section,.all-tracks-section{margin-top:28px}.tracks-section-title{margin-bottom:15px}.tracks-section-title h2{color:#111827;letter-spacing:-.03em;margin:0;font-size:21px;font-weight:950}.tracks-section-title p{color:#667085;margin:5px 0 0;font-size:13px;font-weight:650}.tracks-popular-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.tracks-popular-card{background:#fff;border:1px solid #7c3aed1f;border-radius:20px;align-items:center;gap:14px;min-height:92px;padding:16px 18px;display:flex;position:relative;box-shadow:0 14px 34px #281f5011}.tracks-popular-card:first-child{background:linear-gradient(135deg,#fff8df,#fff)}.tracks-popular-card:nth-child(2){background:linear-gradient(135deg,#eff6ff,#fff)}.tracks-popular-card:nth-child(3){background:linear-gradient(135deg,#fff1ed,#fff)}.tracks-rank{color:#fff;border-radius:999px;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:950;display:grid}.rank-1{background:#f59e0b}.rank-2{background:#64748b}.rank-3{background:#f97316}.tracks-popular-card img{object-fit:contain;flex:none;width:62px;height:62px}.tracks-popular-card h3{color:#12172a;margin:0;font-size:15px;font-weight:950}.tracks-popular-card p{color:#64748b;margin:3px 0 8px;font-size:12px;font-weight:700}.tracks-popular-meta{color:#6d28d9;flex-wrap:wrap;gap:10px;font-size:11px;font-weight:900;display:flex}.tracks-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.track-showcase-card{background:#fff;border:1px solid #7c3aed21;border-radius:24px;flex-direction:column;min-height:365px;padding:15px;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 15px 38px #281f5012}.track-showcase-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #281f501c}.track-card-image{background:radial-gradient(circle at 50% 35%,#7c3aed21,#0000 35%),linear-gradient(135deg,#f8f5ff,#f0f9ff);border-radius:20px;place-items:center;height:140px;display:grid;position:relative;overflow:hidden}.track-card-image img{object-fit:contain;filter:drop-shadow(0 13px 18px #4f46e526);width:96px;height:96px;transition:transform .25s}.track-showcase-card:hover .track-card-image img{transform:scale(1.06)rotate(-2deg)}.track-card-image span{color:#6d28d9;background:#fff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;position:absolute;top:11px;left:11px;box-shadow:0 8px 18px #281f5012}.track-card-content{flex-direction:column;flex:1;padding:14px 3px 2px;display:flex}.track-card-content h3{color:#111827;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:950}.track-card-content>p{color:#5f6b80;min-height:54px;margin:8px 0 14px;font-size:12px;font-weight:650;line-height:1.55}.track-card-stats{border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 0;display:grid}.track-card-stats div{text-align:center}.track-card-stats strong{color:#6d28d9;font-size:14px;font-weight:950;display:block}.track-card-stats span{color:#64748b;margin-top:2px;font-size:10px;font-weight:800;display:block}.track-card-footer{margin-top:auto;padding-top:14px}.track-card-footer>span{color:#d97706;background:#fff8db;border:1px solid #fde68a;border-radius:999px;align-items:center;width:fit-content;margin-bottom:11px;padding:5px 9px;font-size:10.5px;font-weight:950;display:inline-flex}.track-card-footer>span:before{content:"★";color:#f59e0b;margin-right:5px}.track-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.track-detail-btn,.track-start-btn{border-radius:13px;justify-content:center;align-items:center;height:39px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.track-detail-btn{color:#6d28d9;background:#fff;border:1px solid #7c3aed33}.track-start-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 22px #7c3aed2e}.tracks-empty-state{color:#64748b;text-align:center;background:#fff;border:1px solid #7c3aed1a;border-radius:18px;grid-column:1/-1;padding:24px;font-size:13px;font-weight:800}@media (width<=980px){.tracks-showcase-hero{grid-template-columns:1fr}.tracks-hero-art img{width:min(100%,240px)}.tracks-popular-grid,.tracks-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.tracks-showcase-page{max-width:1060px;margin:0 auto;padding:22px 24px 56px}.tracks-showcase-hero{background:radial-gradient(circle at 84% 18%,#8b5cf61a,#0000 32%),linear-gradient(135deg,#fff,#f8f5ff 58%,#f0f9ff);border:1px solid #7c3aed1a;border-radius:24px;grid-template-columns:1fr .62fr;align-items:center;gap:14px;min-height:180px;padding:18px 24px;display:grid;overflow:hidden;box-shadow:0 12px 30px #5d46b013}.tracks-hero-copy h1{font-size:30px}.tracks-popular-grid,.tracks-grid{grid-template-columns:1fr}.tracks-search-box{width:100%;min-width:0}}.tracks-showcase-hero .tracks-hero-art img{object-fit:contain!important;width:340px!important;max-width:none!important;height:auto!important}.track-detail-page{max-width:1120px;margin:0 auto;padding:28px 24px 70px}.track-detail-breadcrumb{color:#667085;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:800;display:flex}.track-detail-breadcrumb a{color:#7c3aed;text-decoration:none}.track-detail-hero{background:radial-gradient(circle at 15% 30%,#8b5cf62e,#0000 28%),linear-gradient(135deg,#fff,#f8f5ff 56%,#f0f9ff);border:1px solid #7c3aed21;border-radius:34px;grid-template-columns:.48fr 1fr;align-items:center;gap:34px;padding:34px;display:grid;box-shadow:0 20px 55px #5d46b01a}.track-detail-image{background:linear-gradient(135deg,#f3edff,#fff);border:1px solid #7c3aed1c;border-radius:28px;place-items:center;min-height:240px;display:grid}.track-detail-image img{object-fit:contain;filter:drop-shadow(0 18px 24px #503fa02e);width:170px;height:170px}.track-detail-chip{color:#6d28d9;background:#7c3aed1a;border-radius:999px;width:fit-content;padding:7px 12px;font-size:11px;font-weight:950;display:inline-flex}.track-detail-copy h1{color:#111827;letter-spacing:-.045em;margin:14px 0 8px;font-size:clamp(34px,4vw,52px);font-weight:950;line-height:1}.track-detail-teacher{color:#4b5563;align-items:center;gap:7px;margin:0 0 16px;font-size:14px;font-weight:800;display:flex}.track-detail-teacher svg,.track-detail-meta svg{color:#7c3aed}.track-detail-meta{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.track-detail-meta span{color:#374151;background:#fff;border:1px solid #7c3aed1f;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 8px 18px #281f500a}.track-detail-description{color:#566179;max-width:640px;margin:0 0 22px;font-size:15px;font-weight:650;line-height:1.75}.track-detail-actions{flex-wrap:wrap;gap:12px;display:flex}.track-detail-primary-btn,.track-detail-secondary-btn,.track-login-cta a{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:46px;padding:0 20px;font-size:13px;font-weight:950;text-decoration:none;display:inline-flex}.track-detail-primary-btn,.track-login-cta a{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 14px 28px #7c3aed38}.track-detail-secondary-btn{color:#6d28d9;background:#fff;border:1px solid #7c3aed33}.track-progress-panel,.track-detail-content,.track-login-cta{margin-top:22px}.track-progress-panel{background:#fff;border:1px solid #7c3aed1c;border-radius:28px;padding:22px;box-shadow:0 16px 42px #281f5012}.track-progress-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.track-progress-head h2{color:#111827;margin:0;font-size:20px;font-weight:950}.track-progress-head span{color:#667085;font-size:12px;font-weight:800}.track-progress-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.track-progress-grid article{background:linear-gradient(135deg,#fff,#fbfaff);border:1px solid #7c3aed17;border-radius:22px;min-height:140px;padding:16px}.progress-icon{border-radius:13px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.progress-icon.purple{color:#7c3aed;background:#f3edff}.progress-icon.green{color:#16a34a;background:#eafaf0}.progress-icon.yellow{color:#d97706;background:#fff8db}.progress-icon.blue{color:#4c1d95;background:#eff6ff}.track-progress-grid p{color:#475569;margin:0 0 6px;font-size:12px;font-weight:850}.track-progress-grid strong{color:#111827;margin-bottom:9px;font-size:24px;font-weight:950;display:block}.track-progress-grid small{color:#667085;font-size:11px;font-weight:750}.mini-progress{background:#e9e7f4;border-radius:999px;width:100%;height:7px;margin-bottom:8px;overflow:hidden}.mini-progress i{border-radius:inherit;background:linear-gradient(135deg,#8b5cf6,#6d28d9);height:100%;display:block}.mini-progress.green i{background:linear-gradient(135deg,#22c55e,#16a34a)}.track-detail-tabs{background:#fff;border:1px solid #7c3aed1a;border-radius:22px;grid-template-columns:repeat(3,1fr);margin-top:22px;padding:8px;display:grid;box-shadow:0 12px 28px #281f500d}.track-detail-tabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:950;display:inline-flex}.track-detail-tabs button.active{color:#6d28d9;background:#f3edff}.track-detail-content{gap:18px;display:grid}.track-info-card{background:#fff;border:1px solid #7c3aed1a;border-radius:26px;padding:24px;box-shadow:0 14px 34px #281f500e}.track-info-card h2{color:#111827;margin:0 0 14px;font-size:20px;font-weight:950}.track-info-card p{color:#566179;margin:0;font-size:14px;font-weight:650;line-height:1.75}.track-side-facts{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.track-side-facts span,.project-tags span{color:#6d28d9;background:#f8f5ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.learning-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.learning-grid span{color:#334155;background:#fbfaff;border:1px solid #7c3aed14;border-radius:16px;align-items:center;gap:9px;min-height:48px;padding:12px;font-size:13px;font-weight:850;display:flex}.learning-grid svg{color:#7c3aed}.section-between{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-between h2{margin:0}.section-between span{color:#667085;font-size:12px;font-weight:850}.lesson-roadmap-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lesson-roadmap-card{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:15px}.lesson-roadmap-card span{color:#6d28d9;background:#f3edff;border-radius:999px;place-items:center;width:28px;height:28px;margin-bottom:10px;font-size:12px;font-weight:950;display:grid}.lesson-roadmap-card strong{color:#111827;font-size:13px;font-weight:950;display:block}.lesson-roadmap-card small{color:#64748b;margin-top:5px;font-size:11px;font-weight:750;display:block}.lesson-roadmap-card p{color:#7c3aed;align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:900;display:flex}.lesson-roadmap-card.completed{background:#fbfffc;border-color:#22c55e33}.lesson-roadmap-card.completed span{color:#16a34a;background:#dcfce7}.lesson-roadmap-card.completed p{color:#16a34a}.lesson-roadmap-card.locked{opacity:.68}.lesson-roadmap-card.current{background:#faf5ff;border-color:#6d28d94d;box-shadow:0 0 0 2px #6d28d926}.lesson-roadmap-card.current span{color:#6d28d9;background:#ede9fe}.lesson-roadmap-action.current{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 22px #6d28d940}.final-project{justify-content:space-between;gap:20px;display:flex}.final-project--locked{opacity:.72;filter:grayscale(.25)}.final-project-lock-hint{color:#8a8aab;background:#f4f2ff;border-radius:10px;align-items:center;gap:6px;margin-top:24px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.final-project-action.locked{color:#8a8aab;cursor:not-allowed;box-shadow:none;background:#e2e0ee;justify-content:center;align-items:center;gap:6px;display:flex}.final-project-action.locked:hover{background:#e2e0ee;transform:none}.project-tags{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.final-project-xp{text-align:center;background:#f8f5ff;border-radius:20px;place-content:center;min-width:180px;padding:18px;display:grid}.final-project-xp span{color:#6d28d9;font-size:12px;font-weight:850}.final-project-xp strong{color:#7c3aed;font-size:28px;font-weight:950}.grades-list{gap:12px;display:grid}.grades-list>div{background:#fbfaff;border:1px solid #7c3aed14;border-radius:16px;justify-content:space-between;gap:16px;padding:15px;display:flex}.grades-list span{color:#334155;font-size:13px;font-weight:850}.grades-list small{color:#667085;margin-top:5px;font-weight:650;display:block}.grades-list strong{color:#6d28d9;font-weight:950}.track-login-cta{background:linear-gradient(135deg,#fff,#f8f5ff);border:1px solid #7c3aed1a;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex;box-shadow:0 14px 34px #281f500e}.track-login-cta strong{color:#111827;font-size:18px;font-weight:950}.track-login-cta p{color:#667085;margin:5px 0 0;font-size:13px;font-weight:650}.track-detail-not-found{text-align:center;background:#fff;border-radius:28px;padding:42px;box-shadow:0 14px 34px #281f500e}.track-detail-not-found a{color:#6d28d9;font-weight:950}@media (width<=900px){.track-detail-hero{grid-template-columns:1fr}.track-progress-grid,.lesson-roadmap-grid{grid-template-columns:repeat(2,1fr)}.final-project,.track-login-cta{flex-direction:column;align-items:stretch}}@media (width<=620px){.track-detail-page{padding:22px 16px 54px}.track-detail-hero{padding:24px}.track-detail-copy h1{font-size:32px}.track-progress-grid,.lesson-roadmap-grid,.learning-grid,.track-detail-tabs{grid-template-columns:1fr}}.track-detail-primary-btn.joined{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 14px 28px #22c55e38}.lesson-back-btn{max-width:1120px;margin:20px auto 0;padding:0 24px}.lesson-back-btn a{color:#6d28d9;align-items:center;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.projects-showcase-hero{min-height:300px;padding:34px;position:relative;overflow:hidden}.projects-hero-copy h1{font-size:clamp(30px,4vw,46px);line-height:1.05}.projects-hero-copy p{font-size:13px}.projects-hero-art img{object-fit:contain;width:min(100%,360px);height:230px}.projects-yellow-star{z-index:4;color:#ffc542;filter:drop-shadow(0 8px 10px #ffc54259);pointer-events:none;font-size:28px;line-height:1;animation:2.8s ease-in-out infinite projectStarFloat;position:absolute}.projects-yellow-star.star-one{top:44px;right:34%}.projects-yellow-star.star-two{font-size:22px;animation-delay:.6s;top:118px;right:12%}.projects-yellow-star.star-three{font-size:20px;animation-delay:1.1s;bottom:54px;right:28%}.featured-project-content h2{font-size:26px}.projects-section-title h2{font-size:23px}.project-card-content h3{font-size:16px}.project-detail-content h1{font-size:31px}.project-detail-card h2{font-size:17px}.project-detail-actions button{color:#8b8fa8;cursor:not-allowed;background:#eef0f7;border:0;border-radius:14px;min-height:40px;font-weight:900}.about-page-v2{max-width:1220px;margin:0 auto;padding:24px 26px 64px}.about-hero-v2{background:radial-gradient(circle at 12% 18%,#ff8d4d29,#0000 28%),radial-gradient(circle at 88% 16%,#6c5cff2b,#0000 30%),linear-gradient(135deg,#fff8ef,#f4f0ff 58%,#eef8ff);border:1px solid #eee9ff;border-radius:30px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:26px;min-height:355px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #6c5cff1a}.about-chip-v2{color:#6c5cff;background:#f0ebff;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.about-hero-text-v2 h1{color:#161b3d;letter-spacing:-1.2px;margin:16px 0 12px;font-size:clamp(34px,4.4vw,48px);font-weight:900;line-height:1.08}.about-hero-text-v2 h1 span{color:#ff6f3c;display:block}.about-hero-text-v2 p{color:#667085;max-width:510px;margin:0;font-size:14px;font-weight:600;line-height:1.85}.about-hero-actions-v2{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.about-hero-image-wrap-v2{justify-content:center;align-items:center;display:flex;position:relative}.about-hero-img-v2{object-fit:contain;filter:drop-shadow(0 18px 34px #6c5cff24);width:100%;max-width:525px;height:auto;display:block}.about-float-badge{color:#161b3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:900;animation:3s ease-in-out infinite aboutFloat;display:inline-flex;position:absolute;box-shadow:0 14px 30px #6c5cff24}.about-float-badge.badge-one{bottom:16%;left:8%}.about-float-badge.badge-two{animation-delay:.8s;top:14%;right:10%}@keyframes aboutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.about-feature-strip-v2{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.strip-card{background:#fff;border:1px solid #eee9ff;border-radius:23px;align-items:center;gap:14px;min-height:104px;padding:18px;transition:all .2s;display:flex;box-shadow:0 14px 34px #6c5cff14}.strip-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #6c5cff24}.strip-card.purple{background:linear-gradient(135deg,#fff,#f1edff)}.strip-card.orange{background:linear-gradient(135deg,#fff,#fff1e7)}.strip-card.blue{background:linear-gradient(135deg,#fff,#edf8ff)}.strip-card.green{background:linear-gradient(135deg,#fff,#eafff5)}.strip-icon{color:#6c5cff;background:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 24px #6c5cff21}.strip-card.orange .strip-icon{color:#ff7a35}.strip-card.blue .strip-icon{color:#338cff}.strip-card.green .strip-icon{color:#20b486}.strip-card h3{color:#161b3d;margin:0 0 4px;font-size:17px;font-weight:900}.strip-card p{color:#667085;margin:0;font-size:13px;font-weight:600}.about-section-v2,.about-flow-v2{margin-top:44px}.section-head-v2{margin-bottom:18px}.section-head-v2 span{color:#6c5cff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.section-head-v2 h2{color:#161b3d;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:900}.section-head-v2 p{color:#667085;max-width:670px;margin:0;font-size:14px;font-weight:600;line-height:1.8}.why-grid-v2{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why-card-v2{background:linear-gradient(135deg,#fff,#f8f6ff);border:1px solid #eee9ff;border-radius:23px;min-height:168px;padding:20px;transition:all .2s;box-shadow:0 14px 34px #6c5cff14}.why-card-v2:hover{transform:translateY(-5px);box-shadow:0 22px 48px #6c5cff24}.why-icon-v2{color:#6c5cff;background:#f0ebff;border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid}.why-card-v2 h3{color:#161b3d;margin:0 0 8px;font-size:16px;font-weight:900}.why-card-v2 p{color:#667085;margin:0;font-size:13.5px;font-weight:600;line-height:1.7}.flow-grid-v2{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.flow-grid-v2 article{background:#fff;border:1px solid #eee9ff;border-radius:23px;padding:20px;box-shadow:0 14px 34px #6c5cff14}.flow-grid-v2 b{color:#fff;background:linear-gradient(135deg,#6c5cff,#4c1d95);border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:14px;font-weight:900;display:grid}.flow-grid-v2 h3{color:#161b3d;margin:0 0 8px;font-size:16px;font-weight:900}.flow-grid-v2 p{color:#667085;margin:0;font-size:13.5px;font-weight:600;line-height:1.7}.about-numbers-v2{background:linear-gradient(135deg,#fff,#f7f5ff);border:1px solid #eee9ff;border-radius:25px;grid-template-columns:repeat(4,1fr);margin-top:44px;padding:24px;display:grid;box-shadow:0 14px 34px #6c5cff14}.about-numbers-v2 div{text-align:center;border-right:1px solid #eee9ff}.about-numbers-v2 div:last-child{border-right:none}.about-numbers-v2 strong{color:#161b3d;font-size:29px;font-weight:900;display:block}.about-numbers-v2 span{color:#667085;margin-top:6px;font-size:13px;font-weight:700;display:block}.about-cta-v2{background:radial-gradient(circle at 10% 20%,#ff8d4d29,#0000 28%),linear-gradient(135deg,#fff8ef,#f2efff);border:1px solid #eee9ff;border-radius:25px;justify-content:space-between;align-items:center;gap:18px;margin-top:44px;padding:28px;display:flex;box-shadow:0 14px 34px #6c5cff14}.about-cta-v2 h2{color:#161b3d;letter-spacing:-.4px;margin:0 0 8px;font-size:24px;font-weight:900}.about-cta-v2 p{color:#667085;margin:0;font-size:14px;font-weight:600}@media (width<=950px){.about-page-v2{padding:16px}.about-hero-v2,.about-feature-strip-v2,.why-grid-v2,.flow-grid-v2,.about-numbers-v2{grid-template-columns:1fr}.about-hero-v2{padding:26px}.about-hero-text-v2 h1{font-size:34px}.about-numbers-v2 div{border-bottom:1px solid #eee9ff;border-right:none;padding:14px 0}.about-numbers-v2 div:last-child{border-bottom:none}.about-cta-v2{flex-direction:column;align-items:flex-start}}.help-chip-v2,.help-contact-card-v2 span,.help-mini-cta-v2 .btn,.help-contact-card-v2 .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.help-hero-v2{position:relative}.help-hero-text-v2 h1{font-size:clamp(32px,4vw,44px);font-weight:900}.help-chip-v2{font-weight:800}.help-search-box-v2 svg{color:#6c5cff;flex-shrink:0}.help-search-box-v2 input{width:100%}.help-hero-image-wrap-v2{position:relative}.help-float-badge{color:#161b3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:900;animation:3s ease-in-out infinite helpFloat;display:inline-flex;position:absolute;box-shadow:0 14px 30px #6c5cff24}.help-float-badge.badge-one{bottom:16%;left:8%}.help-float-badge.badge-two{animation-delay:.8s;top:14%;right:8%}@keyframes helpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.help-fast-card div{color:#6c5cff}.help-fast-card.orange div{color:#ff7a35}.help-fast-card.blue div{color:#338cff}.help-fast-card.green div{color:#20b486}.help-fast-card h3,.help-section-head-v2 h2,.help-contact-card-v2 h2,.help-mini-cta-v2 h3,.help-faq-item-v2 h3{font-weight:900}.help-contact-card-v2 input,.help-contact-card-v2 textarea{width:100%}.help-mini-cta-v2>svg{color:#ffc542;filter:drop-shadow(0 8px 10px #ffc5424d)}.home-new-copy h1 span{color:#ff6f3c;display:block}.home-new-actions .btn{align-items:center;gap:8px;display:inline-flex}.home-new-art>img{object-fit:contain;filter:drop-shadow(0 20px 35px #6c5cff26);width:100%;max-width:550px;height:auto}@keyframes homeFloatNew{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes homeStarNew{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(8deg)}}.home-current-track-new,.home-mission-map,.home-new-track-card,.home-how-grid-new article{background:#fff;border:1px solid #eee9ff;box-shadow:0 14px 34px #6c5cff14}.home-mission-map{background:linear-gradient(135deg,#fff,#f8f6ff);border-radius:26px;margin-top:24px;padding:24px}.mission-map-line{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.mission-node{text-align:center;background:#f8f6ff;border:1px solid #eee9ff;border-radius:20px;min-width:112px;padding:14px}.mission-node span{color:#6c5cff;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 8px;display:grid}.mission-node.completed{background:#eafff5;border-color:#bff4dd}.mission-node.completed span{color:#20b486}.mission-node.current{background:#fff1e7;border-color:#ffd7bd}.mission-node.current span{color:#ff7a35}.mission-node.locked{opacity:.58}.mission-node p{color:#111638;margin:0;font-size:12px;font-weight:900}.home-how-grid-new article{border-radius:24px;padding:20px}.home-how-grid-new b{color:#fff;background:linear-gradient(135deg,#6c5cff,#4c1d95);border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:14px;font-weight:950;display:grid}@media (width<=950px){.home-new-page{padding:16px}.home-new-hero,.home-student-stats-new,.home-new-tracks-grid,.home-how-grid-new{grid-template-columns:1fr}.home-new-hero{padding:26px}.home-current-track-new,.home-section-head-new{flex-direction:column;align-items:flex-start}.current-track-progress{width:100%}}.home-new-page{max-width:1180px;margin:0 auto;padding:20px 24px 56px}.home-new-hero{background:radial-gradient(circle at 15% 18%,#ff8d4d29,#0000 28%),radial-gradient(circle at 88% 12%,#6c5cff2e,#0000 32%),linear-gradient(135deg,#fff8ef,#f4f0ff 56%,#eef8ff);border:1px solid #eee9ff;border-radius:30px;grid-template-columns:1fr .95fr;align-items:center;gap:22px;min-height:350px;padding:30px 34px;display:grid;overflow:hidden;box-shadow:0 16px 42px #6c5cff1a}.home-new-chip{color:#6c5cff;background:#f0ebff;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:900;display:inline-flex}.home-new-copy h1{color:#111638;letter-spacing:-1px;margin:14px 0 10px;font-size:clamp(30px,4vw,45px);font-weight:950;line-height:1.06}.home-new-copy h1 span{background:linear-gradient(90deg,#6c5cff 0%,#b44cff 42%,#ff6f3c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.home-new-copy p{color:#667085;max-width:500px;margin:0;font-size:13.5px;font-weight:650;line-height:1.75}.home-new-actions{flex-wrap:wrap;gap:11px;margin-top:21px;display:flex}.home-new-actions .btn{align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;display:inline-flex}.home-new-mini{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.home-new-mini span{color:#475467;background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11.5px;font-weight:850;display:inline-flex}.home-new-art{justify-content:center;align-items:center;min-height:305px;display:flex;position:relative}.home-new-art>img{object-fit:contain;filter:drop-shadow(0 18px 30px #6c5cff29);width:100%;max-width:415px;height:auto;display:block}.hero-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:17px;align-items:center;gap:9px;min-width:118px;padding:10px 12px;animation:3s ease-in-out infinite homeFloatNew;display:flex;position:absolute;box-shadow:0 12px 28px #6c5cff21}.hero-stat svg{color:#6c5cff}.hero-stat small{color:#667085;font-size:10px;font-weight:850;display:block}.hero-stat strong{color:#111638;margin-top:2px;font-size:15px;font-weight:950;display:block}.hero-stat.stat-one{top:16px;left:10%}.hero-stat.stat-two{animation-delay:.7s;top:52px;right:2%}.hero-stat.stat-three{animation-delay:1.2s;bottom:18px;left:2%}.home-star{color:#ffc542;filter:drop-shadow(0 8px 10px #ffc54261);font-size:22px;animation:2.8s ease-in-out infinite homeStarNew;position:absolute}.home-star.s1{top:10%;left:2%}.home-star.s2{font-size:17px;animation-delay:.7s;top:19%;right:23%}.home-star.s3{font-size:16px;animation-delay:1.1s;bottom:17%;right:9%}.home-student-stats-new{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.home-student-stats-new article{background:#fff;border:1px solid #eee9ff;border-radius:22px;padding:17px;box-shadow:0 12px 30px #6c5cff14}.home-student-stats-new article>span{border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:10px;display:grid}.home-student-stats-new .purple{color:#6c5cff;background:#f0ebff}.home-student-stats-new .green{color:#20b486;background:#eafff5}.home-student-stats-new .orange{color:#ff7a35;background:#fff1e7}.home-student-stats-new .blue{color:#338cff;background:#edf8ff}.home-student-stats-new p{color:#667085;margin:0 0 5px;font-size:12.5px;font-weight:850}.home-student-stats-new strong{color:#111638;font-size:22px;font-weight:950}.home-current-track-new,.home-new-track-card,.home-how-grid-new article{background:#fff;border:1px solid #eee9ff;box-shadow:0 12px 30px #6c5cff14}.home-current-track-new{background:linear-gradient(135deg,#fff,#f7f5ff);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:22px;display:flex}.home-current-track-new span,.home-section-head-new span{color:#6c5cff;text-transform:uppercase;font-size:11.5px;font-weight:950}.home-current-track-new h2{color:#111638;margin:7px 0;font-size:22px;font-weight:950}.home-current-track-new p{color:#667085;max-width:640px;margin:0;font-size:13.5px;font-weight:650}.current-track-progress{min-width:170px}.current-track-progress strong{color:#111638;font-size:22px;font-weight:950}.current-track-progress div{background:#eee9ff;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.home-game-map{background:radial-gradient(circle at 12% 20%,#ffc5422e,#0000 26%),radial-gradient(circle at 86% 20%,#6c5cff29,#0000 30%),linear-gradient(135deg,#fffdf7,#f7f3ff 55%,#eef8ff);border:1px solid #eee9ff;border-radius:28px;margin-top:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 16px 40px #6c5cff1a}.home-section-head-new{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.home-section-head-new.center{text-align:center;display:block}.home-section-head-new h2{color:#111638;margin:7px 0;font-size:24px;font-weight:950}.home-section-head-new p{color:#667085;margin:0;font-size:13.5px;font-weight:650}.home-section-head-new a{color:#6c5cff;align-items:center;gap:7px;font-size:13px;font-weight:950;text-decoration:none;display:inline-flex}.game-map-board{background:radial-gradient(circle at 20% 72%,#20b48621,#0000 18%),radial-gradient(circle at 70% 38%,#ff7a3521,#0000 20%),linear-gradient(135deg,#ffffffd6,#ffffff73);border:1px dashed #6c5cff38;border-radius:26px;min-height:260px;margin-top:10px;position:relative;overflow:hidden}.game-map-board:before,.game-map-board:after{content:"★";color:#ffc542;filter:drop-shadow(0 8px 10px #ffc54259);animation:2.8s ease-in-out infinite homeStarNew;position:absolute}.game-map-board:before{font-size:22px;top:28px;left:38px}.game-map-board:after{font-size:18px;animation-delay:.8s;bottom:42px;right:72px}.game-map-path{opacity:.75;background:radial-gradient(circle at 10% 70%,#d8d0ff 0 7px,#0000 8px),radial-gradient(circle at 25% 38%,#d8d0ff 0 7px,#0000 8px),radial-gradient(circle at 42% 62%,#d8d0ff 0 7px,#0000 8px),radial-gradient(circle at 58% 32%,#d8d0ff 0 7px,#0000 8px),radial-gradient(circle at 73% 58%,#d8d0ff 0 7px,#0000 8px),radial-gradient(circle at 88% 34%,#d8d0ff 0 7px,#0000 8px);position:absolute;inset:0}.game-map-path:before{content:"";background:linear-gradient(90deg,#6c5cff2e,#ff7a3533,#20b48633);border-radius:999px;height:6px;position:absolute;top:50%;left:9%;right:10%;transform:rotate(-4deg)}.game-map-node{text-align:center;z-index:2;background:#fff;border:2px solid #eee9ff;border-radius:24px;place-items:center;width:86px;height:86px;padding:8px;transition:all .2s;display:grid;position:absolute;box-shadow:0 14px 28px #6c5cff1f}.game-map-node:hover{transform:translateY(-5px)scale(1.03)}.game-map-node span{color:#6c5cff;background:#f0ebff;border-radius:14px;place-items:center;width:34px;height:34px;display:grid}.game-map-node strong{color:#111638;margin-top:2px;font-size:15px;font-weight:950;line-height:1}.game-map-node p{color:#667085;margin:0;font-size:10px;font-weight:900;line-height:1}.game-map-node.completed{background:linear-gradient(135deg,#fff,#eafff5);border-color:#a8efd2}.game-map-node.completed span{color:#20b486;background:#d9faec}.game-map-node.current{background:linear-gradient(135deg,#fff,#fff1e7);border-color:#ffc08c;animation:1.6s ease-in-out infinite currentMissionPulse}.game-map-node.current span{color:#ff7a35;background:#ffe1cb}.game-map-node.locked{opacity:.52;filter:grayscale(.2)}.game-map-node.node-1{top:58%;left:6%}.game-map-node.node-2{top:24%;left:21%}.game-map-node.node-3{top:52%;left:37%}.game-map-node.node-4{top:20%;left:53%}.game-map-node.node-5{top:50%;left:68%}.game-map-node.node-6{top:23%;left:82%}.game-map-treasure{color:#fff;z-index:3;background:linear-gradient(135deg,#ffc542,#ff8a3d);border-radius:999px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:950;display:inline-flex;position:absolute;bottom:22px;right:28px;box-shadow:0 14px 28px #ff8a3d3d}@keyframes currentMissionPulse{0%,to{box-shadow:0 14px 28px #ff7a3524}50%{box-shadow:0 18px 38px #ff7a3559}}.home-tracks-new-section,.home-how-new{margin-top:40px}.home-new-tracks-grid,.home-how-grid-new{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.home-new-track-card{border-radius:23px;transition:all .2s;overflow:hidden}.home-new-track-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px #6c5cff21}.home-new-track-img{background:linear-gradient(135deg,#f7f5ff,#eef8ff);place-items:center;height:135px;display:grid}.home-new-track-img img{object-fit:contain;width:86px;height:86px}.home-new-track-body{padding:16px}.home-new-track-body>span{color:#6c5cff;text-transform:uppercase;font-size:10.5px;font-weight:950}.home-new-track-body h3{color:#111638;margin:7px 0;font-size:16px;font-weight:950}.home-new-track-body p{color:#667085;height:56px;margin:0;font-size:12.5px;font-weight:650;line-height:1.55;overflow:hidden}.home-new-track-meta{gap:9px;margin:13px 0;display:flex}.home-new-track-meta small{color:#667085;align-items:center;gap:5px;font-size:10.5px;font-weight:850;display:inline-flex}.home-new-track-body a{color:#6c5cff;align-items:center;gap:7px;font-size:12.5px;font-weight:950;text-decoration:none;display:inline-flex}.home-how-grid-new article{border-radius:23px;padding:20px;position:relative;overflow:hidden}.home-how-grid-new b{color:#fff;background:linear-gradient(135deg,#6c5cff,#4c1d95);border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:13px;display:grid}.home-how-grid-new h3{color:#111638;margin:0 0 7px;font-size:15.5px;font-weight:950}.home-how-grid-new p{color:#667085;margin:0;font-size:13px;font-weight:650;line-height:1.65}@media (width<=950px){.home-new-page{padding:16px}.home-new-hero,.home-student-stats-new,.home-new-tracks-grid,.home-how-grid-new{grid-template-columns:1fr}.home-new-hero{padding:24px}.home-new-art{min-height:270px}.home-new-art>img{max-width:330px}.home-current-track-new,.home-section-head-new{flex-direction:column;align-items:flex-start}.current-track-progress{width:100%}.game-map-board{min-height:520px}.game-map-node.node-1{top:6%;left:10%}.game-map-node.node-2{top:18%;left:55%}.game-map-node.node-3{top:34%;left:14%}.game-map-node.node-4{top:48%;left:56%}.game-map-node.node-5{top:66%;left:13%}.game-map-node.node-6{top:78%;left:55%}}.mission-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.mission-top strong{color:#20b486}.mission-xp{color:#20b486;background:#fff;border-radius:999px;flex:none;padding:9px 14px;font-size:13px;font-weight:950;box-shadow:0 12px 24px #20b48621}.mission-start-btn{color:#fff;background:linear-gradient(135deg,#28d17c,#17b96d);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;min-width:245px;margin:20px auto 0;padding:15px 28px;font-size:17px;font-weight:950;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 16px 28px #20b48645}.mission-start-btn:hover{transform:translateY(-3px);box-shadow:0 20px 34px #20b48657}@keyframes missionPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.05)}}@media (width<=950px){.home-mission-current-row{grid-template-columns:1fr}.mission-map-soft{height:240px}.mission-coin-1{top:12%;left:8%}.mission-coin-2{top:20%;left:55%}.mission-coin-3{top:58%;left:12%}.mission-coin-4{top:60%;right:8%}}.home-mission-card{background:linear-gradient(135deg,#f5fff7,#eaf9ef,#eef8ff);border:1px solid #20b48629;border-radius:26px;padding:18px;box-shadow:0 16px 38px #37785a1c}.mission-xp{color:#20b486;background:#fff;border-radius:999px;height:fit-content;padding:8px 12px;font-size:12px;font-weight:950}.mission-map-soft{background:linear-gradient(135deg,#dff8e8,#e9fbef,#e8f7ff);border-radius:22px;height:138px;position:relative;overflow:hidden}.mission-dash-line{z-index:1;width:calc(100% - 36px);height:calc(100% - 16px);position:absolute;inset:8px 18px}.mission-coin strong{color:#18223f;font-size:10px;font-weight:950;line-height:1.1;display:block}.mission-coin span{color:#667085;margin-top:2px;font-size:9px;font-weight:800;display:block}.mission-start-btn{color:#fff;background:linear-gradient(135deg,#27d17d,#13b96b);border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:210px;margin:14px auto 0;padding:12px 22px;font-size:15px;font-weight:950;text-decoration:none;display:flex;box-shadow:0 13px 22px #20b4863d}.home-current-track-new{background:radial-gradient(circle at 85% 15%,#ffd24c61,#0000 28%),radial-gradient(circle at 10% 90%,#4cc9f047,#0000 30%),linear-gradient(135deg,#fff7d7 0%,#f4ecff 48%,#e8f8ff 100%);border:1px solid #7c5cff29;border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 42px #6c5cff1f}.home-current-track-new:after{content:"";opacity:.16;background:linear-gradient(135deg,#7c5cff,#38bdf8);border-radius:50%;width:115px;height:115px;position:absolute;top:-35px;right:-35px}.home-current-track-new span{color:#6c5cff;font-size:12px;font-weight:950}.home-current-track-new h2{color:#111638;margin:10px 0;font-size:28px}.home-current-track-new p{color:#35405f;font-weight:750;line-height:1.6}.current-track-progress strong{color:#111638;font-size:30px}.current-track-progress div{background:#6c5cff29;border-radius:999px;height:11px;overflow:hidden}.current-track-progress i{border-radius:inherit;background:linear-gradient(90deg,#20b486,#38bdf8,#7c5cff);height:100%;display:block}.home-mission-current-row{grid-template-columns:minmax(0,760px) 330px;align-items:stretch;gap:18px;margin-top:20px;display:grid}.home-mission-card{background:linear-gradient(135deg,#f5fff7,#e9f9ef,#eef9ff);border:1px solid #20b48626;border-radius:28px;padding:20px 24px 22px;overflow:visible;box-shadow:0 18px 42px #37785a1f}.mission-top{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.mission-top h2{color:#111638;margin:0 0 5px;font-size:24px;font-weight:950}.mission-top p{color:#4f5a78;margin:0;font-size:13px;font-weight:750}.mission-xp{color:#20b486;background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:950}.mission-map-soft{background:linear-gradient(135deg,#dff8e7,#eafbf0,#e8f8ff);border-radius:24px;height:190px;margin-top:8px;position:relative;overflow:visible}.mission-dash-line{z-index:1;width:calc(100% - 90px);height:115px;position:absolute;top:25px;left:45px}.mission-coin{z-index:2;text-align:center;width:118px;position:absolute}.mission-coin-1{top:66px;left:3%}.mission-coin-2{top:18px;left:28%}.mission-coin-3{top:66px;left:54%}.mission-coin-4{top:18px;right:1%}.mission-icon{color:#fff;border:4px solid #ffffff9e;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 7px;display:grid;box-shadow:0 12px 20px #00000021,inset 0 -7px #00000014}.mission-icon svg{width:25px;height:25px}.mission-coin.completed .mission-icon{background:linear-gradient(145deg,#4ade80,#16a66a)}.mission-coin.current .mission-icon{background:linear-gradient(145deg,#8b5cf6,#4f46e5);animation:1.5s ease-in-out infinite missionPulse}.mission-coin.locked .mission-icon{background:linear-gradient(145deg,#ffc247,#f59e0b)}.mission-coin strong{color:#18223f;white-space:normal;font-size:11px;font-weight:950;line-height:1.15;display:block}.mission-coin span{color:#667085;white-space:normal;margin-top:3px;font-size:10px;font-weight:850;line-height:1.15;display:block}.mission-start-btn{color:#fff;background:linear-gradient(135deg,#2bd982,#13b96b);border-radius:999px;justify-content:center;align-items:center;gap:9px;width:210px;height:46px;margin:14px auto 0;font-size:14px;font-weight:950;text-decoration:none;display:flex;box-shadow:0 14px 25px #20b48645}.profile-avatar{background:#eef2ff;border-radius:28px;place-items:center;width:92px;height:92px;display:grid;position:relative;overflow:hidden}.profile-avatar-fallback{display:none}.profile-page{width:min(1180px,100% - 32px);margin:28px auto 60px}.profile-hero{background:linear-gradient(135deg,#eef8ff,#f4efff,#f5fff7);border-radius:30px;align-items:center;gap:22px;padding:26px;display:flex}.profile-avatar{background:#fff;border-radius:28px;flex:none;place-items:center;width:96px;height:96px;display:grid;overflow:hidden;box-shadow:0 14px 30px #6c5cff24}.profile-avatar img{object-fit:contain;width:86%;height:86%}.profile-main-info{flex:1}.profile-main-info span{color:#6c5cff;font-size:13px;font-weight:900}.profile-main-info h1{color:#111638;margin:6px 0;font-size:34px}.profile-main-info p{color:#667085;margin:0;font-weight:700}.profile-edit-btn{color:#fff;cursor:pointer;background:#111638;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:900;display:inline-flex}.profile-edit-card{border-radius:26px;margin-top:18px;padding:22px}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.profile-form-grid label{color:#35405f;font-size:13px;font-weight:850}.profile-form-grid input{border:1px solid #d8deef;border-radius:16px;outline:none;width:100%;margin-top:7px;padding:13px 14px;font-weight:700}.profile-tabs{background:#fff;border-radius:999px;gap:10px;margin:22px 0;padding:8px;display:flex;box-shadow:0 12px 30px #1116380f}.profile-tabs button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:12px 18px;font-weight:900}.profile-tabs button.active{color:#fff;background:linear-gradient(135deg,#6c5cff,#38bdf8)}.profile-grid{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.profile-info-card,.profile-projects{border-radius:28px;padding:24px}.profile-info-card.full{grid-column:1/-1}.profile-info-card h2,.profile-projects h2{color:#111638;margin:0 0 18px;font-size:24px}.profile-info-list{gap:12px;display:grid}.profile-info-list p{color:#35405f;align-items:center;gap:10px;margin:0;font-weight:800;display:flex}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-stat-card{border-radius:24px;padding:20px}.profile-stat-card svg{color:#6c5cff}.profile-stat-card p{color:#667085;margin:12px 0 6px;font-weight:800}.profile-stat-card strong{color:#111638;font-size:28px}.profile-track-list,.profile-project-list,.profile-achievements,.profile-certificate-list{gap:14px;display:grid}.profile-track-row,.profile-project-item,.profile-certificate,.profile-achievements article{background:linear-gradient(135deg,#f8fbff,#f7f4ff);border-radius:22px;align-items:center;gap:14px;padding:16px;display:flex}.profile-track-row{justify-content:space-between}.profile-track-row h3,.profile-project-item h3,.profile-achievements h3,.profile-certificate h3{color:#111638;margin:0 0 4px}.profile-track-row p,.profile-project-item p,.profile-achievements p,.profile-certificate p{color:#667085;margin:0;font-weight:700}.profile-track-row strong{color:#20b486;font-size:22px}.profile-project-item span{color:#12935e;background:#e9f8ef;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:900}.profile-empty,.profile-empty-text{color:#667085;font-weight:800}@media (width<=850px){.profile-hero,.profile-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start}.profile-form-grid,.profile-stats-grid{grid-template-columns:1fr}.profile-tabs{border-radius:24px;flex-wrap:wrap}}.db-page,.profile-page{background:0 0}.db-page .card,.profile-page .card,.profile-info-card,.profile-projects,.db-table-card,.db-project-row,.db-gtrack-card{border:1px solid #6c5cff1a;box-shadow:0 18px 45px #11163812}.db-welcome,.profile-hero{border:1px solid #6c5cff24;box-shadow:0 24px 55px #6c5cff24}.profile-page input,.profile-page select,.profile-page textarea,.db-page input,.db-page select,.db-page textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111638;background:#fff}.profile-tabs,.profile-info-card,.profile-projects{background:#fff}.db-page,.profile-page{width:min(1220px,100% - 32px);color:var(--ink);margin:26px auto 60px}.db-welcome,.profile-hero{border:1px solid var(--line)!important;background:radial-gradient(circle at 88% 12%,#ff8d4d2e,#0000 28%),radial-gradient(circle at 18% 82%,#4c1d951f,#0000 30%),linear-gradient(120deg,#fff7ef 0%,#f3efff 55%,#eef9ff 100%)!important;border-radius:30px!important;box-shadow:0 20px 50px #6c5cff1f!important}.db-welcome-name,.db-section-title,.db-gtrack-title,.profile-main-info h1,.profile-info-card h2,.profile-projects h2,.profile-track-row h3,.profile-project-item h3,.profile-achievements h3,.profile-certificate h3{color:var(--ink)!important}.db-welcome-greeting,.profile-main-info span,.db-see-all,.db-td-xp,.profile-stat-card svg,.profile-track-row strong{color:var(--purple)!important}.db-welcome-sub,.db-gtrack-desc,.db-gtrack-progress-label,.db-table th,.db-td-muted,.db-project-track,.profile-main-info p,.profile-info-list p,.profile-stat-card p,.profile-track-row p,.profile-project-item p,.profile-achievements p,.profile-certificate p,.profile-empty,.profile-empty-text{color:var(--muted)!important}.db-page .card,.profile-page .card,.db-table-card,.db-project-row,.db-gtrack-card,.profile-info-card,.profile-projects,.profile-stat-card{border:1px solid var(--line)!important;background:#fffffff0!important;border-radius:26px!important;box-shadow:0 18px 44px #6c5cff1a!important}.db-gtrack-img-wrap,.profile-avatar{border:1px solid var(--line)!important;background:#f5f1ff!important}.db-progress-fill,.db-score-fill,.profile-tabs button.active{background:linear-gradient(90deg, var(--purple), var(--blue))!important}.db-welcome-left .btn,.profile-edit-btn,.profile-page .btn{background:linear-gradient(135deg, var(--purple), var(--blue))!important;color:#fff!important;border:0!important;box-shadow:0 12px 25px #6c5cff2e!important}.db-welcome-pill,.db-xp-ring,.profile-tabs,.profile-track-row,.profile-project-item,.profile-achievements article,.profile-certificate{border:1px solid var(--line)!important;background:#fff!important}.db-pill-val,.db-ring-label b,.profile-stat-card strong{color:var(--purple)!important}.profile-tabs button{color:var(--muted)!important}.profile-tabs button.active{color:#fff!important}.profile-page input,.profile-page select,.profile-page textarea,.db-page input,.db-page select,.db-page textarea{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:var(--ink)!important;background:#fff!important;border:1px solid #dedaf3!important}:root{--q-admin-bg:linear-gradient(180deg, #fffaf7 0%, #f7f3ff 48%, #f8fbff 100%);--q-panel:#fffffff0;--q-purple:#2e1065;--q-violet:#4c1d95;--q-orange:#ff8d4d;--q-mint:#20b486}.um-trigger{min-height:46px}.um-avatar,.um-header-avatar{object-fit:contain!important;background:#f5f1ff!important;border:2px solid #efe8ff!important;padding:3px!important;display:block!important}.um-avatar{border-radius:999px!important;width:42px!important;height:42px!important}.um-header-avatar{border-radius:18px!important;width:52px!important;height:52px!important}.um-dropdown{z-index:999999!important;color:var(--ink)!important;background:#fffffffa!important}.db-page{flex-direction:column!important;gap:28px!important;width:min(1220px,100% - 32px)!important;max-width:1220px!important;margin:28px auto 64px!important;padding:0!important;display:flex!important}.db-welcome{min-height:250px!important;color:var(--ink)!important;border:1px solid var(--line)!important;background:radial-gradient(circle at 84% 20%,#ff8d4d33,#0000 25%),radial-gradient(circle at 12% 88%,#20b48629,#0000 30%),linear-gradient(120deg,#fff7ef 0%,#f3efff 56%,#eef9ff 100%)!important;border-radius:32px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:30px!important;padding:34px 38px!important;display:grid!important;box-shadow:0 24px 60px #4c1d9521!important}.db-welcome-greeting{color:var(--orange)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important}.db-welcome-name{color:var(--purple)!important;font-size:clamp(34px,5vw,58px)!important;line-height:1!important}.db-welcome-sub{color:#3f4965!important;max-width:560px!important;font-size:16px!important}.db-xp-ring{background:#fff!important;border-radius:38px!important;width:128px!important;height:128px!important;box-shadow:0 18px 40px #4c1d9521!important}.db-ring-svg{width:128px!important;height:128px!important}.db-ring-svg circle:first-child{stroke:#eee9ff!important}.db-ring-svg circle:nth-child(2){stroke:var(--purple)!important}.db-ring-label b{color:var(--purple)!important;font-size:24px!important}.db-ring-label small{color:var(--muted)!important}.db-welcome-pills{gap:10px!important}.db-welcome-pill{border:1px solid var(--line)!important;background:#ffffffe0!important;min-width:160px!important;padding:12px 16px!important;box-shadow:0 14px 30px #4c1d9514!important}.db-pill-val{color:var(--purple)!important}.db-pill-key{color:var(--muted)!important;font-weight:800!important}.db-section-header{margin:4px 0 16px!important}.db-section-title{color:var(--ink)!important;font-size:24px!important}.db-tracks-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.db-gtrack-card,.db-table-card,.db-project-row,.db-empty-state{border:1px solid var(--line)!important;background:#fffffff2!important;border-radius:28px!important;box-shadow:0 18px 44px #6c5cff1a!important}.db-gtrack-img-wrap{background:linear-gradient(135deg,#fff8f1,#f4f0ff)!important;min-height:150px!important}.db-gtrack-title{color:var(--ink)!important;font-size:18px!important}.db-progress-fill{background:linear-gradient(90deg, var(--orange), var(--purple))!important}.db-table thead tr{background:#f6f2ff!important}.db-badge{color:#db6c34!important;background:#fff0e6!important}.db-badge--green{color:#169a69!important;background:#e3faee!important}.profile-page{width:min(1220px,100% - 32px)!important;max-width:1220px!important;margin:28px auto 64px!important}.profile-hero,.profile-info-card,.profile-projects,.profile-stat-card,.profile-edit-card{border:1px solid var(--line)!important;background:#fffffff2!important;box-shadow:0 18px 44px #6c5cff1a!important}.profile-hero{background:radial-gradient(circle at 86% 18%,#ff8d4d2e,#0000 25%),linear-gradient(120deg,#fff7ef,#f3efff 58%,#eef9ff)!important}.profile-edit-btn,.profile-page .btn{background:linear-gradient(135deg, var(--purple), var(--blue))!important;color:#fff!important}.profile-tabs{border:1px solid var(--line)!important}.profile-tabs button.active{background:linear-gradient(135deg, var(--purple), var(--blue))!important}.app-shell-page{background:var(--q-admin-bg)!important}.app-shell-content-main{width:min(1220px,100% - 32px)!important;margin-inline:auto!important}.admin-page,.teacher-profile-page.admin-page{flex-direction:column!important;gap:24px!important;width:100%!important;max-width:1220px!important;margin:26px auto 64px!important;padding:0!important;display:flex!important}.admin-dashboard-hero,.admin-page-hero,.modern-profile-hero{border:1px solid var(--line)!important;background:radial-gradient(circle at 86% 16%,#ff8d4d2e,#0000 25%),radial-gradient(circle at 12% 92%,#20b48626,#0000 30%),linear-gradient(120deg,#fff7ef 0%,#f3efff 55%,#eef9ff 100%)!important;border-radius:32px!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;align-items:center!important;gap:28px!important;padding:34px!important;display:grid!important;overflow:hidden!important;box-shadow:0 24px 60px #4c1d9521!important}.admin-dashboard-hero h1,.admin-page-hero h1,.modern-profile-hero h1{color:var(--ink)!important;margin:8px 0 14px!important;font-size:clamp(34px,4.2vw,54px)!important;line-height:1.03!important}.admin-dashboard-hero h1 span,.admin-page-hero h1 span,.modern-profile-hero h1 span{color:var(--purple)!important}.admin-dashboard-hero p,.admin-page-hero p,.modern-profile-hero p{color:#3f4965!important;font-size:16px!important}.admin-hero-art{justify-content:center!important;align-items:center!important;display:flex!important}.admin-hero-art img{filter:drop-shadow(0 24px 34px #4c1d9524);object-fit:contain!important;width:min(320px,100%)!important;max-height:270px!important}.teacher-dashboard-stat,.modern-panel,.admin-side-card,.admin-application-card,.admin-track-card,.teacher-profile-form,.modern-info-card{border:1px solid var(--line)!important;background:#fffffff5!important;border-radius:28px!important;box-shadow:0 18px 44px #6c5cff1a!important}.teacher-dashboard-stat{min-height:118px!important;padding:20px!important}.teacher-dashboard-stat h2{color:var(--purple)!important;font-size:34px!important}.teacher-dashboard-stat p{color:var(--muted)!important;font-weight:900!important}.modern-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.modern-action-card{border:1px solid var(--line)!important;background:#fff!important;border-radius:26px!important;padding:22px!important;transition:transform .18s,box-shadow .18s!important;box-shadow:0 16px 38px #6c5cff17!important}.modern-action-card:hover,.admin-track-card:hover,.admin-application-card:hover{transform:translateY(-3px)!important;box-shadow:0 24px 55px #6c5cff26!important}.admin-dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)!important;gap:20px!important;display:grid!important}.modern-panel{padding:24px!important}.modern-panel-head h2,.admin-side-card h3,.admin-track-card h3{color:var(--ink)!important}.modern-panel-head p,.admin-side-card,.admin-track-card p{color:var(--muted)!important}.admin-filter-pills button,.modern-filters select,.modern-filters input,.teacher-track-form-grid input,.teacher-track-form-grid select,.teacher-track-form-grid textarea{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:var(--ink)!important;background:#fff!important;border:1px solid #dedaf3!important;border-radius:16px!important}.admin-filter-pills button.active,.teacher-primary-btn{background:linear-gradient(135deg, var(--purple), var(--blue))!important;color:#fff!important}.teacher-secondary-btn{color:var(--purple)!important;border:1px solid var(--line)!important;background:#fff!important}.teacher-secondary-btn.danger{color:#dc2626!important;border-color:#fecaca!important}.modern-table{border:1px solid var(--line)!important;background:#fff!important;border-radius:24px!important;overflow:hidden!important}.modern-table-head{color:var(--purple)!important;background:#f6f2ff!important}.admin-track-grid,.admin-application-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.teacher-tracks-pro-page,.teacher-tracks-pro-form,.teacher-track-form-grid,.teacher-custom-select-wrap{overflow:visible!important}.teacher-tracks-pro-form{z-index:20!important;background:#fffffff5!important;position:relative!important}.teacher-custom-select-wrap{z-index:100!important;flex-direction:column!important;gap:8px!important;display:flex!important;position:relative!important}.teacher-custom-select-label{color:#35405f!important;font-size:13px!important;font-weight:900!important}.teacher-custom-select{width:100%!important;min-height:52px!important;color:var(--ink)!important;text-align:left!important;background:#fff!important;border:1px solid #dedaf3!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0 16px!important;font-weight:800!important;display:flex!important;box-shadow:0 10px 24px #6c5cff14!important}.teacher-custom-select.open,.teacher-custom-select:focus-visible{border-color:#8b7cff!important;outline:3px solid #6c5cff2e!important}.teacher-custom-select:disabled{opacity:.72!important;cursor:not-allowed!important}.teacher-custom-select-menu{z-index:999999!important;max-height:260px!important;color:var(--ink)!important;background:#fffffffc!important;border:1px solid #dedaf3!important;border-radius:18px!important;padding:8px!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 30px 70px #1e195a38!important}.teacher-custom-select-menu button{width:100%!important;color:var(--ink)!important;text-align:left!important;background:#fff!important;border:0!important;border-radius:12px!important;padding:12px 14px!important;font-weight:800!important;display:block!important}.teacher-tracks-pro-quick-grid,.teacher-tracks-pro-grid,.teacher-tracks-pro-card{overflow:visible!important}@media (width<=1100px){.db-tracks-grid,.admin-track-grid,.admin-application-grid,.teacher-dashboard-stats,.modern-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-dashboard-hero,.admin-page-hero,.modern-profile-hero,.admin-dashboard-grid{grid-template-columns:1fr!important}}@media (width<=700px){.db-welcome{grid-template-columns:1fr!important}.db-welcome-stats{flex-direction:column!important;align-items:stretch!important}.db-tracks-grid,.teacher-dashboard-stats,.modern-action-grid,.admin-track-grid,.admin-application-grid{grid-template-columns:1fr!important}}.track-detail-primary-btn.watch-lesson{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 14px 28px #4f46e538}.lesson-roadmap-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border:0;border-radius:12px;width:100%;min-height:38px;margin-top:12px;font-size:12px;font-weight:950;box-shadow:0 10px 22px #4f46e52e}.final-project-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border:0;border-radius:12px;width:auto;min-height:38px;margin-top:12px;padding-left:20px;padding-right:20px;font-size:12px;font-weight:950;box-shadow:0 10px 22px #4f46e52e}.lesson-roadmap-action.completed{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 22px #22c55e2e}.lesson-roadmap-action:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e5e7eb}:root{--purple:#2e1065;--blue:#4c1d95;--q-primary:#2e1065;--q-primary-2:#4c1d95;--q-primary-soft:#f3ecff;--q-primary-soft-2:#ebe0ff;--q-blue:#4c1d95;--q-blue-soft:#f3ecff;--q-widget:linear-gradient(135deg, #fff 0%, #fbf7ff 52%, #f4efff 100%);--q-widget-border:#eadfff;--q-shadow:0 18px 44px #2e10651a}.btn,.filters button.active-filter,.pill-tabs button.active,.admin-filter-pill.active,.admin-filter-pill:hover{background:linear-gradient(135deg, var(--q-primary), var(--q-primary-2))!important;color:#fff!important}.btn.ghost{color:var(--q-primary)!important;border-color:var(--q-widget-border)!important;background:#ffffffdb!important}.hero,.hero-mini,.track-hero,.cta-card,.admin-dashboard-hero,.admin-page-hero,.card.soft,.soft{background:var(--q-widget)!important;border-color:var(--q-widget-border)!important;box-shadow:var(--q-shadow)!important}.track-card img,.track-img,.track-detail-logo,.project-detail-image,.project-preview-image,.auth-card img{background:linear-gradient(135deg,#fbf7ff,#f3ecff)!important}.mini-progress span,.student-track-card .skillbar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i{background:linear-gradient(90deg, var(--q-primary), var(--q-primary-2))!important}.logo-mark{background:conic-gradient(from 210deg,#2e1065,#4c1d95,#7c3aed,#2e1065)!important;box-shadow:0 12px 28px #2e106540!important}.badge,.student-hub-badge,.pill-tabs button,.filters button,.faq,.xp-banner b,.admin-activity-icon,.admin-application-user>span,.admin-user-cell>span{background:var(--q-primary-soft)!important;color:var(--q-primary)!important}.app-shell-content-main{width:min(1220px,100% - 40px);padding:30px 0 48px}.admin-dashboard-hero,.admin-page-hero{min-height:unset;grid-template-columns:minmax(0,1fr);overflow:hidden}.admin-dashboard-hero h1,.admin-page-hero h1{max-width:920px;font-size:clamp(2.35rem,5vw,4.1rem)}.admin-dashboard-hero p,.admin-page-hero p{max-width:860px;font-size:1rem}.admin-dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.admin-side-card,.admin-empty-state,.admin-application-card,.admin-track-card,.modern-profile-row,.teacher-overview-card,.teacher-stat-card,.teacher-project-card,.teacher-question-card{border-color:var(--q-widget-border)!important;box-shadow:var(--q-shadow)!important;background:#fffffff0!important}.admin-stat-link .teacher-stat-icon.blue,.teacher-stat-icon.blue,.modern-profile-stat.blue,.progress-icon.blue,.strip-card.blue .strip-icon,.help-fast-card.blue div{background:var(--q-primary-soft)!important;color:var(--q-primary)!important}@media (width<=1100px){.admin-dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell-content-main{width:min(100% - 24px,100%)}.admin-dashboard-hero h1,.admin-page-hero h1{font-size:2.15rem}}.theme-toggle{min-height:38px;color:var(--q-primary);box-shadow:none;background:#ffffffd1;border:1px solid #2e106529;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:800;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.theme-toggle:hover{background:var(--q-primary-soft)}.theme-toggle.hidden{display:none!important}@media (width>=768px){.theme-toggle.md\:inline-flex{display:inline-flex!important}}@media (width>=1024px){.theme-toggle.lg\:inline-flex{display:inline-flex!important}}.theme-toggle.is-dark{color:#f8fafc;background:#ffffff14;border-color:#ffffff29}html.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8fafc;--muted:#cbd5e1;--card:#141225;--line:#352a60;--q-bg:#090816;--q-heading:#f8fafc;--q-heading-accent:#c4b5fd;--q-primary:#a78bfa;--q-primary-2:#8b5cf6;--q-primary-3:#7c3aed;--q-primary-soft:#a78bfa29;--q-primary-soft-2:#a78bfa3d;--q-widget:linear-gradient(135deg, #15122af5, #1f193beb);--q-widget-border:#a78bfa38;--q-shadow:0 18px 44px #00000047;--q-widget-shadow:0 18px 48px #0000004d;--color-background:#090816;--color-surface:#121022;--color-surface-container:#17142b;--color-surface-container-lowest:#0f0d1f;--color-on-background:#f8fafc;--color-on-surface:#f8fafc;--color-on-surface-variant:#cbd5e1;--color-outline:#9188ad}html.dark-mode body{color:#f8fafc;background:radial-gradient(circle at 12% 8%,#7c3aed33,#0000 30%),radial-gradient(circle at 86% 12%,#0ea5e924,#0000 30%),linear-gradient(#090816,#100d22 44%,#090816)!important}html.dark-mode header,html.dark-mode aside,html.dark-mode .qudra-navbar,html.dark-mode .app-shell-content-area header,html.dark-mode .um-dropdown,html.dark-mode .user-menu,html.dark-mode .modal-card{color:#f8fafc!important;background:#0e0c1df0!important;border-color:#a78bfa2e!important}html.dark-mode .card,html.dark-mode .glass-card,html.dark-mode .panel,html.dark-mode .soft,html.dark-mode .hero,html.dark-mode .hero-mini,html.dark-mode .track-hero,html.dark-mode .admin-dashboard-hero,html.dark-mode .admin-page-hero,html.dark-mode .teacher-modern-panel,html.dark-mode .teacher-tracks-pro-form,html.dark-mode .teacher-tracks-pro-card,html.dark-mode .teacher-kpi-modern-card,html.dark-mode .teacher-overview-card,html.dark-mode .teacher-question-card,html.dark-mode .teacher-project-card,html.dark-mode .admin-side-card,html.dark-mode .admin-empty-state,html.dark-mode .admin-application-card,html.dark-mode .admin-track-card,html.dark-mode .db-gtrack-card,html.dark-mode .db-table-card,html.dark-mode .db-project-row,html.dark-mode .db-empty-state{box-shadow:var(--q-shadow)!important;color:#f8fafc!important;background:#121024eb!important;border-color:#a78bfa33!important}html.dark-mode [class*=bg-white]{background-color:#121024e0!important}html.dark-mode [class*=text-slate-],html.dark-mode [class*=text-gray-],html.dark-mode .text-on-background,html.dark-mode .text-on-surface,html.dark-mode .db-section-title,html.dark-mode .db-gtrack-title,html.dark-mode .db-project-title,html.dark-mode .teacher-modern-panel h2,html.dark-mode .teacher-tracks-pro-form h2{color:#f8fafc!important}html.dark-mode .text-on-surface-variant,html.dark-mode .db-welcome-sub,html.dark-mode .db-gtrack-desc,html.dark-mode .db-project-track,html.dark-mode .db-td-muted,html.dark-mode .teacher-modern-panel p,html.dark-mode .teacher-tracks-pro-form-head p{color:#cbd5e1!important}html.dark-mode input,html.dark-mode textarea,html.dark-mode select,html.dark-mode .teacher-custom-select,html.dark-mode .teacher-custom-select-menu{color:#f8fafc!important;background:#090816db!important;border-color:#a78bfa3d!important}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#94a3b8!important}html.dark-mode .db-table thead tr,html.dark-mode .faq,html.dark-mode .filters button,html.dark-mode .pill-tabs button,html.dark-mode .db-progress-bar,html.dark-mode .db-score-bar{background:#ffffff14!important}html.dark-mode .qudra-logo-title,html.dark-mode .qudra-logo-subtitle,html.dark-mode .um-name,html.dark-mode .um-header-name,html.dark-mode .um-header-role{color:#f8fafc!important}.db-next-action{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 28px;padding:22px 24px;display:flex;border:1px solid var(--q-widget-border)!important;background:linear-gradient(135deg,#fff 0%,#fbf7ff 58%,#f3ecff 100%)!important}.db-next-eyebrow{color:var(--q-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:900;display:inline-flex}.db-next-action h2{color:var(--ink);margin:0 0 6px;font-size:1.35rem}.db-next-action p{color:var(--muted);margin:0;font-weight:700}.db-next-button{background:var(--q-primary);border-radius:14px;justify-content:center;align-items:center;min-width:130px;min-height:44px;padding:10px 18px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px #2e10652e;color:#fff!important}@media (width<=760px){.db-next-action{flex-direction:column;align-items:stretch}.db-next-button{width:100%}}:root{--q-primary:#2e1065;--q-primary-2:#4c1d95;--q-primary-3:#5b21b6;--q-primary-soft:#f3ecff;--q-heading:#111638;--q-heading-accent:#4c1d95;--q-widget:radial-gradient(circle at 15% 18%, #ff8d4d2e, transparent 28%), radial-gradient(circle at 86% 15%, #6c5cff33, transparent 33%), linear-gradient(135deg, #fff8ef, #f4f0ff 56%, #eef8ff);--q-widget-border:#eee9ff;--q-widget-shadow:0 18px 48px #6c5cff1c;--purple:var(--q-primary);--blue:var(--q-primary-2)}.btn,.btn:not(.ghost),button.btn,a.btn,.primary-btn,.teacher-primary-btn,.teacher-hero-primary-btn,.teacher-page-primary-btn,.teacher-action-primary,.teacher-modal-primary,.admin-approve-btn,.project-primary-btn,.home-new-actions .btn:first-child,.track-detail-primary,.quiz-primary-btn,.auth-submit,.register-submit,.login-submit,[class*=bg-primary]{background:var(--q-primary)!important;color:#fff!important;border-color:var(--q-primary)!important;background-image:none!important;box-shadow:0 14px 30px #2e106538!important}.btn:hover,a.btn:hover,button.btn:hover,.primary-btn:hover,.teacher-primary-btn:hover,.teacher-hero-primary-btn:hover,.teacher-page-primary-btn:hover,.teacher-action-primary:hover,.teacher-modal-primary:hover,.admin-approve-btn:hover,.project-primary-btn:hover,.auth-submit:hover,.register-submit:hover,.login-submit:hover,[class*=bg-primary]:hover{background:var(--q-primary-2)!important;border-color:var(--q-primary-2)!important;background-image:none!important}.btn.ghost,.teacher-secondary-btn,.teacher-hero-soft-btn,.teacher-page-soft-btn,.teacher-action-soft,.modern-outline-btn,.project-secondary-btn,.home-new-actions .btn.ghost,a[class*=border-primary],button[class*=border-primary]{color:var(--q-primary)!important;box-shadow:none!important;background:#ffffffc7!important;border-color:#2e10652e!important}.btn.ghost:hover,.teacher-secondary-btn:hover,.teacher-hero-soft-btn:hover,.teacher-page-soft-btn:hover,.teacher-action-soft:hover,.modern-outline-btn:hover,.project-secondary-btn:hover,.home-new-actions .btn.ghost:hover{background:var(--q-primary-soft)!important;color:var(--q-primary)!important}.home-new-hero,.tracks-showcase-hero,.track-detail-hero,.projects-showcase-hero,.project-detail-hero,.about-hero-v2,.help-hero-v2,.hero,.hero.compact,.hero-mini,.track-hero,.admin-dashboard-hero,.admin-page-hero,.teacher-dashboard-hero-modern,.teacher-page-hero-pro,.teacher-tracks-pro-hero,.teacher-profile-hero-pro,.profile-hero{border:1px solid var(--q-widget-border)!important;background:var(--q-widget)!important;min-height:420px!important;box-shadow:var(--q-widget-shadow)!important;border-radius:34px!important;padding:38px!important;overflow:hidden!important}.admin-dashboard-hero,.admin-page-hero{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important;display:grid!important}.home-new-copy h1,.tracks-hero-copy h1,.track-detail-content h1,.projects-hero-copy h1,.project-detail-content h1,.about-hero-text-v2 h1,.help-hero-text-v2 h1,.hero h1,.admin-dashboard-hero h1,.admin-page-hero h1,.teacher-dashboard-hero-modern h1,.teacher-page-hero-pro h1,.teacher-tracks-pro-hero h1,.teacher-profile-hero-pro h1,.profile-hero h1{color:var(--q-heading)!important;letter-spacing:-1.4px!important;margin-top:12px!important;margin-bottom:12px!important;font-size:clamp(38px,5vw,56px)!important;font-weight:950!important;line-height:1.05!important}.home-new-copy h1 span,.tracks-hero-copy h1 span,.track-detail-content h1 span,.projects-hero-copy h1 span,.project-detail-content h1 span,.about-hero-text-v2 h1 span,.help-hero-text-v2 h1 span,.hero h1 span,.admin-dashboard-hero h1 span,.admin-page-hero h1 span,.teacher-dashboard-hero-modern h1 span,.teacher-page-hero-pro h1 span,.teacher-tracks-pro-hero h1 span,.teacher-profile-hero-pro h1 span,.profile-hero h1 span{color:var(--q-heading-accent)!important;background:0 0!important;-webkit-background-clip:initial!important}.home-new-copy p,.tracks-hero-copy p,.track-detail-content p,.projects-hero-copy p,.project-detail-content p,.about-hero-text-v2 p,.help-hero-text-v2 p,.hero p,.admin-dashboard-hero p,.admin-page-hero p,.teacher-dashboard-hero-modern p,.teacher-page-hero-pro p,.teacher-tracks-pro-hero p,.teacher-profile-hero-pro p,.profile-hero p{color:#667085!important;max-width:560px!important;font-size:14px!important;font-weight:650!important;line-height:1.85!important}.home-new-chip,.tracks-chip,.teacher-page-badge,.badge,.student-hub-badge{background:var(--q-primary-soft)!important;color:var(--q-primary)!important;border-color:#2e10651f!important}.card,.glass-card,.modern-panel,.modern-action-card,.teacher-dashboard-stat,.admin-side-card,.admin-empty-state,.admin-application-card,.admin-track-card,.profile-card,.student-dashboard-card,.track-card,.public-track-card,.public-project-card,.project-detail-card,.teacher-question-card,.teacher-project-card,.teacher-stat-card{border-color:var(--q-widget-border)!important;box-shadow:0 16px 42px #5d46b017!important}.app-shell-content-area,.app-shell-content-main,.admin-page{min-width:0!important}.app-shell-content-main{width:min(1220px,100% - 40px)!important;margin:0 auto!important;padding:30px 0 56px!important}.admin-page{flex-direction:column!important;gap:22px!important;display:flex!important}.admin-dashboard-grid{grid-template-columns:minmax(0,1fr) 330px!important;align-items:start!important;gap:22px!important;display:grid!important}.teacher-dashboard-stats,.modern-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;display:grid!important}@media (width<=1100px){.admin-dashboard-grid,.teacher-dashboard-stats,.modern-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.home-new-hero,.tracks-showcase-hero,.track-detail-hero,.projects-showcase-hero,.project-detail-hero,.about-hero-v2,.help-hero-v2,.hero,.hero.compact,.hero-mini,.track-hero,.admin-dashboard-hero,.admin-page-hero,.teacher-dashboard-hero-modern,.teacher-page-hero-pro,.teacher-tracks-pro-hero,.teacher-profile-hero-pro,.profile-hero{border-radius:26px!important;grid-template-columns:1fr!important;min-height:auto!important;padding:26px!important}.home-new-copy h1,.tracks-hero-copy h1,.track-detail-content h1,.projects-hero-copy h1,.project-detail-content h1,.about-hero-text-v2 h1,.help-hero-text-v2 h1,.hero h1,.admin-dashboard-hero h1,.admin-page-hero h1,.teacher-dashboard-hero-modern h1,.teacher-page-hero-pro h1,.teacher-tracks-pro-hero h1,.teacher-profile-hero-pro h1,.profile-hero h1{font-size:2.15rem!important}.teacher-dashboard-stats,.modern-action-grid,.admin-dashboard-grid{grid-template-columns:1fr!important}}.register-submit,.login-submit,a[href=\/register].bg-primary,a[href=\/register][class*=bg-primary]{color:#fff!important}html.dark-mode body,html.dark-mode .app-shell-page,html.dark-mode .db-page,html.dark-mode .teacher-dashboard-modern,html.dark-mode .teacher-tracks-pro-page,html.dark-mode .admin-page{color:#f8fafc!important;background:radial-gradient(circle at 12% 8%,#7c3aed33,#0000 30%),radial-gradient(circle at 86% 12%,#0ea5e924,#0000 30%),linear-gradient(#090816,#100d22 44%,#090816)!important}html.dark-mode .card,html.dark-mode .glass-card,html.dark-mode .panel,html.dark-mode .teacher-modern-panel,html.dark-mode .teacher-tracks-pro-form,html.dark-mode .teacher-tracks-pro-card,html.dark-mode .teacher-kpi-modern-card,html.dark-mode .admin-dashboard-hero,html.dark-mode .admin-page-hero,html.dark-mode .db-welcome,html.dark-mode .db-gtrack-card,html.dark-mode .db-table-card,html.dark-mode .db-project-row,html.dark-mode .db-empty-state{color:#f8fafc!important;background:#121024ed!important;border-color:#a78bfa38!important}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode p,html.dark-mode span,html.dark-mode small,html.dark-mode strong,html.dark-mode label,html.dark-mode th,html.dark-mode td{border-color:#a78bfa33}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode strong,html.dark-mode .text-on-background,html.dark-mode .db-welcome-name,html.dark-mode .db-section-title,html.dark-mode .db-gtrack-title,html.dark-mode .teacher-tracks-pro-card h3,html.dark-mode .teacher-modern-panel h2{color:#f8fafc!important}html.dark-mode p,html.dark-mode small,html.dark-mode .text-on-surface-variant,html.dark-mode .db-welcome-sub,html.dark-mode .db-gtrack-desc,html.dark-mode .teacher-modern-panel p,html.dark-mode .teacher-tracks-pro-card p{color:#cbd5e1!important}html.dark-mode .projects-showcase-page,html.dark-mode .profile-page{color:#f8fafc!important;background:radial-gradient(circle at 12% 8%,#7c3aed33,#0000 30%),linear-gradient(#090816,#100d22 48%,#090816)!important}html.dark-mode .projects-showcase-hero,html.dark-mode .all-projects-section,html.dark-mode .featured-project-card,html.dark-mode .project-showcase-card,html.dark-mode .profile-projects,html.dark-mode .profile-project-item,html.dark-mode .teacher-unit-action-card,html.dark-mode .teacher-generated-question{color:#f8fafc!important;background:#121024f0!important;border-color:#a78bfa3d!important;box-shadow:0 20px 50px #02061759!important}html.dark-mode [class*=bg-white],html.dark-mode .teacher-unit-lesson-list span,html.dark-mode .teacher-unit-action-buttons button,html.dark-mode .teacher-unit-lesson-list button{color:#f8fafc!important;background:#1e1b37eb!important;border-color:#a78bfa38!important}html.dark-mode .teacher-custom-select,html.dark-mode .teacher-custom-select-menu,html.dark-mode .teacher-custom-select-menu button{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;color:#f8fafc!important;background:#17142b!important;border-color:#a78bfa47!important}html.dark-mode .teacher-custom-select-menu button:hover,html.dark-mode .teacher-custom-select-menu button.active{color:#fff!important;background:#5b45f538!important}:root{--q-bg:#fafafc;--q-panel:#fff;--q-ink:#17183f;--q-text:#303650;--q-muted:#73788c;--q-line:#ececf3;--q-primary:#2e1065;--q-primary-dark:#5948df;--q-primary-soft:#f3ecff;--q-blue:#4c1d95;--q-blue-soft:#f3ecff;--q-green:#22c55e;--q-green-soft:#eafaf0;--q-orange:#f97316;--q-orange-soft:#fff1e6;--q-pink:#ec4899;--q-pink-soft:#fdeaf3;--q-red:#ef4444;--q-red-soft:#fee2e2;--q-yellow:#f59e0b;--q-yellow-soft:#fff7db;--q-shadow:0 10px 28px #1f235a0f}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}.teacher-page-shell{background:var(--q-bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.teacher-sidebar{border-right:1px solid var(--q-line);background:#fff;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.teacher-brand{align-items:center;gap:3px;margin-bottom:34px;margin-left:-14px;padding:0;display:flex}.teacher-brand-icon{object-fit:contain;filter:drop-shadow(0 10px 16px #6c5cff24);flex-shrink:0;width:72px;height:72px;display:block}.teacher-brand-text{white-space:nowrap;flex-direction:column;justify-content:center;line-height:1;display:flex;transform:translate(-8px)}.teacher-brand-text strong{color:#4c1d95;letter-spacing:-.4px;font-size:1.42rem;font-weight:800;line-height:.95}.teacher-brand-text small{color:#6b7280;margin-top:3px;font-size:.58rem;font-weight:600;line-height:1.1;transform:translate(10px)}.teacher-sidebar-nav{gap:6px;display:grid}.teacher-sidebar-link,.teacher-sidebar-logout{color:#555a72;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.teacher-sidebar-link span,.teacher-sidebar-logout span{color:#7c7f90;border-radius:8px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.teacher-sidebar-link:hover{color:var(--q-primary);background:#f7f6ff}.teacher-sidebar-link.active{background:var(--q-primary-soft);color:var(--q-primary);font-weight:600;position:relative}.teacher-sidebar-link.active:before{content:"";background:var(--q-primary);border-radius:99px;width:3px;position:absolute;top:10px;bottom:10px;left:-8px}.teacher-sidebar-link.active span{color:var(--q-primary)}.teacher-sidebar-logout{color:#a14343;margin-top:auto}.teacher-sidebar-logout:hover{background:var(--q-red-soft);color:var(--q-red)}.teacher-content-area{min-width:0}.teacher-content-top{border-bottom:1px solid var(--q-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffeb;justify-content:flex-end;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.teacher-profile-mini{align-items:center;gap:10px;display:flex}.teacher-empty-avatar{background:linear-gradient(135deg, var(--q-primary-soft), var(--q-orange-soft));width:36px;height:36px;color:var(--q-primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.teacher-profile-mini strong{color:var(--q-ink);font-size:13px;font-weight:600;display:block}.teacher-profile-mini small{color:var(--q-muted);font-size:11px;display:block}.teacher-content-main{padding:28px}.teacher-page-frame{background:0 0;flex-direction:column;gap:18px;width:100%;min-width:0;min-height:auto;display:flex}.teacher-content-main>.teacher-page-frame{margin:0}.teacher-page-shell .card,.modern-panel,.modern-class-card,.modern-info-card,.teacher-track-form,.teacher-profile-form{background:var(--q-panel);border:1px solid var(--q-line);box-shadow:var(--q-shadow);border-radius:18px}.teacher-page-badge,.teacher-eyebrow{background:var(--q-primary-soft);width:fit-content;color:var(--q-primary);border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.teacher-primary-btn,.teacher-secondary-btn,.modern-outline-btn{cursor:pointer;border-radius:10px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s}.teacher-primary-btn{color:#fff;background:var(--q-primary);border:0;box-shadow:0 8px 18px #6d5df638}.teacher-primary-btn:hover{background:var(--q-primary-dark);transform:translateY(-1px)}.teacher-secondary-btn,.modern-outline-btn{color:var(--q-primary);background:#fff;border:1px solid #dedafc}.teacher-secondary-btn:hover,.modern-outline-btn:hover{background:var(--q-primary-soft);transform:translateY(-1px)}.teacher-track-card-actions,.teacher-track-form-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.teacher-tracks-hero,.teacher-students-hero,.teacher-questions-hero,.teacher-projects-hero{background:radial-gradient(circle at 84% 20%,#6d5df61a,#0000 30%),radial-gradient(circle at 16% 86%,#22c55e14,#0000 28%),linear-gradient(135deg,#e0dfdf 0%,#dcd6f3 64%,#f8e8d7 100%);border-radius:22px;grid-template-columns:minmax(0,1.1fr) 300px;align-items:center;gap:28px;min-height:230px;padding:30px 36px;display:grid}.teacher-tracks-hero h1,.teacher-students-hero h1,.teacher-questions-hero h1,.teacher-projects-hero h1{color:var(--q-ink);letter-spacing:-.7px;margin:0;font-size:34px;font-weight:750;line-height:1.08}.teacher-tracks-hero p,.teacher-students-hero p,.teacher-questions-hero p,.teacher-projects-hero p{max-width:650px;color:var(--q-muted);margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.65}.teacher-hero-img,.teacher-tracks-hero-art,.teacher-students-hero-art,.teacher-questions-hero-art,.teacher-projects-hero-art{place-items:center;width:100%;height:190px;display:grid}.teacher-hero-img,.teacher-tracks-hero-art img,.teacher-students-hero-art img,.teacher-questions-hero-art img,.teacher-projects-hero-art img{object-fit:contain;max-width:100%;max-height:190px}.teacher-alert-card{background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1px solid #fecdd3;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:16px 20px;display:flex}.teacher-alert-card strong{color:#be123c;font-size:15px;font-weight:650}.teacher-alert-card p{color:#881337;margin:4px 0 0;font-size:13px}.teacher-alert-card a,.teacher-alert-card button{color:#fff;cursor:pointer;background:#e11d48;border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none}.teacher-tracks-stats,.teacher-students-stats,.teacher-questions-stats,.teacher-projects-stats,.modern-profile-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;display:grid}.teacher-track-stat,.teacher-student-stat,.teacher-question-stat,.teacher-project-stat{border-radius:16px;align-items:center;gap:14px;min-height:102px;padding:18px;display:flex}.teacher-stat-icon,.teacher-track-stat>span,.teacher-student-stat>span,.teacher-question-stat>span,.teacher-project-stat>span{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.teacher-stat-icon.purple,.modern-profile-stat.purple{background:var(--q-primary-soft);color:var(--q-primary)}.teacher-stat-icon.blue,.modern-profile-stat.blue{background:var(--q-blue-soft);color:var(--q-blue)}.teacher-stat-icon.green,.modern-profile-stat.green{background:var(--q-green-soft);color:var(--q-green)}.teacher-stat-icon.orange,.teacher-stat-icon.pink,.modern-profile-stat.orange{background:var(--q-orange-soft);color:var(--q-orange)}.teacher-track-stat h2,.teacher-student-stat h2,.teacher-question-stat h2,.teacher-project-stat h2{color:var(--q-ink);margin:0 0 5px;font-size:24px;font-weight:700;line-height:1}.teacher-track-stat p,.teacher-student-stat p,.teacher-question-stat p,.teacher-project-stat p{color:var(--q-muted);margin:0;font-size:13px;font-weight:500}.modern-panel{margin-top:20px;padding:22px}.modern-panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.modern-panel-head h2{color:var(--q-ink);margin:0;font-size:21px;font-weight:650}.modern-panel-head p{color:var(--q-muted);margin:5px 0 0;font-size:13px}.modern-panel-head a{color:var(--q-primary);font-size:13px;font-weight:600;text-decoration:none}.modern-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.modern-filters input,.modern-filters select{border:1px solid var(--q-line);height:40px;color:var(--q-text);background:#fff;border-radius:10px;outline:0;padding:0 12px;font-size:13px}.modern-table{gap:2px;width:100%;display:grid}.modern-table-row{color:var(--q-text);border-bottom:1px solid #f0f0f6;align-items:center;gap:14px;min-width:0;padding:14px 12px;font-size:13px;display:grid}.modern-table-row strong{color:var(--q-ink);font-weight:600}.modern-table-head{color:#8b90a3;font-size:12px;font-weight:600}.modern-table-row:not(.modern-table-head):hover{background:#fbfaff}.modern-class-row{grid-template-columns:1.4fr 1.1fr .8fr 1.3fr .7fr}.modern-student-row{grid-template-columns:1.35fr 1.15fr .8fr 1.3fr .7fr .8fr .7fr}.modern-question-row{grid-template-columns:1.15fr 1.1fr .95fr 1.5fr .75fr .8fr .7fr}.modern-project-row{grid-template-columns:1.35fr 1fr 1.05fr .9fr .85fr .6fr .85fr .7fr}.modern-unit-row{grid-template-columns:1.4fr .7fr 1.2fr 1.3fr .8fr}.modern-progress-cell{align-items:center;gap:10px;display:flex}.modern-progress-cell>span{width:42px;color:var(--q-text);font-size:12px;font-weight:600}.modern-progress,.modern-mini-progress{background:#eeeef6;border-radius:99px;height:7px;overflow:hidden}.modern-progress{width:100px}.modern-mini-progress{width:100%;margin:14px 0}.modern-progress div,.modern-mini-progress div{background:var(--q-primary);border-radius:99px;height:100%}.modern-progress div.purple{background:var(--q-primary)}.modern-progress div.orange{background:var(--q-orange)}.modern-progress div.pink{background:var(--q-pink)}.modern-progress div.green{background:var(--q-green)}.modern-progress div.blue{background:var(--q-blue)}.modern-progress div.yellow{background:var(--q-yellow)}.modern-user-cell{align-items:center;gap:10px;display:flex}.modern-user-cell>span{background:var(--q-primary-soft);width:30px;height:30px;color:var(--q-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.modern-text-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modern-actions a,.modern-actions button{background:var(--q-primary-soft);color:var(--q-primary);cursor:pointer;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}.modern-status{border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:600}.modern-status.active{background:var(--q-primary-soft);color:var(--q-primary)}.modern-status.success{background:var(--q-green-soft);color:#15803d}.modern-status.warning{background:var(--q-orange-soft);color:#c2410c}.modern-status.info{background:var(--q-blue-soft);color:#1d4ed8}.modern-status.neutral{color:#667085;background:#f1f2f6}.modern-action-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0;display:grid}.modern-action-card{border:1px solid var(--q-line);text-align:left;cursor:pointer;box-shadow:var(--q-shadow);background:#fff;border-radius:16px;gap:8px;padding:16px;transition:all .18s;display:grid}.modern-action-card:hover{transform:translateY(-2px)}.modern-action-card>span{border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.modern-action-card strong{color:var(--q-ink);font-size:14px;font-weight:650}.modern-action-card small{color:var(--q-muted);font-size:12px}.modern-action-card.purple>span{background:var(--q-primary-soft);color:var(--q-primary)}.modern-action-card.blue>span{background:var(--q-blue-soft);color:var(--q-blue)}.modern-action-card.green>span{background:var(--q-green-soft);color:var(--q-green)}.modern-action-card.orange>span{background:var(--q-orange-soft);color:var(--q-orange)}.modern-action-card.pink>span{background:var(--q-pink-soft);color:var(--q-pink)}.modern-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.modern-class-card{border-radius:16px;padding:18px;transition:all .18s}.modern-class-card:hover{transform:translateY(-2px)}.modern-class-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modern-class-icon{border-radius:14px;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.modern-class-icon.color-0{background:var(--q-primary-soft);color:var(--q-primary)}.modern-class-icon.color-1{background:var(--q-orange-soft);color:var(--q-orange)}.modern-class-icon.color-2{background:var(--q-blue-soft);color:var(--q-blue)}.modern-class-icon.color-3{background:var(--q-green-soft);color:var(--q-green)}.modern-class-icon.color-4{background:var(--q-pink-soft);color:var(--q-pink)}.modern-class-icon.color-5{background:var(--q-yellow-soft);color:var(--q-yellow)}.modern-more-btn{color:#9aa0b4;cursor:pointer;background:0 0;border:0;font-size:20px}.modern-class-card h3{color:var(--q-ink);margin:0 0 5px;font-size:16px;font-weight:650}.modern-class-card p{color:var(--q-muted);margin:0;font-size:13px}.modern-class-meta{color:var(--q-muted);justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;font-weight:500;display:flex}.modern-outline-btn{width:100%;margin-top:4px}.teacher-track-form,.teacher-profile-form{margin-top:20px;padding:22px}.teacher-track-form h2,.teacher-profile-form h2,.teacher-profile-form-head h2{color:var(--q-ink);margin:0;font-size:21px;font-weight:650}.teacher-track-form p,.teacher-profile-form p,.teacher-profile-form-head p{color:var(--q-muted);margin:6px 0 18px;font-size:13px}.teacher-track-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.teacher-track-form-grid .full{grid-column:1/-1}.teacher-track-form-grid label,.teacher-reply-box{color:var(--q-ink);font-size:13px;font-weight:600}.teacher-track-form-grid input,.teacher-track-form-grid select,.teacher-track-form-grid textarea,.teacher-reply-box textarea{border:1px solid var(--q-line);width:100%;color:var(--q-text);background:#fff;border-radius:10px;outline:0;margin-top:7px;padding:11px 12px;font-size:13px}.teacher-track-form-grid textarea,.teacher-reply-box textarea{resize:vertical;min-height:120px}.teacher-track-form-grid input:focus,.teacher-track-form-grid select:focus,.teacher-track-form-grid textarea:focus,.teacher-reply-box textarea:focus,.modern-filters input:focus,.modern-filters select:focus{border-color:var(--q-primary);box-shadow:0 0 0 3px #6d5df61f}.teacher-success-message{background:var(--q-green-soft);color:#15803d;border-radius:14px;margin-top:16px;padding:13px 16px;font-size:13px;font-weight:600}.teacher-generated-quiz{gap:12px;margin-top:18px;display:grid}.teacher-generated-question{padding:16px}.modal{z-index:1000;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(820px,96vw);max-height:88vh;padding:24px;position:relative;overflow-y:auto}.close{color:#4b5563;cursor:pointer;background:#f1f2f6;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:14px;right:14px}.modern-modal-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.modern-modal-avatar{background:var(--q-primary-soft);width:56px;height:56px;color:var(--q-primary);border-radius:16px;place-items:center;font-weight:700;display:grid}.modern-modal-head h2{color:var(--q-ink);margin:0;font-size:22px;font-weight:650}.modern-modal-head p{color:var(--q-muted);margin:5px 0 0;font-size:13px}.modern-modal-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.modern-modal-stats div,.modern-question-box,.teacher-submission-box,.teacher-review-box{border:1px solid var(--q-line);background:#fbfaff;border-radius:14px;padding:16px}.modern-modal-stats strong{color:var(--q-ink);font-size:22px;display:block}.modern-modal-stats span{color:var(--q-muted);font-size:12px}.modern-modal-row{border-bottom:1px solid var(--q-line);justify-content:space-between;gap:14px;padding:12px 0;font-size:13px;display:flex}.modern-question-box{margin-bottom:18px}.modern-question-box h3,.teacher-submission-box h3,.teacher-review-box h3{color:var(--q-ink);margin:0 0 10px;font-size:16px;font-weight:650}.modern-question-box p{color:var(--q-text);margin:0;font-size:14px;line-height:1.6}.teacher-submission-box,.teacher-review-box{margin-top:16px}.teacher-code-preview{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:12px;max-height:240px;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.teacher-file-list{flex-wrap:wrap;gap:10px;display:flex}.teacher-file-item{background:var(--q-primary-soft);color:var(--q-primary);border:1px solid #dedafc;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:600}.teacher-profile-page{gap:20px;display:grid}.modern-profile-hero{border:1px solid var(--q-line);box-shadow:var(--q-shadow);background:radial-gradient(circle at 88% 18%,#6d5df61a,#0000 30%),linear-gradient(135deg,#fff,#f8f6ff);border-radius:18px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;display:grid}.modern-profile-avatar{background:linear-gradient(135deg, var(--q-orange), var(--q-primary));color:#fff;border-radius:22px;place-items:center;width:76px;height:76px;font-size:28px;font-weight:700;display:grid}.modern-profile-hero h1{color:var(--q-ink);margin:0;font-size:28px;font-weight:700}.modern-profile-hero p{color:var(--q-muted);margin:6px 0 0;font-size:14px}.modern-skill-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.modern-skill-pills span{background:var(--q-primary-soft);color:var(--q-primary);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.modern-profile-stat{border:1px solid var(--q-line);border-radius:16px;gap:5px;padding:18px;display:grid}.modern-profile-stat strong{font-size:24px;line-height:1}.modern-profile-stat span{font-size:13px;font-weight:600}.modern-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.modern-info-card{padding:22px}.modern-info-card.full{grid-column:1/-1}.modern-info-card h2{color:var(--q-ink);margin:0 0 16px;font-size:18px;font-weight:650}.modern-info-card p{color:var(--q-text);margin:0;font-size:14px;line-height:1.7}.modern-profile-row{border-bottom:1px solid var(--q-line);grid-template-columns:130px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.modern-profile-row:last-child{border-bottom:0}.modern-profile-row span{color:var(--q-muted);font-size:13px;font-weight:500}.modern-profile-row strong{color:var(--q-ink);overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.55}.teacher-empty-text{color:var(--q-muted);font-size:13px;font-weight:500}@media (width<=1100px){.teacher-tracks-stats,.teacher-students-stats,.teacher-questions-stats,.teacher-projects-stats,.modern-profile-stats,.modern-action-grid,.modern-class-grid{grid-template-columns:repeat(2,1fr)}.modern-table{overflow-x:auto}.modern-table-row{min-width:900px}}@media (width<=900px){.teacher-page-shell{grid-template-columns:1fr}.teacher-sidebar{width:100%;height:auto;position:static}.teacher-sidebar-nav{grid-template-columns:repeat(2,1fr)}.teacher-tracks-hero,.teacher-students-hero,.teacher-questions-hero,.teacher-projects-hero,.modern-profile-hero{text-align:center;grid-template-columns:1fr}.teacher-alert-card,.modern-panel-head{flex-direction:column;align-items:stretch}.modern-filters{justify-content:stretch}.modern-filters input,.modern-filters select{width:100%}.modern-profile-grid{grid-template-columns:1fr}.modern-info-card.full{grid-column:auto}}@media (width<=600px){.teacher-content-main{padding:18px}.teacher-tracks-stats,.teacher-students-stats,.teacher-questions-stats,.teacher-projects-stats,.modern-profile-stats,.modern-action-grid,.modern-class-grid,.teacher-track-form-grid,.modern-modal-stats{grid-template-columns:1fr}.modern-profile-row{grid-template-columns:1fr;gap:4px}.teacher-tracks-hero h1,.teacher-students-hero h1,.teacher-questions-hero h1,.teacher-projects-hero h1{font-size:28px}}.teacher-dashboard-modern{flex-direction:column;gap:18px;display:flex}.teacher-dashboard-hero-modern{background:radial-gradient(circle at 78% 16%,#f9731640,#0000 27%),radial-gradient(circle at 14% 90%,#7c3aed59,#0000 31%),linear-gradient(135deg,#16052e 0%,#27105f 46%,#43208c 74%,#60277c 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:28px;min-height:190px;padding:30px 34px;animation:.45s both teacherFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px #25115f2e}.teacher-dashboard-hero-modern:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000bf,#0000 78%);mask-image:linear-gradient(90deg,#000000bf,#0000 78%)}.teacher-dashboard-hero-copy{z-index:2;max-width:620px;position:relative}.teacher-dashboard-badge{color:#ffffffeb;background:#ffffff1c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:13px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.teacher-dashboard-hero-modern h1{color:#fff;letter-spacing:-.9px;margin:0 0 8px;font-size:clamp(30px,3vw,39px);font-weight:850;line-height:1.08}.teacher-dashboard-hero-modern h1 span{color:#fb923c}.teacher-dashboard-hero-modern p{color:#ffffffb8;max-width:540px;margin:0 0 19px;font-size:15px;font-weight:500;line-height:1.65}.teacher-dashboard-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-dashboard-hero-actions a{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.teacher-dashboard-hero-actions a:hover{transform:translateY(-2px)}.teacher-hero-primary-btn{color:#fff;background:#f97316;box-shadow:0 12px 22px #f9731645}.teacher-hero-soft-btn{color:#ffffffed;background:#ffffff1a;border:1px solid #ffffff38}.teacher-hero-soft-btn small{color:#fff;background:#f97316;border-radius:999px;justify-content:center;align-items:center;min-width:23px;height:23px;font-size:12px;font-weight:850;display:inline-flex}.teacher-dashboard-hero-art{z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:230px;height:170px;display:flex;position:relative}.teacher-dashboard-hero-art img{object-fit:contain;filter:drop-shadow(0 22px 30px #0000003d);max-width:100%;max-height:100%}.teacher-kpi-modern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-kpi-modern-card{background:#fff;border:1px solid #ece9f8;border-radius:18px;align-items:center;gap:15px;min-height:122px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.45s both teacherFadeUp;display:flex;box-shadow:0 12px 28px #1a18300a}.teacher-kpi-modern-card:hover{border-color:#cfc9ff;transform:translateY(-4px);box-shadow:0 18px 36px #1a183013}.teacher-kpi-modern-icon{border-radius:15px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.teacher-kpi-modern-icon.purple,.teacher-modern-activity-icon.purple{color:#5b45f5;background:#f0eeff}.teacher-kpi-modern-icon.orange,.teacher-modern-activity-icon.orange{color:#ea7000;background:#fff4ec}.teacher-kpi-modern-icon.blue,.teacher-modern-activity-icon.blue{color:#4c1d95;background:#eef4ff}.teacher-kpi-modern-icon.green,.teacher-modern-activity-icon.green{color:#189a6a;background:#eefaf4}.teacher-kpi-modern-body strong{color:#1a1830;letter-spacing:-.7px;font-size:28px;font-weight:850;line-height:1;display:block}.teacher-kpi-modern-body p{color:#34324f;margin:7px 0 3px;font-size:14px;font-weight:700}.teacher-kpi-modern-body span{color:#9896b0;font-size:12px;font-weight:650}.teacher-dashboard-modern-grid{grid-template-columns:minmax(0,1fr) 320px;gap:14px;display:grid}.teacher-modern-panel{background:#fff;border:1px solid #ece9f8;border-radius:18px;min-width:0;padding:20px;animation:.45s both teacherFadeUp;box-shadow:0 12px 28px #1a183009}.teacher-modern-panel-wide{min-width:0}.teacher-modern-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.teacher-modern-panel-head.compact{margin-bottom:14px}.teacher-modern-panel-head h2{color:#1a1830;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:850;line-height:1.2}.teacher-modern-panel-head p{color:#9896b0;margin:4px 0 0;font-size:13px;font-weight:600}.teacher-modern-panel-head a{color:#5b45f5;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.teacher-performance-chart{background:repeating-linear-gradient(0deg,#0000 0 43px,#f1eef8 44px),linear-gradient(#fff,#fbfaff);border-radius:16px;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;min-height:230px;padding:18px 8px 4px;display:grid}.teacher-performance-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;min-height:190px;display:flex}.teacher-performance-column span{background:linear-gradient(#fff171,#54a526);border-radius:6px;width:44px;min-height:24px;transition:all .2s;box-shadow:0 12px 24px #5b45f52e}.teacher-performance-column:hover span{transform:translateY(-4px)}.teacher-performance-column small{color:#8d8aa9;font-size:12px;font-weight:750}.teacher-overview-stack{gap:11px;display:grid}.teacher-overview-card{border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.teacher-overview-card span{color:#3b3774;font-size:18px;font-weight:750;line-height:1}.teacher-overview-card p{color:#4a4870;margin:0;font-size:13px;font-weight:700}.teacher-track-modern-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:18px;display:grid}.teacher-track-bars-chart{background:repeating-linear-gradient(0deg,#0000 0 47px,#f1eef8 48px),linear-gradient(#fff,#fbfaff);border-radius:16px;grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;min-height:240px;padding:18px 8px 0;display:grid}.teacher-track-chart-bar{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;min-height:72px!important;display:flex!important}.teacher-track-chart-bar span{border-radius:4px!important;width:38px!important;height:14px!important;min-height:14px!important;display:block!important}.teacher-track-chart-bar:hover span{transform:translateY(-4px)}.teacher-track-chart-bar small,.teacher-track-chart-bar p{text-align:center;word-break:break-word;width:auto!important;max-width:55px!important;font-size:11px!important;line-height:1.1!important}.teacher-track-progress-list{gap:10px;display:grid}.teacher-track-progress-item{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;grid-template-columns:1fr auto;gap:7px 12px;padding:13px;display:grid;position:relative;overflow:hidden}.teacher-track-progress-item strong{color:#272541;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;display:block;overflow:hidden}.teacher-track-progress-item small{color:#9896b0;margin-top:3px;font-size:11px;font-weight:650;display:block}.teacher-track-progress-item span{color:#5b45f5;font-size:13px;font-weight:850}.teacher-track-progress-item i{background:#5b45f5;border-radius:16px;grid-column:1/-1;height:7px;display:block}.teacher-track-progress-item .tone-0{background:#5b45f5}.teacher-track-progress-item .tone-1{background:#ea7000}.teacher-track-progress-item .tone-2{background:#4c1d95}.teacher-track-progress-item .tone-3{background:#189a6a}.teacher-track-progress-item .tone-4{background:#b5469a}.teacher-track-progress-item .tone-5{background:#7674a0}.teacher-track-chart-bar .purple,.teacher-modern-student-cell .purple,.teacher-modern-mini-progress .purple{background:#5b45f5}.teacher-track-chart-bar .orange,.teacher-modern-student-cell .orange,.teacher-modern-mini-progress .orange{background:#ea7000}.teacher-track-chart-bar .blue,.teacher-modern-student-cell .blue,.teacher-modern-mini-progress .blue{background:#4c1d95}.teacher-track-chart-bar .green,.teacher-modern-student-cell .green,.teacher-modern-mini-progress .green{background:#189a6a}.teacher-track-chart-bar .pink{background:#b5469a}.teacher-track-chart-bar .gray{background:#7674a0}.teacher-modern-activity-list{gap:12px;display:grid}.teacher-modern-activity-item{border-bottom:1px solid #f5f3fd;grid-template-columns:42px 1fr;align-items:flex-start;gap:10px;padding-bottom:12px;display:grid}.teacher-modern-activity-item:last-child{border-bottom:0;padding-bottom:0}.teacher-modern-activity-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.teacher-modern-activity-item strong{color:#1a1830;font-size:13px;font-weight:850;display:block}.teacher-modern-activity-item p{color:#4a4870;margin:4px 0 0;font-size:13px;font-weight:650;line-height:1.45}.teacher-modern-activity-item small{color:#aaa7c3;margin-top:4px;font-size:11px;font-weight:650;display:block}.teacher-modern-table{width:100%}.teacher-modern-table-head,.teacher-modern-table-row{grid-template-columns:1.35fr 1fr 1fr .55fr .85fr;align-items:center;gap:14px;display:grid}.teacher-modern-table-head{border-bottom:1px solid #ece9f8;padding-bottom:11px}.teacher-modern-table-head span{color:#9896b0;font-size:12px;font-weight:850}.teacher-modern-table-row{border-bottom:1px solid #f5f3fd;padding:13px 0}.teacher-modern-table-row:last-child{border-bottom:0}.teacher-modern-student-cell{align-items:center;gap:10px;display:flex}.teacher-modern-student-cell>span{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:850;display:grid}.teacher-modern-student-cell strong{color:#1a1830;font-size:14px;font-weight:850}.teacher-modern-table-row p{color:#8d8aa9;margin:0;font-size:13px;font-weight:650}.teacher-modern-mini-progress{align-items:center;gap:8px;display:flex}.teacher-modern-mini-progress>div{background:#ece9f8;border-radius:999px;flex:1;height:6px;overflow:hidden}.teacher-modern-mini-progress i{border-radius:inherit;height:100%;display:block}.teacher-modern-mini-progress small{text-align:right;color:#9896b0;min-width:33px;font-size:12px;font-weight:850}.teacher-modern-xp{color:#5b45f5!important;font-weight:850!important}.teacher-modern-status{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:850;display:inline-flex}.teacher-modern-status.active{color:#189a6a;background:#eefaf4}.teacher-modern-status.warning{color:#c4551a;background:#fff4ec}.teacher-attention-list{gap:10px;margin-bottom:14px;display:grid}.teacher-attention-item{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.teacher-attention-item strong{color:#1a1830;font-size:13px;font-weight:850}.teacher-attention-item p{color:#9896b0;margin:3px 0 0;font-size:12px;font-weight:650}.teacher-attention-item a{color:#5b45f5;background:#f0eeff;border-radius:10px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.teacher-soft-warning{color:#ea7000;background:#fff4ec;border-radius:14px;gap:10px;padding:14px;display:flex}.teacher-soft-warning strong{color:#1a1830;font-size:13px;font-weight:850;display:block}.teacher-soft-warning p{color:#c4551a;margin:4px 0 0;font-size:12px;font-weight:650}@keyframes teacherFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.teacher-kpi-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-dashboard-modern-grid,.teacher-track-modern-layout{grid-template-columns:1fr}}@media (width<=760px){.teacher-dashboard-hero-modern{flex-direction:column;align-items:flex-start;padding:24px}.teacher-dashboard-hero-art{width:170px;height:130px}.teacher-kpi-modern-grid{grid-template-columns:1fr}.teacher-modern-table-head{display:none}.teacher-modern-table-row{grid-template-columns:1fr;gap:9px}}.teacher-tracks-pro-page{flex-direction:column;gap:18px;display:flex}.teacher-tracks-pro-hero{background:radial-gradient(circle at 84% 18%,#f9731647,#0000 28%),radial-gradient(circle at 16% 86%,#6d5df66b,#0000 34%),linear-gradient(135deg,#120a2f 0%,#1f145c 42%,#3d1a87 70%,#67216f 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;min-height:236px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #25115f2e}.teacher-tracks-pro-hero-glow{filter:blur(58px);pointer-events:none;border-radius:999px;position:absolute}.teacher-tracks-pro-hero-glow.one{background:#f9731638;width:220px;height:220px;top:-90px;right:150px}.teacher-tracks-pro-hero-glow.two{background:#5b45f547;width:190px;height:190px;bottom:-80px;left:70px}.teacher-tracks-pro-hero-copy{z-index:2;max-width:650px;position:relative}.teacher-tracks-pro-badge{color:#ffffffeb;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:14px;padding:7px 13px;font-size:.84rem;font-weight:750;display:inline-flex}.teacher-tracks-pro-hero h1{color:#fff;letter-spacing:-1.2px;max-width:640px;margin:0;font-size:clamp(2rem,3vw,3.05rem);font-weight:850;line-height:1.05}.teacher-tracks-pro-hero p{color:#ffffffb3;max-width:570px;margin:14px 0 0;font-size:1rem;font-weight:500;line-height:1.7}.teacher-tracks-pro-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:22px;display:flex}.teacher-tracks-pro-actions button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-size:.92rem;font-weight:850;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.teacher-tracks-pro-actions button:first-child{color:#fff;background:#f97316;box-shadow:0 13px 26px #f9731645}.teacher-tracks-pro-actions button:last-child{color:#ffffffeb;background:#ffffff1a;border:1px solid #fff3}.teacher-tracks-pro-actions button:hover{transform:translateY(-2px)}.teacher-tracks-pro-art{z-index:2;flex-shrink:0;place-items:center;width:230px;height:190px;display:grid;position:relative}.teacher-tracks-pro-art img{object-fit:contain;filter:drop-shadow(0 24px 35px #0000003d);max-width:100%;max-height:100%}.teacher-tracks-pro-orbit{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.teacher-tracks-pro-orbit.orbit-one{border-color:#f9731642;width:155px;height:155px}.teacher-tracks-pro-orbit.orbit-two{border-color:#ffffff21;width:104px;height:104px}.teacher-tracks-pro-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-tracks-pro-stat{background:#fff;border:1px solid #ece9f8;border-radius:18px;align-items:center;gap:15px;min-height:118px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 32px #1a18300b}.teacher-tracks-pro-stat:hover{border-color:#d4ceff;transform:translateY(-3px);box-shadow:0 20px 42px #1a183013}.teacher-tracks-pro-stat>span{border-radius:15px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.teacher-tracks-pro-stat.purple>span{color:#5b45f5;background:#f0eeff}.teacher-tracks-pro-stat.orange>span{color:#ea7000;background:#fff4ec}.teacher-tracks-pro-stat.blue>span{color:#4c1d95;background:#eef4ff}.teacher-tracks-pro-stat.green>span{color:#189a6a;background:#eefaf4}.teacher-tracks-pro-stat strong{color:#1a1830;letter-spacing:-.7px;font-size:1.78rem;font-weight:850;line-height:1;display:block}.teacher-tracks-pro-stat p{color:#34324f;margin:7px 0 2px;font-size:.92rem;font-weight:850}.teacher-tracks-pro-stat small{color:#9896b0;font-size:.78rem;font-weight:650}.teacher-tracks-pro-toolbar{background:#fff;border:1px solid #ece9f8;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex;box-shadow:0 12px 28px #1a183009}.teacher-tracks-pro-toolbar h2{color:#1a1830;margin:0;font-size:1.22rem;font-weight:850;line-height:1.2}.teacher-tracks-pro-toolbar p{color:#9896b0;margin:5px 0 0;font-size:.87rem;font-weight:600}.teacher-tracks-pro-search{color:#7674a0;background:#fbfaff;border:1px solid #ece9f8;border-radius:13px;align-items:center;gap:10px;min-width:300px;height:44px;padding:0 14px;display:flex}.teacher-tracks-pro-search input{color:#1a1830;background:0 0;border:0;outline:0;width:100%;font-size:.9rem;font-weight:600}.teacher-tracks-pro-search input::placeholder{color:#aaa7c3}.teacher-tracks-pro-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.teacher-tracks-pro-quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #ece9f8;border-radius:18px;gap:7px;min-height:122px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 12px 28px #1a18300a}.teacher-tracks-pro-quick-card:hover{border-color:#d4ceff;transform:translateY(-3px);box-shadow:0 18px 34px #1a183011}.teacher-tracks-pro-quick-card>span{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.teacher-tracks-pro-quick-card.purple>span{color:#5b45f5;background:#f0eeff}.teacher-tracks-pro-quick-card.blue>span{color:#4c1d95;background:#eef4ff}.teacher-tracks-pro-quick-card.green>span{color:#189a6a;background:#eefaf4}.teacher-tracks-pro-quick-card.orange>span{color:#ea7000;background:#fff4ec}.teacher-tracks-pro-quick-card.pink>span{color:#b5469a;background:#fbeaf5}.teacher-tracks-pro-quick-card strong{color:#1a1830;font-size:.92rem;font-weight:850;line-height:1.2}.teacher-tracks-pro-quick-card small{color:#9896b0;font-size:.78rem;font-weight:600;line-height:1.45}.teacher-tracks-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.teacher-tracks-pro-card{background:#fff;border:1px solid #ece9f8;border-radius:20px;flex-direction:column;min-height:258px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #1a18300b}.teacher-tracks-pro-card:hover{border-color:#d4ceff;transform:translateY(-4px);box-shadow:0 24px 45px #1a183014}.teacher-tracks-pro-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.teacher-tracks-pro-card-icon{border-radius:15px;place-items:center;width:48px;height:48px;display:grid;position:relative}.teacher-tracks-pro-card.purple .teacher-tracks-pro-card-icon{color:#5b45f5;background:#f0eeff}.teacher-tracks-pro-card.orange .teacher-tracks-pro-card-icon{color:#ea7000;background:#fff4ec}.teacher-tracks-pro-card.blue .teacher-tracks-pro-card-icon{color:#4c1d95;background:#eef4ff}.teacher-tracks-pro-card.green .teacher-tracks-pro-card-icon{color:#189a6a;background:#eefaf4}.teacher-tracks-pro-card.pink .teacher-tracks-pro-card-icon{color:#b5469a;background:#fbeaf5}.teacher-tracks-pro-card-icon img{object-fit:contain;width:28px;height:28px;position:absolute}.teacher-tracks-pro-card-icon svg{opacity:0}.teacher-tracks-pro-card-icon img[style*="display: none"]+svg{opacity:1}.teacher-tracks-pro-card-top button{color:#9896b0;cursor:pointer;background:#fbfaff;border:0;border-radius:11px;place-items:center;width:34px;height:34px;transition:all .18s;display:grid}.teacher-tracks-pro-card-top button:hover{color:#5b45f5;background:#f0eeff}.teacher-tracks-pro-card-body h3{color:#1a1830;margin:0;font-size:1.04rem;font-weight:850;line-height:1.25}.teacher-tracks-pro-card-body p{color:#7674a0;min-height:42px;margin:8px 0 0;font-size:.84rem;font-weight:600;line-height:1.55}.teacher-tracks-pro-meta{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:11px 12px;display:flex}.teacher-tracks-pro-meta span{color:#7674a0;align-items:center;gap:6px;font-size:.76rem;font-weight:750;display:inline-flex}.teacher-tracks-pro-progress-head{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.teacher-tracks-pro-progress-head span{color:#9896b0;font-size:.76rem;font-weight:750}.teacher-tracks-pro-progress-head strong{color:#1a1830;font-size:.82rem;font-weight:850}.teacher-tracks-pro-progress{background:#e8e6f5;border-radius:999px;height:8px;margin-top:9px;overflow:hidden}.teacher-tracks-pro-progress i{border-radius:inherit;height:100%;display:block}.teacher-tracks-pro-card.purple .teacher-tracks-pro-progress i{background:#5b45f5}.teacher-tracks-pro-card.orange .teacher-tracks-pro-progress i{background:#ea7000}.teacher-tracks-pro-card.blue .teacher-tracks-pro-progress i{background:#4c1d95}.teacher-tracks-pro-card.green .teacher-tracks-pro-progress i{background:#189a6a}.teacher-tracks-pro-card.pink .teacher-tracks-pro-progress i{background:#b5469a}.teacher-tracks-pro-card.teal .teacher-tracks-pro-progress i{background:#0f9f9a}.teacher-tracks-pro-card-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:16px;display:grid}.teacher-tracks-pro-card-actions button{cursor:pointer;border-radius:12px;min-height:39px;padding:0 12px;font-size:.82rem;font-weight:850;line-height:1;transition:all .18s}.teacher-tracks-pro-card-actions button:first-child{color:#fff;background:#5b45f5;border:0;box-shadow:0 10px 20px #5b45f52e}.teacher-tracks-pro-card-actions button:last-child{color:#5b45f5;background:#fff;border:1px solid #dedafc}.teacher-tracks-pro-card-actions button:hover{transform:translateY(-1px)}.teacher-tracks-pro-more{color:#5b45f5;cursor:pointer;background:#f4f2ff;border:1px solid #dedafc;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;width:fit-content;min-height:42px;padding:0 26px;font-size:.88rem;font-weight:850;transition:all .18s;display:inline-flex}.teacher-tracks-pro-more:hover{background:#ece8ff;transform:translateY(-2px)}.teacher-tracks-pro-form{background:#fff;border:1px solid #ece9f8;border-radius:20px;margin-top:6px;padding:22px;box-shadow:0 16px 34px #1a18300e}.teacher-tracks-pro-form-head{align-items:center;gap:13px;margin-bottom:18px;display:flex}.teacher-tracks-pro-form-head>span{color:#5b45f5;background:#f0eeff;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.teacher-tracks-pro-form-head h2{color:#1a1830;margin:0;font-size:1.2rem;font-weight:850;line-height:1.2}.teacher-tracks-pro-form-head p{color:#9896b0;margin:5px 0 0;font-size:.86rem;font-weight:600;line-height:1.5}.teacher-tracks-pro-form .teacher-primary-btn,.teacher-tracks-pro-form .teacher-secondary-btn{justify-content:center;align-items:center;margin-top:18px;line-height:1;display:inline-flex}.teacher-tracks-pro-form .teacher-track-form-actions .teacher-primary-btn,.teacher-tracks-pro-form .teacher-track-form-actions .teacher-secondary-btn{margin-top:0}@media (width<=1180px){.teacher-tracks-pro-stats,.teacher-tracks-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-tracks-pro-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.teacher-tracks-pro-hero{flex-direction:column;align-items:flex-start;padding:26px}.teacher-tracks-pro-art{width:180px;height:140px}.teacher-tracks-pro-toolbar{flex-direction:column;align-items:stretch}.teacher-tracks-pro-search{width:100%;min-width:0}}@media (width<=640px){.teacher-tracks-pro-stats,.teacher-tracks-pro-quick-grid,.teacher-tracks-pro-grid{grid-template-columns:1fr}.teacher-tracks-pro-hero h1{font-size:2rem}.teacher-tracks-pro-card-actions{grid-template-columns:1fr}}.teacher-layout,.teacher-shell,.teacher-main,.teacher-content,.teacher-page-shell{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-weight:400}.teacher-layout h1,.teacher-layout h2,.teacher-layout h3,.teacher-shell h1,.teacher-shell h2,.teacher-shell h3,.teacher-page-shell h1,.teacher-page-shell h2,.teacher-page-shell h3{letter-spacing:-.035em;font-weight:650!important}.teacher-layout p,.teacher-layout span,.teacher-layout small,.teacher-layout a,.teacher-layout button,.teacher-layout input,.teacher-layout select,.teacher-layout textarea,.teacher-shell p,.teacher-shell span,.teacher-shell small,.teacher-shell a,.teacher-shell button,.teacher-shell input,.teacher-shell select,.teacher-shell textarea{font-weight:450}.teacher-dashboard-new .teacher-progress-fill,.teacher-dashboard-new .teacher-track-progress-fill,.teacher-dashboard-new .teacher-progress-bar,.teacher-dashboard-new .student-progress-new>div,.teacher-tracks-pro-page .teacher-progress-fill,.teacher-tracks-pro-page .teacher-track-progress-fill,.teacher-tracks-pro-page .teacher-progress-bar,.track-progress-bar-new,.student-progress-new>div,.teacher-rect-progress-pro,.modern-progress,.mp-bar,.teacher-dashboard-new .teacher-progress-fill>*,.teacher-dashboard-new .teacher-track-progress-fill>*,.teacher-tracks-pro-page .teacher-progress-fill>*,.teacher-tracks-pro-page .teacher-track-progress-fill>*,.track-progress-bar-new i,.student-progress-new i,.teacher-rect-progress-pro i,.modern-progress div,.mp-fill{border-radius:4px!important}.teacher-page-shell{color:#1a1830;flex-direction:column;gap:18px;display:flex}.teacher-page-hero-pro{background:radial-gradient(circle at 78% 16%,#f973162e,#0000 28%),radial-gradient(circle at 8% 86%,#7c3aed3d,#0000 28%),linear-gradient(135deg,#fff 0%,#fbfaff 52%,#f6f3ff 100%);border:1px solid #ece9f8f2;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:176px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #1a18300f}.teacher-page-hero-pro.students{background:radial-gradient(circle at 82% 10%,#5b45f529,#0000 28%),radial-gradient(circle at 10% 100%,#189a6a21,#0000 28%),linear-gradient(135deg,#fff,#fbfaff 60%,#f5f2ff)}.teacher-page-hero-pro.questions{background:radial-gradient(circle at 82% 14%,#f9731629,#0000 28%),radial-gradient(circle at 10% 100%,#5b45f526,#0000 28%),linear-gradient(135deg,#fff,#fffaf6 60%,#f7f3ff)}.teacher-page-hero-pro.projects{background:radial-gradient(circle at 82% 14%,#189a6a26,#0000 28%),radial-gradient(circle at 10% 100%,#5b45f524,#0000 28%),linear-gradient(135deg,#fff,#fbfaff 62%,#f2fff8)}.teacher-page-hero-pro.detail{background:radial-gradient(circle at 82% 14%,#3265d426,#0000 28%),radial-gradient(circle at 12% 100%,#5b45f524,#0000 28%),linear-gradient(135deg,#fff,#fbfaff 62%,#f2f7ff)}.teacher-hero-copy-pro{z-index:2;max-width:640px;position:relative}.teacher-eyebrow-pro{color:#5b45f5;background:#f0eeff;border:1px solid #e5e0ff;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:12px;padding:6px 11px;font-size:.82rem;display:inline-flex}.teacher-page-hero-pro h1,.teacher-profile-hero-pro h1{color:#1a1830;margin:0;font-size:clamp(1.75rem,2.4vw,2.35rem);line-height:1.08}.teacher-page-hero-pro p,.teacher-profile-hero-pro p{color:#7674a0;max-width:560px;margin:10px 0 0;font-size:.98rem;line-height:1.65}.teacher-hero-actions-pro{z-index:2;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.teacher-hero-actions-pro button,.teacher-hero-actions-pro a,.teacher-edit-btn-pro,.teacher-save-btn-pro,.teacher-light-btn-pro,.teacher-link-btn-pro{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:.88rem;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.teacher-hero-actions-pro button:first-child,.teacher-hero-actions-pro a:first-child,.teacher-edit-btn-pro,.teacher-save-btn-pro{color:#fff;background:linear-gradient(135deg,#5b45f5,#7c3aed);box-shadow:0 12px 24px #5b45f533}.teacher-hero-actions-pro button:last-child,.teacher-hero-actions-pro a:last-child,.teacher-light-btn-pro{color:#5b45f5;background:#fff;border-color:#e6e1ff}.teacher-hero-actions-pro button:hover,.teacher-hero-actions-pro a:hover,.teacher-edit-btn-pro:hover,.teacher-save-btn-pro:hover,.teacher-light-btn-pro:hover,.teacher-link-btn-pro:hover{transform:translateY(-2px)}.teacher-metric-grid-pro{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-metric-card-pro{background:#fff;border:1px solid #ece9f8;border-radius:18px;align-items:center;gap:14px;min-height:112px;padding:17px;display:flex;box-shadow:0 12px 26px #1a18300b}.teacher-metric-icon-pro{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.teacher-metric-icon-pro.purple{color:#5b45f5;background:#f0eeff}.teacher-metric-icon-pro.orange{color:#ea7000;background:#fff4ec}.teacher-metric-icon-pro.blue{color:#4c1d95;background:#eef4ff}.teacher-metric-icon-pro.green{color:#189a6a;background:#eefaf4}.teacher-metric-card-pro strong{color:#1a1830;letter-spacing:-.04em;font-size:1.68rem;font-weight:650;line-height:1;display:block}.teacher-metric-card-pro p{color:#34324f;margin:7px 0 2px;font-size:.9rem}.teacher-metric-card-pro small{color:#9896b0;font-size:.77rem}.teacher-panel-pro{background:#fff;border:1px solid #ece9f8;border-radius:18px;padding:20px;box-shadow:0 12px 28px #1a18300a}.teacher-panel-head-pro{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.teacher-panel-head-pro h2{color:#1a1830;margin:0;font-size:1.08rem;line-height:1.25}.teacher-panel-head-pro p{color:#9896b0;margin:4px 0 0;font-size:.85rem}.teacher-panel-head-pro a{color:#5b45f5;font-size:.84rem;text-decoration:none}.teacher-filter-bar-pro{grid-template-columns:minmax(220px,1fr) 190px;gap:10px;min-width:min(100%,480px);display:grid}.teacher-filter-bar-pro.three{grid-template-columns:minmax(220px,1fr) 170px 145px;min-width:min(100%,640px)}.teacher-filter-bar-pro.four{grid-template-columns:minmax(220px,1fr) 150px 140px 150px;min-width:min(100%,780px)}.teacher-filter-bar-pro label{color:#7674a0;background:#fbfaff;border:1px solid #ece9f8;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.teacher-filter-bar-pro input,.teacher-filter-bar-pro select{color:#1a1830;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:.86rem}.teacher-table-pro{width:100%;overflow-x:auto}.teacher-table-head-pro,.teacher-table-row-pro{align-items:center;gap:14px;min-width:920px;display:grid}.students-table .teacher-table-head-pro,.students-table .teacher-table-row-pro{grid-template-columns:1.2fr 1.1fr .72fr 1fr .62fr .82fr .55fr}.questions-table .teacher-table-head-pro,.questions-table .teacher-table-row-pro{grid-template-columns:1.05fr 1fr .85fr 1.55fr .7fr .75fr .6fr}.projects-table .teacher-table-head-pro,.projects-table .teacher-table-row-pro{grid-template-columns:1.25fr .9fr 1fr .85fr .75fr .55fr .78fr .65fr}.teacher-table-head-pro{color:#9896b0;border-bottom:1px solid #ece9f8;padding:0 0 11px;font-size:.79rem}.teacher-table-row-pro{color:#4a4870;border-bottom:1px solid #f5f3fd;padding:13px 0}.teacher-table-row-pro:last-child{border-bottom:0}.teacher-table-row-pro p{color:#7d7a9c;margin:0;font-size:.86rem;line-height:1.4}.teacher-person-cell-pro,.teacher-project-cell-pro{align-items:center;gap:10px;display:flex}.teacher-person-cell-pro>span,.teacher-project-cell-pro>span,.teacher-stack-item-pro>span,.teacher-modal-head-pro>span{color:#fff;background:linear-gradient(135deg,#5b45f5,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.8rem;display:grid}.teacher-project-cell-pro>span{color:#5b45f5;background:#f0eeff;border-radius:12px}.teacher-person-cell-pro strong,.teacher-project-cell-pro strong{color:#1a1830;font-size:.9rem;font-weight:600}.teacher-progress-cell-pro,.student-progress-new{align-items:center;gap:8px;display:flex}.teacher-rect-progress-pro{background:#ece9f8;border-radius:4px;flex:1;min-width:92px;height:7px;overflow:hidden}.teacher-rect-progress-pro i{border-radius:4px;height:100%;display:block}.teacher-progress-cell-pro small,.student-progress-new small{color:#9896b0;text-align:right;min-width:34px;font-size:.76rem}.teacher-xp-pro{color:#5b45f5!important;font-weight:600!important}.teacher-status-pro{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:fit-content;padding:5px 10px;font-size:.74rem;display:inline-flex}.teacher-status-pro.active{color:#5b45f5;background:#f0eeff}.teacher-status-pro.success{color:#189a6a;background:#eefaf4}.teacher-status-pro.warning{color:#c4551a;background:#fff4ec}.teacher-status-pro.info{color:#4c1d95;background:#eef4ff}.teacher-status-pro.neutral{color:#7674a0;background:#f5f3fd}.teacher-link-btn-pro{color:#5b45f5;min-height:34px;box-shadow:none;background:#fff;border-color:#e6e1ff;padding:0 11px}.teacher-preview-text-pro{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#4a4870!important}.teacher-alert-pro,.teacher-message-pro{color:#c4551a;background:#fff4ec;border:1px solid #f9dcc7;border-radius:16px;align-items:center;gap:12px;padding:15px 17px;display:flex}.teacher-alert-pro div{flex:1}.teacher-alert-pro strong{color:#1a1830;font-weight:600;display:block}.teacher-alert-pro p{color:#c4551a;margin:3px 0 0;font-size:.86rem}.teacher-alert-pro button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:10px;min-height:36px;padding:0 13px}.teacher-message-pro{color:#189a6a;background:#eefaf4;border-color:#d8f3e6}.teacher-empty-pro{color:#9896b0;text-align:center;padding:20px 0}.teacher-modal-backdrop-pro{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f247a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.teacher-modal-pro{background:#fff;border-radius:22px;width:min(720px,100%);max-height:min(86vh,820px);padding:22px;position:relative;overflow:auto;box-shadow:0 30px 90px #0c0f2447}.teacher-modal-close-pro{color:#7674a0;cursor:pointer;background:#fff;border:1px solid #ece9f8;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.teacher-modal-head-pro{align-items:center;gap:12px;margin-bottom:18px;padding-right:48px;display:flex}.teacher-modal-head-pro h2{color:#1a1830;margin:0;font-size:1.32rem}.teacher-modal-head-pro p{color:#9896b0;margin:4px 0 0}.teacher-modal-stats-pro{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.teacher-modal-stats-pro div{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;padding:13px}.teacher-modal-stats-pro strong{color:#5b45f5;font-size:1.2rem;font-weight:650;display:block}.teacher-modal-stats-pro span{color:#9896b0;margin-top:4px;font-size:.78rem;display:block}.teacher-modal-section-pro{border-top:1px solid #f0edf9;padding:14px 0}.teacher-modal-section-pro h3{color:#1a1830;margin:0 0 8px;font-size:.96rem}.teacher-modal-section-pro p{color:#676489;margin:6px 0;line-height:1.55}.teacher-modal-section-pro pre{color:#e9e4ff;background:#141225;border-radius:14px;max-height:220px;padding:14px;font-size:.82rem;line-height:1.55;overflow:auto}.teacher-reply-box-pro,.teacher-form-grid-pro label{color:#4a4870;flex-direction:column;gap:8px;font-size:.86rem;display:flex}.teacher-reply-box-pro textarea,.teacher-form-grid-pro input,.teacher-form-grid-pro textarea{color:#1a1830;width:100%;min-height:42px;font:inherit;resize:vertical;background:#fbfaff;border:1px solid #ece9f8;border-radius:13px;outline:0;padding:10px 12px}.teacher-reply-box-pro textarea,.teacher-form-grid-pro textarea{min-height:110px}.teacher-form-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.teacher-form-grid-pro.two{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-form-grid-pro .full{grid-column:1/-1}.teacher-profile-hero-pro{background:radial-gradient(circle at 82% 14%,#5b45f524,#0000 28%),linear-gradient(135deg,#fff,#fbfaff 62%,#f7f3ff);border:1px solid #ece9f8;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:28px 30px;display:flex;box-shadow:0 18px 42px #1a18300f}.teacher-profile-main-pro{align-items:center;gap:18px;display:flex}.teacher-profile-avatar-pro{color:#fff;background:linear-gradient(135deg,#5b45f5,#f97316);border-radius:24px;place-items:center;width:82px;height:82px;font-size:2rem;font-weight:650;display:grid;box-shadow:0 16px 30px #5b45f533}.teacher-skill-pills-pro{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.teacher-skill-pills-pro span{color:#5b45f5;background:#f0eeff;border-radius:999px;padding:6px 10px;font-size:.78rem}.teacher-profile-grid-pro,.teacher-detail-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.teacher-profile-bio-pro{grid-column:1/-1}.teacher-profile-bio-pro>p{color:#676489;margin:0;line-height:1.7}.teacher-info-row-pro{border-bottom:1px solid #f5f3fd;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;display:grid}.teacher-info-row-pro:last-child{border-bottom:0}.teacher-info-row-pro>span{color:#5b45f5;background:#f0eeff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.teacher-info-row-pro small{color:#9896b0;margin-bottom:3px;font-size:.76rem;display:block}.teacher-info-row-pro p{color:#1a1830;margin:0;line-height:1.45}.teacher-card-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.teacher-mini-card-pro{background:#faf9ff;border:1px solid #f0edf9;border-radius:16px;padding:15px}.teacher-mini-card-head-pro{align-items:center;gap:10px;margin-bottom:9px;display:flex}.teacher-mini-card-head-pro>span{color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.teacher-mini-card-head-pro strong{color:#1a1830;font-weight:600}.teacher-mini-card-pro p{color:#7674a0;margin:0 0 12px;font-size:.86rem;line-height:1.5}.teacher-mini-meta-pro{justify-content:space-between;align-items:center;gap:10px;display:flex}.teacher-mini-meta-pro>span:first-child{color:#9896b0;font-size:.8rem}.teacher-stack-list-pro{gap:10px;display:grid}.teacher-stack-item-pro{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.teacher-stack-item-pro strong{color:#1a1830;margin-bottom:7px;font-weight:600;display:block}.teacher-stack-item-pro small{color:#5b45f5}.teacher-stack-text-pro{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px;grid-template-columns:34px 1fr;gap:10px;padding:11px;display:grid}.teacher-stack-text-pro>span{color:#ea7000;background:#fff4ec;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.teacher-stack-text-pro strong{color:#1a1830;font-weight:600}.teacher-stack-text-pro p{color:#7674a0;margin:4px 0 0;font-size:.84rem;line-height:1.45}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).purple{background:#5b45f5}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).orange{background:#ea7000}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).blue{background:#4c1d95}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).green{background:#189a6a}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).pink{background:#b5469a}.teacher-page-shell :is(.teacher-track-chart-bar span,.teacher-modern-mini-progress i,.teacher-track-progress-item i,.teacher-mini-card-head-pro>span).gray{background:#7674a0}@media (width<=1180px){.teacher-metric-grid-pro,.teacher-card-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-panel-head-pro,.teacher-page-hero-pro,.teacher-profile-hero-pro{flex-direction:column;align-items:flex-start}.teacher-filter-bar-pro,.teacher-filter-bar-pro.three,.teacher-filter-bar-pro.four{grid-template-columns:1fr 1fr;width:100%;min-width:0}}@media (width<=760px){.teacher-page-hero-pro,.teacher-profile-hero-pro,.teacher-panel-pro{border-radius:18px;padding:18px}.teacher-metric-grid-pro,.teacher-filter-bar-pro,.teacher-filter-bar-pro.three,.teacher-filter-bar-pro.four,.teacher-card-grid-pro,.teacher-profile-grid-pro,.teacher-detail-grid-pro,.teacher-form-grid-pro,.teacher-form-grid-pro.two,.teacher-modal-stats-pro{grid-template-columns:1fr}.teacher-profile-main-pro{flex-direction:column;align-items:flex-start}}.teacher-page-shell{background:#fafafc;grid-template-columns:248px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow-x:hidden}.teacher-sidebar{z-index:30;flex-shrink:0;width:248px;height:100vh;min-height:100vh;position:sticky;top:0}.teacher-content-area,.teacher-content-main{width:100%;min-width:0;overflow-x:hidden}.teacher-content-main>.teacher-page-shell{background:0 0;grid-template-columns:none;min-height:auto;display:flex}.teacher-tracks-pro-quick-card.purple,.teacher-tracks-pro-quick-card.blue,.teacher-tracks-pro-quick-card.green,.teacher-tracks-pro-quick-card.orange,.teacher-tracks-pro-quick-card.pink,.modern-action-card.purple,.modern-action-card.blue,.modern-action-card.green,.modern-action-card.orange,.modern-action-card.pink,.teacher-tracks-pro-card.purple,.teacher-tracks-pro-card.blue,.teacher-tracks-pro-card.green,.teacher-tracks-pro-card.orange,.teacher-tracks-pro-card.pink,.teacher-tracks-pro-card.teal{color:#1a1830;background:#fff}.teacher-tracks-pro-quick-card,.modern-action-card,.teacher-tracks-pro-card,.teacher-kpi-modern-card,.teacher-tracks-pro-stat,.teacher-modern-panel,.modern-panel,.modern-class-card,.modern-info-card,.teacher-panel-pro,.teacher-metric-card-pro,.teacher-track-stat,.teacher-student-stat,.teacher-question-stat,.teacher-project-stat{border:1px solid #ded7f7;box-shadow:0 12px 28px #1a18300b}.teacher-tracks-pro-quick-card.purple>span,.modern-action-card.purple>span,.teacher-tracks-pro-card.purple .teacher-tracks-pro-card-icon{color:#5b45f5;background:#f0eeff}.teacher-tracks-pro-quick-card.blue>span,.modern-action-card.blue>span,.teacher-tracks-pro-card.blue .teacher-tracks-pro-card-icon{color:#4c1d95;background:#eef4ff}.teacher-tracks-pro-quick-card.green>span,.modern-action-card.green>span,.teacher-tracks-pro-card.green .teacher-tracks-pro-card-icon{color:#189a6a;background:#eefaf4}.teacher-tracks-pro-quick-card.orange>span,.modern-action-card.orange>span,.teacher-tracks-pro-card.orange .teacher-tracks-pro-card-icon{color:#ea7000;background:#fff4ec}.teacher-tracks-pro-quick-card.pink>span,.modern-action-card.pink>span,.teacher-tracks-pro-card.pink .teacher-tracks-pro-card-icon{color:#b5469a;background:#fbeaf5}.teacher-tracks-pro-card.teal .teacher-tracks-pro-card-icon{color:#0f9f9a;background:#e8fbf8}.teacher-tracks-pro-card:before{content:"";opacity:.95;height:5px;position:absolute;inset:0 0 auto}.teacher-tracks-pro-card.purple:before{background:#5b45f5}.teacher-tracks-pro-card.orange:before{background:#ea7000}.teacher-tracks-pro-card.blue:before{background:#4c1d95}.teacher-tracks-pro-card.green:before{background:#189a6a}.teacher-tracks-pro-card.pink:before{background:#b5469a}.teacher-tracks-pro-card.teal:before{background:#0f9f9a}.teacher-overview-card.purple{background:#f0eeff}.teacher-overview-card.orange{background:#fff4ec}.teacher-overview-card.green{background:#eefaf4}.teacher-overview-card.blue{background:#eef4ff}.teacher-overview-card.pink{background:#fbeaf5}.teacher-performance-column span,.teacher-track-chart-bar span{border-radius:9px 9px 4px 4px}@media (width<=900px){.teacher-page-shell{grid-template-columns:1fr}.teacher-sidebar{width:100%;height:auto;min-height:auto;position:static}}.teacher-project-cell-pro{align-items:center;gap:10px;min-width:0;display:flex}.teacher-project-cell-pro small{color:#9896b0;margin-top:3px;font-size:11px;font-weight:700;display:block}.teacher-submission-file-grid-pro{gap:12px;display:grid}.teacher-submission-file-card-pro{background:#fbfaff;border:1px solid #ece9f8;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.teacher-file-icon-pro{color:#5b45f5;background:#f0eeff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.teacher-submission-file-card-pro strong{color:#1a1830;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;display:block;overflow:hidden}.teacher-submission-file-card-pro p{color:#9896b0;margin:4px 0 0;font-size:12px;font-weight:650}.teacher-file-actions-pro{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.teacher-file-actions-pro button,.teacher-file-preview-head-pro button{color:#5b45f5;cursor:pointer;background:#f0eeff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.teacher-file-preview-pro pre{color:#e5e7eb;white-space:pre-wrap;background:#111827;border-radius:14px;max-height:320px;margin:12px 0 0;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.teacher-file-preview-head-pro{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-file-preview-head-pro h3,.teacher-file-preview-head-pro p{margin:0}@media (width<=760px){.teacher-submission-file-card-pro{grid-template-columns:1fr}.teacher-file-actions-pro{justify-content:flex-start}}.teacher-save-btn-pro.publish-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.teacher-save-btn-pro.publish-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.teacher-review-actions-pro{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teacher-save-btn-pro.publish-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.teacher-track-image-preview{background:#f8f5ff;border:1px dashed #7c3aed40;border-radius:18px;place-items:center;min-height:120px;display:grid}.teacher-track-image-preview img{object-fit:contain;width:110px;height:110px}.teacher-page-shell select,.teacher-layout select,.teacher-shell select,.teacher-tracks-pro-form select,.teacher-track-form-grid select,.teacher-filter-bar-pro select,.modern-filters select,.admin-page select,.admin-add-track-form select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:auto;width:100%;min-height:44px;line-height:1.35;color:var(--q-text)!important;border:1px solid var(--q-line)!important;box-shadow:none!important;opacity:1!important;background:#fff!important;border-radius:10px!important}.teacher-page-shell select option,.teacher-layout select option,.teacher-shell select option,.teacher-tracks-pro-form select option,.teacher-track-form-grid select option,.teacher-filter-bar-pro select option,.modern-filters select option,.admin-page select option,.admin-add-track-form select option{color:var(--q-text)!important;background:#fff!important}.teacher-page-shell select:focus,.teacher-layout select:focus,.teacher-shell select:focus,.teacher-tracks-pro-form select:focus,.teacher-track-form-grid select:focus,.teacher-filter-bar-pro select:focus,.modern-filters select:focus,.admin-page select:focus,.admin-add-track-form select:focus{outline:0;border-color:var(--q-primary)!important;box-shadow:0 0 0 3px #2e10651f!important}.teacher-tracks-pro-form,.teacher-track-form-grid,.teacher-track-form-grid label,.teacher-custom-select-wrap{overflow:visible!important}.teacher-tracks-pro-form{z-index:40;position:relative}.teacher-track-form-grid{align-items:start}.teacher-custom-select-wrap{z-index:50;color:#4a4870;width:100%;min-width:0;font-size:.86rem;font-weight:750;position:relative}.teacher-custom-select-label{margin-bottom:7px;display:block;color:#4a4870!important}.teacher-custom-select{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;display:flex;color:#1a1830!important;box-shadow:none!important;background:#fff!important;border:1px solid #ece9f8!important;border-radius:13px!important;padding:0 13px!important;font-weight:700!important}.teacher-custom-select:disabled{cursor:not-allowed;color:#9896b0!important;background:#fbfaff!important}.teacher-custom-select.open,.teacher-custom-select:focus-visible{outline:0;border-color:#5b45f5!important;box-shadow:0 0 0 3px #5b45f51f!important}.teacher-custom-select-menu{z-index:999999;border:1px solid #e5defb;border-radius:14px;max-height:240px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 60px #1a18302e;background:#fff!important;overflow-y:auto!important}.teacher-custom-select-menu button{text-align:left;border:0;border-radius:10px;align-items:center;width:100%;min-height:38px;padding:9px 10px;font-size:.84rem;font-weight:700;display:flex;color:#1a1830!important;background:#fff!important}.teacher-custom-select-menu button:hover,.teacher-custom-select-menu button.active{color:#5b45f5!important;background:#f0eeff!important}.teacher-page-shell select,.teacher-layout select,.teacher-shell select,.teacher-tracks-pro-form select,.teacher-track-form-grid select,.teacher-filter-bar-pro select,.modern-filters select,.auth select,.register select,.login select,.admin-page select,.admin-add-track-form select{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#1a1830!important;opacity:1!important;background:#fff!important;border-color:#ece9f8!important}.teacher-page-shell select option,.teacher-layout select option,.teacher-shell select option,.teacher-tracks-pro-form select option,.teacher-track-form-grid select option,.teacher-filter-bar-pro select option,.modern-filters select option,.auth select option,.register select option,.login select option,.admin-page select option,.admin-add-track-form select option{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#1a1830!important;background:#fff!important}.teacher-unit-management{margin-bottom:18px}.teacher-unit-action-list{gap:14px;display:grid}.teacher-track-status-chip{color:#5b45f5;background:#f4f1ff;border:1px solid #5b45f524;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:850}.teacher-unit-action-card{background:#ffffffb8;border:1px solid #5b45f51f;border-radius:18px;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr);align-items:start;gap:14px;padding:16px;display:grid}.teacher-unit-action-card strong{color:#1a1830;font-size:.98rem;display:block}.teacher-unit-action-card small{color:#777294;font-weight:700}.teacher-unit-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.teacher-unit-action-buttons button,.teacher-unit-lesson-list button,.teacher-tracks-pro-card-actions button.danger{color:#5b45f5;cursor:pointer;background:#fff;border:1px solid #ece9f8;border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:800}.teacher-unit-action-buttons button:hover,.teacher-unit-lesson-list button:hover{background:#f4f1ff}.teacher-unit-action-buttons button.danger,.teacher-unit-lesson-list button,.teacher-tracks-pro-card-actions button.danger{color:#dc2626!important;border-color:#fecaca!important}.teacher-unit-lesson-list{border-top:1px solid #5b45f51a;flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:10px;display:flex}.teacher-unit-lesson-list span{color:#4a4870;background:#f8f6ff;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:.8rem;font-weight:750;display:inline-flex}@media (width<=820px){.teacher-unit-action-card{grid-template-columns:1fr}.teacher-unit-action-buttons{justify-content:flex-start}}.app-shell-nav-label,.app-shell-nav-link,.admin-page .teacher-page-badge,.admin-page .teacher-primary-btn,.admin-page .teacher-secondary-btn,.admin-page .modern-actions button{align-items:center!important;gap:8px!important;display:inline-flex!important}.app-shell-nav-icon{flex:none;width:17px;height:17px}.admin-page{gap:24px!important}.admin-dashboard-hero,.admin-page-hero,.admin-page.modern-profile-hero,.admin-page .modern-profile-hero{isolation:isolate;background:radial-gradient(circle at 10% 20%,#ff8d4d2e,#0000 28%),radial-gradient(circle at 88% 16%,#4c1d9529,#0000 34%),linear-gradient(135deg,#fffaf4 0%,#f5f0ff 55%,#effaff 100%)!important;border-radius:30px!important;grid-template-columns:minmax(0,1fr) minmax(220px,360px)!important;min-height:360px!important;padding:clamp(26px,4vw,42px)!important;position:relative!important}.admin-dashboard-hero:after,.admin-page-hero:after,.admin-page .modern-profile-hero:after{content:"";z-index:-1;background:#ffffff70;border:1px solid #ffffff9e;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto 28px 24px auto}.admin-dashboard-hero h1,.admin-page-hero h1,.admin-page .modern-profile-hero h1{max-width:760px;letter-spacing:0!important}.admin-dashboard-hero p,.admin-page-hero p,.admin-page .modern-profile-hero p{max-width:650px!important}.admin-hero-art{background:#ffffff61;border-radius:26px;min-height:240px}.admin-hero-art img{width:min(330px,100%)!important;max-height:290px!important}.admin-page .teacher-dashboard-actions{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;display:flex!important}.admin-page .teacher-primary-btn,.admin-page .teacher-secondary-btn,.admin-page .modern-actions button{white-space:nowrap;min-height:42px;border-radius:14px!important;justify-content:center!important;font-weight:900!important;line-height:1!important}.admin-page .teacher-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.admin-page .teacher-dashboard-stat{align-items:center!important;gap:14px!important;min-height:126px!important;padding:20px!important;display:flex!important}.admin-page .teacher-dashboard-stat h2{margin:0 0 3px!important;line-height:1!important}.admin-page .teacher-dashboard-stat p,.admin-page .teacher-dashboard-stat small{margin:0!important}.admin-page .teacher-dashboard-stat small{color:#7b8198;font-size:12px;font-weight:750;display:block;margin-top:6px!important}.admin-page .teacher-stat-icon{border-radius:16px!important;flex:0 0 50px!important;place-items:center!important;width:50px!important;height:50px!important;display:grid!important}.admin-page .teacher-stat-icon.purple,.admin-page .modern-profile-stat.purple{color:#2e1065!important;background:#f3ecff!important}.admin-page .teacher-stat-icon.blue,.admin-page .modern-profile-stat.blue{color:#075985!important;background:#ecf7ff!important}.admin-page .teacher-stat-icon.orange,.admin-page .modern-profile-stat.orange{color:#c2410c!important;background:#fff1e6!important}.admin-page .teacher-stat-icon.green,.admin-page .modern-profile-stat.green{color:#15803d!important;background:#eafaf0!important}.admin-stat-link{color:inherit;min-width:0}.admin-stat-link:hover .teacher-dashboard-stat,.admin-page .modern-action-card:hover,.admin-page .admin-track-card:hover,.admin-page .admin-application-card:hover{transform:translateY(-3px)!important}.admin-page .modern-action-card{flex-direction:column;gap:10px;min-height:156px;position:relative;overflow:hidden;display:flex!important}.admin-page .modern-action-card>span{border-radius:16px!important;place-items:center!important;width:46px!important;height:46px!important;display:grid!important}.admin-page .modern-action-card strong{color:var(--ink)!important;font-size:16px!important}.admin-page .modern-action-card small{max-width:210px;color:#727891!important;line-height:1.55!important}.admin-page .modern-action-card i{width:32px;height:32px;color:var(--purple);background:#f6f2ff;border-radius:999px;place-items:center;font-style:normal;display:grid;position:absolute;bottom:18px;right:18px}.admin-page .modern-panel,.admin-page .admin-side-card,.admin-page .admin-application-card,.admin-page .admin-track-card,.admin-page .modern-info-card,.admin-page .teacher-profile-form{border-radius:22px!important}.admin-page .modern-panel-head{gap:16px!important}.admin-page .modern-filters{min-width:min(100%,320px);position:relative}.admin-page .modern-filters>svg{z-index:1;color:#8b83a8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-page .modern-filters input[type=search]{margin:0!important;padding-left:42px!important}.admin-filter-pills{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.admin-filter-pill{min-height:40px;border-radius:999px!important;width:auto!important;margin:0!important;padding:0 15px!important;font-weight:900!important}.admin-page .modern-table{overflow-x:auto!important}.admin-page .modern-table-row{min-width:920px}.admin-user-row{grid-template-columns:minmax(190px,1.25fr) minmax(220px,1.35fr) 110px 115px 110px 130px!important}.admin-page .modern-actions{align-items:center;gap:8px;display:flex}.admin-page .modern-actions button{min-height:36px;width:auto!important;box-shadow:none!important;border:1px solid #0000!important;margin:0!important;padding:0 11px!important}.admin-action-danger{color:#be123c!important;background:#fff1f2!important;border-color:#fecdd3!important}.admin-action-success{color:#15803d!important;background:#ecfdf3!important;border-color:#bbf7d0!important}.admin-page .admin-role-pill,.admin-page .modern-status{text-transform:capitalize;justify-content:center;align-items:center;width:fit-content;min-height:30px;border-radius:999px!important;padding:0 11px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important}.admin-page .admin-role-pill.student{color:#075985;background:#eef8ff}.admin-page .admin-role-pill.teacher{color:#c2410c;background:#fff1e6}.admin-page .admin-role-pill.admin{color:#2e1065;background:#f3ecff}.admin-track-grid,.admin-application-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;display:grid!important}.admin-track-card,.admin-application-card{flex-direction:column;gap:14px;display:flex;padding:22px!important}.admin-track-card-top,.admin-application-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-track-icon,.admin-application-user>span,.admin-page .modern-user-cell>span,.admin-page .modern-profile-avatar{box-shadow:inset 0 0 0 1px #2e106514;color:var(--purple)!important;background:linear-gradient(135deg,#f8f3ff,#fff1e6)!important}.admin-track-card h3{color:var(--ink)!important;margin:0!important;font-size:18px!important}.admin-track-card p,.admin-track-card input{margin:0!important}.admin-track-card-actions,.admin-application-actions,.admin-page .teacher-track-form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.admin-application-meta{color:#596176;gap:9px;font-size:13px;line-height:1.55;display:grid}.admin-activity-feed{gap:10px;display:grid}.admin-activity-item{background:#fff;border:1px solid #f0ecff;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid!important}.admin-activity-item strong,.admin-activity-item small{display:block}.admin-activity-date{color:#858aa0;font-size:12px;font-weight:800}.admin-health-list{gap:10px;margin:14px 0 18px;display:grid}.admin-health-item{background:#fbf9ff;border:1px solid #f0ecff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.admin-health-item>span{width:36px;height:36px;color:var(--purple);background:#f3ecff;border-radius:12px;place-items:center;display:grid}.admin-health-item strong,.admin-health-item small{display:block}.admin-breakdown-row{border-top:1px solid #f0ecff;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-weight:850;display:flex}.admin-page .modern-profile-hero{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;display:grid!important}.admin-page .modern-profile-avatar{border-radius:26px!important;width:88px!important;height:88px!important}.admin-page .modern-profile-stats{gap:14px!important}.admin-page .modern-profile-stat{align-content:center;justify-items:start;gap:5px;min-height:116px;border-radius:20px!important;display:grid!important}.admin-page .modern-profile-stat svg{margin-bottom:4px}.admin-page .modern-profile-grid{gap:18px!important}.admin-profile-logo-avatar{border:1px solid #2e10651a;background:#ffffffc7!important}.admin-profile-logo-avatar img{object-fit:contain;filter:drop-shadow(0 8px 12px #2e10651f);width:62%;height:62%}.student-profile-pro-page .student-profile-avatar-pro{color:var(--purple);background:linear-gradient(135deg,#f8f3ff,#fff1e6);position:relative;overflow:hidden}.student-profile-pro-page .student-profile-avatar-pro img{object-fit:cover;width:100%;height:100%}.student-profile-pro-page .student-profile-avatar-pro .profile-avatar-fallback{color:var(--purple);position:absolute}.student-profile-pro-page .profile-tabs{border:0;flex-wrap:wrap;gap:8px;margin:0;display:flex}.student-profile-pro-page .profile-tabs button{color:#4a4870;background:#fff;border:1px solid #e6e1ff;border-radius:999px;min-height:40px;padding:0 15px;font-weight:850}.student-profile-pro-page .profile-tabs button.active{color:#fff;background:linear-gradient(135deg,#5b45f5,#7c3aed);border-color:#0000}.student-profile-pro-page .profile-track-list,.student-profile-pro-page .profile-project-list{gap:10px;display:grid}.student-profile-pro-page .profile-track-row,.student-profile-pro-page .profile-project-item,.student-profile-pro-page .profile-achievements article,.student-profile-pro-page .profile-certificate{background:#faf9ff;border:1px solid #f0edf9;border-radius:14px}@media (width<=1100px){.admin-dashboard-hero,.admin-page-hero{grid-template-columns:1fr!important}.admin-hero-art{min-height:190px}.admin-page .teacher-dashboard-stats,.admin-page .modern-action-grid,.admin-track-grid,.admin-application-grid,.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-page .modern-profile-hero{grid-template-columns:auto minmax(0,1fr)!important}.admin-page .modern-profile-hero>button{grid-column:1/-1;justify-self:start}}@media (width<=760px){.app-shell-content-main{width:min(100% - 24px,100%)!important}.admin-dashboard-hero,.admin-page-hero,.admin-page .modern-profile-hero{border-radius:24px!important;min-height:auto!important;padding:24px!important}.admin-dashboard-hero h1,.admin-page-hero h1,.admin-page .modern-profile-hero h1{font-size:34px!important}.admin-page .teacher-dashboard-stats,.admin-page .modern-action-grid,.admin-track-grid,.admin-application-grid,.admin-dashboard-grid,.admin-page .modern-profile-stats,.admin-page .modern-profile-grid{grid-template-columns:1fr!important}.admin-page .modern-panel-head{flex-direction:column;align-items:stretch!important}.admin-page .modern-filters{width:100%}.admin-activity-item{grid-template-columns:42px minmax(0,1fr)}.admin-activity-date{grid-column:2}.admin-page .modern-profile-hero{grid-template-columns:1fr!important}.admin-page .modern-profile-avatar{width:74px!important;height:74px!important}}