*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--background:210 40% 98%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--primary:221 83% 53%;--primary-foreground:0 0% 100%;--secondary:210 40% 96%;--secondary-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--accent:188 94% 43%;--accent-foreground:222 47% 11%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:221 83% 53%;--radius:.75rem}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.end-0{inset-inline-end:0}.left-0{left:0}.right-0{right:0}.start-0{inset-inline-start:0}.isolate{isolation:isolate}.z-\[10000\]{z-index:10000}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.m-3{margin:.75rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.me-3{margin-inline-end:.75rem}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.ms-auto{margin-inline-start:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.w-4{width:1rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252/var(--tw-border-opacity,1))}.border-cyan-300{--tw-border-opacity:1;border-color:rgb(103 232 249/var(--tw-border-opacity,1))}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-emerald-600{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-secondary{border-color:hsl(var(--secondary))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-950{--tw-border-opacity:1;border-color:rgb(2 6 23/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-r-transparent{border-right-color:#0000}.border-opacity-25{--tw-border-opacity:.25}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/50{background-color:#02061780}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-10{--tw-bg-opacity:.1}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-95{--tw-bg-opacity:.95}.p-10{padding:2.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-1{padding-bottom:.25rem}.ps-3{padding-inline-start:.75rem}.ps-4{padding-inline-start:1rem}.pt-16{padding-top:4rem}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-accent{color:hsl(var(--accent))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-secondary{color:hsl(var(--secondary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-premium{--tw-shadow:0 24px 80px #0f172a1a;--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.outline-primary{outline-color:hsl(var(--primary))}.outline-secondary{outline-color:hsl(var(--secondary))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-cyan-200:hover{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity,1))}.hover\:bg-cyan-50:hover{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-slate-950:hover{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.focus\:border-red-400:focus{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=640px){.sm\:col-auto{grid-column:auto}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}}@media (width>=768px){.md\:col-auto{grid-column:auto}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (width>=1024px){.lg\:col-auto{grid-column:auto}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}}@media (width>=1280px){.xl\:col-auto{grid-column:auto}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-span-11{grid-column:span 11/span 11}.xl\:col-span-12{grid-column:span 12/span 12}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}}@media (width>=1536px){.\32 xl\:col-auto{grid-column:auto}.\32 xl\:col-span-1{grid-column:span 1/span 1}.\32 xl\:col-span-10{grid-column:span 10/span 10}.\32 xl\:col-span-11{grid-column:span 11/span 11}.\32 xl\:col-span-12{grid-column:span 12/span 12}.\32 xl\:col-span-2{grid-column:span 2/span 2}.\32 xl\:col-span-3{grid-column:span 3/span 3}.\32 xl\:col-span-4{grid-column:span 4/span 4}.\32 xl\:col-span-5{grid-column:span 5/span 5}.\32 xl\:col-span-6{grid-column:span 6/span 6}.\32 xl\:col-span-7{grid-column:span 7/span 7}.\32 xl\:col-span-8{grid-column:span 8/span 8}.\32 xl\:col-span-9{grid-column:span 9/span 9}}:root{--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-primary-active:#1e40af;--brand-primary-light:#dbeafe;--brand-primary-rgb:37, 99, 235;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#06b6d4;--color-purple:#7c3aed;--color-dark:#0f172a;--color-surface:#fff;--color-background:#f8fafc;--color-border:#e5e7eb;--color-border-light:#f1f5f9;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#94a3b8;--surface-1:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--sidebar-bg:#0f172a;--sidebar-hover:#1e293b;--sidebar-active:#2563eb;--sidebar-text:#ffffffa6;--sidebar-text-hover:#fff;--sidebar-text-active:#fff;--sidebar-width:240px;--sidebar-collapsed:60px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Fira Code", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--transition-speed:.15s;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--bs-primary:#2563eb;--bs-primary-rgb:37, 99, 235;--bs-link-color:#2563eb;--bs-link-hover-color:#1d4ed8;--bs-font-sans-serif:var(--font-sans);--bs-body-font-family:var(--font-sans);--bs-body-font-size:.875rem;--bs-body-color:var(--color-text-primary);--bs-body-bg:var(--color-background)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-background);font-size:.875rem;line-height:1.5;overflow-x:hidden}#root,.app-workspace,.dashboard-page,.container,.container-fluid,.row,.col,[class*=col-]{min-width:0}img,svg,video,canvas,iframe{max-width:100%}h1,.h1{letter-spacing:-.025em;font-size:1.875rem;font-weight:700;line-height:1.2}h2,.h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.25}h3,.h3{letter-spacing:-.015em;font-size:1.25rem;font-weight:600;line-height:1.3}h4,.h4{font-size:1.125rem;font-weight:600;line-height:1.35}h5,.h5{font-size:1rem;font-weight:600;line-height:1.4}h6,.h6{font-size:.875rem;font-weight:600;line-height:1.4}.btn{border-radius:var(--radius-md);transition:all var(--transition-speed) ease;letter-spacing:0;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500}.btn-sm{border-radius:var(--radius-sm);padding:.3125rem .625rem;font-size:.75rem}.btn-lg{border-radius:var(--radius-md);padding:.5625rem 1.125rem;font-size:.875rem}.btn-primary{--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8;--bs-btn-focus-shadow-rgb:37, 99, 235;--bs-btn-active-bg:#1e40af;--bs-btn-active-border-color:#1e40af;box-shadow:none;background-image:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 3px #2563eb4d}.btn-outline-primary{--bs-btn-color:#2563eb;--bs-btn-border-color:#d1d5db;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#2563eb;--bs-btn-hover-border-color:#2563eb;background-image:none}.btn-outline-secondary{--bs-btn-color:#6b7280;--bs-btn-border-color:#d1d5db;--bs-btn-hover-color:#374151;--bs-btn-hover-bg:#f9fafb;--bs-btn-hover-border-color:#9ca3af}.btn-outline-danger{--bs-btn-color:#dc2626;--bs-btn-border-color:#fca5a5;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc2626;--bs-btn-hover-border-color:#dc2626}.btn-warning{--bs-btn-color:#fff;--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8;background-image:none}.btn-outline-warning{--bs-btn-color:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#2563eb;--bs-btn-hover-border-color:#2563eb;background-image:none}.btn-success{--bs-btn-bg:#16a34a;--bs-btn-border-color:#16a34a;--bs-btn-hover-bg:#15803d;--bs-btn-hover-border-color:#15803d;background-image:none}.text-primary{color:#2563eb!important}.bg-primary{background-color:#2563eb!important}.border-primary{border-color:#2563eb!important}.text-warning{color:#f59e0b!important}.bg-warning{background-color:#fef3c7!important}.border-warning{border-color:#f59e0b!important}.form-control,.form-select{border-color:var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;padding:.4375rem .75rem;font-size:.8125rem}.form-label{color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-speed) ease}.card:hover{box-shadow:var(--shadow-sm)}.card-header{background:var(--surface-2);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.modal-content{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-header{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.modal-footer{border-top:1px solid var(--color-border);background:var(--surface-2);border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:.75rem 1.25rem}.dropdown-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem}.dropdown-item{border-radius:var(--radius-sm);transition:background var(--transition-speed) ease;padding:.4375rem .75rem;font-size:.8125rem}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item:active{background:var(--brand-primary)}.table{--bs-table-bg:transparent;font-size:.8125rem}.table thead th{background:var(--surface-2);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.625rem .75rem;font-size:.75rem;font-weight:600}.table tbody td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:.625rem .75rem}.table tbody tr{transition:background var(--transition-speed) ease}.table tbody tr:hover{background:var(--surface-2)}.table-light,.table>thead.table-light>tr>th{--bs-table-bg:var(--surface-2);--bs-table-color:var(--color-text-secondary);border-color:var(--color-border)}.badge{border-radius:var(--radius-sm);padding:.25em .625em;font-size:.6875rem;font-weight:500}.badge.bg-primary{color:#1e40af!important;background-color:#dbeafe!important}.badge.bg-success{color:#166534!important;background-color:#dcfce7!important}.badge.bg-danger{color:#991b1b!important;background-color:#fee2e2!important}.badge.bg-warning{color:#92400e!important;background-color:#fef3c7!important}.badge.bg-info{color:#155e75!important;background-color:#cffafe!important}.badge.bg-secondary{color:#475569!important;background-color:#f1f5f9!important}.badge.bg-purple,.badge[class*=bg-purple]{color:#5b21b6!important;background-color:#ede9fe!important}.progress{background-color:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress-bar{background-color:var(--brand-primary);border-radius:999px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.main-navbar{z-index:999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#0f172afa,#0f172aeb),radial-gradient(circle at 20% 0,#2563eb52,#0000 34%),radial-gradient(circle at 82% 0,#06b6d42e,#0000 30%);border-bottom:1px solid #94a3b829;width:100%;min-height:72px;position:sticky;top:0;overflow:visible;box-shadow:0 18px 50px #02061738}.main-navbar:before{content:"";opacity:.65;pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.main-navbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#2563eb,#22d3ee,#fde68a,#0000) 0 0/220% 100%;height:2px;animation:4s ease-in-out infinite navbarBorderFlow;position:absolute;bottom:0;left:0;right:0}.navbar-shell{z-index:1;align-items:center;gap:clamp(1rem,2vw,2.5rem);width:min(100%,1560px);min-height:72px;margin:0 auto;padding:0 2.25rem;display:flex;position:relative}.navbar-menu-shell{flex:auto;justify-content:space-between;gap:clamp(1rem,2vw,2rem);min-width:0}.navbar-primary-links,.navbar-actions,.navbar-guest-actions{gap:.45rem}.main-brand{background:#0f172a6b;border:1px solid #94a3b81f;border-radius:16px;flex:none;min-height:44px;padding:.42rem .72rem .42rem .48rem;transition:transform .18s,border-color .18s,background .18s;position:relative;box-shadow:inset 0 1px #ffffff0f;color:#f8fafc!important}.main-brand:hover{background:#1e293b9e;border-color:#60a5fa57;transform:translateY(-1px)}.main-brand-code{color:#fff;width:34px;height:34px;font-family:var(--font-mono);letter-spacing:-1px;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:11px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 14px 28px #2563eb57}.main-brand-title{color:#fff;white-space:nowrap;letter-spacing:0;font-size:1.08rem;font-weight:950}.navbar-link{white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;min-height:38px;padding:.52rem .78rem;font-size:.82rem;font-weight:800;line-height:1;transition:color .18s,background .18s,border-color .18s,transform .18s;display:inline-flex;position:relative;color:#cbd5e1!important}.navbar-link:hover,.navbar-link.active{background:#ffffff14;border-color:#94a3b824;transform:translateY(-1px);color:#f8fafc!important}.navbar-tagline{color:#f8fafc;white-space:nowrap;text-transform:uppercase;background:linear-gradient(90deg,#f8fafc 0%,#93c5fd 32%,#22d3ee 50%,#fde68a 68%,#f8fafc 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #2563eb59);-webkit-background-clip:text;background-clip:text;border:1px solid #22d3ee2e;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:.4rem .85rem;font-size:clamp(.78rem,.82vw,.95rem);font-weight:900;line-height:1;animation:2.8s ease-in-out infinite navbarTaglineShine;display:inline-flex;position:relative;overflow:hidden}.navbar-tagline:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#0000,#60a5fa,#22d3ee,#0000);border-radius:999px;height:2px;animation:1.8s ease-in-out infinite navbarTaglinePulse;position:absolute;bottom:0;left:8%;right:8%}@keyframes navbarTaglineShine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes navbarTaglinePulse{0%,to{opacity:.45;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}.navbar-cert-link{font-size:.78rem;font-weight:800}.navbar-auth-btn{white-space:nowrap;justify-content:center;align-items:center;min-height:38px;font-size:.78rem;font-weight:900;display:inline-flex;border-radius:12px!important}.navbar-auth-btn.btn-primary{border:0;box-shadow:0 16px 34px #2563eb47;background:linear-gradient(135deg,#2563eb,#06b6d4)!important}.navbar-icon-btn{color:#cbd5e1;background:#0f172a6b;border:1px solid #94a3b824;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;transition:color .18s,background .18s,transform .18s;display:inline-flex}.navbar-icon-btn:hover{color:#fff;background:#2563eb2e;transform:translateY(-1px)}.navbar-alert-badge{color:#fff;background-color:#dc2626;border:2px solid #0f172a;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.58rem;display:inline-flex;top:-5px;right:-5px}.navbar-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border:1px solid #93c5fd42;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:0 16px 32px #2563eb47}.navbar-mobile-toggle{color:#f8fafc;background:#0f172a85;border:1px solid #94a3b833;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;display:inline-flex}@keyframes navbarBorderFlow{0%,to{background-position:0%}50%{background-position:100%}}.sidebar-wrapper{box-shadow:none;background:var(--sidebar-bg)!important}.sidebar-wrapper:after{display:none}.sidebar-wrapper>*{z-index:1;position:relative}.sidebar-link{border-radius:var(--radius-md);transition:all var(--transition-speed) ease;border-left:2px solid #0000;margin:2px 8px;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--sidebar-text)!important}.sidebar-link:hover{background:var(--sidebar-hover);border-left-color:#ffffff26;color:var(--sidebar-text-hover)!important}.sidebar-link-active{font-weight:600;color:var(--sidebar-text-active)!important;border-left-color:var(--brand-primary)!important;background:#2563eb33!important}.sidebar-link-active i{color:#60a5fa}.sidebar-logout-btn{border-radius:var(--radius-md);color:#f87171;transition:background var(--transition-speed) ease;background:#f871711a;border:0;font-size:.8125rem;font-weight:500}.sidebar-logout-btn:hover{background:#f8717133}.dashboard-shell{min-height:100dvh;position:relative;overflow:hidden}.dashboard-sidebar{z-index:100;flex-shrink:0;height:100dvh;transition:width .2s,transform .2s;position:sticky;top:0;overflow:hidden}.dashboard-sidebar-nav{height:calc(100dvh - 60px);padding:.5rem 0 72px;overflow-y:auto}.dashboard-main{background:var(--color-background);min-width:0;height:100dvh;overflow:hidden auto}.dashboard-topbar{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.625rem 1rem;position:sticky;top:0;border-bottom:1px solid var(--color-border)!important;background:#fffffff2!important}.dashboard-topbar-title{overflow-wrap:anywhere;min-width:0;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.dashboard-cheatsheet-menu{min-width:0;position:relative}.dashboard-learning-menus{align-items:center;gap:.55rem;min-width:0;display:flex}.dashboard-cheatsheet-trigger{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:.5rem;min-height:2rem;padding:.35rem .85rem;font-size:.875rem;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 22px #0f172a0f}.dashboard-cheatsheet-trigger:hover,.dashboard-cheatsheet-trigger[aria-expanded=true]{border-color:#2563eb61;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb24}.dashboard-cheatsheet-caret{color:#64748b;font-size:.75rem}.dashboard-cheatsheet-dropdown{z-index:140;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #94a3b83d;border-radius:1rem;width:min(20rem,100vw - 2rem);padding:.45rem;position:absolute;top:calc(100% + .65rem);left:0;box-shadow:0 24px 60px #0f172a29}.dashboard-cheatsheet-option{color:#0f172a;border-radius:.75rem;grid-template-columns:2.25rem 1fr;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:background .18s,transform .18s;display:grid}.dashboard-cheatsheet-option:hover{color:#0f172a;background:#f1f5f9;transform:translate(2px)}.dashboard-cheatsheet-option-icon{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:.7rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.78rem;font-weight:800;display:inline-flex}.dashboard-cheatsheet-option strong,.dashboard-cheatsheet-option small{line-height:1.25;display:block}.dashboard-cheatsheet-option small{color:#64748b;margin-top:.18rem;font-size:.75rem;font-weight:500}.dashboard-page{min-width:0}.tutorial-dashboard-page{padding:1rem 1rem 1.5rem}.tutorial-dashboard-page .tutorial-page{max-width:none;margin:0}.tutorial-page{grid-template-columns:280px minmax(0,1fr);gap:1rem;max-width:1160px;margin:0 auto;display:grid}.tutorial-topic-sidebar,.tutorial-content-panel{background:#fffffff5;border:1px solid #94a3b83d;border-radius:1.25rem;box-shadow:0 18px 44px #0f172a12}.tutorial-topic-sidebar{align-self:start;padding:1rem;position:sticky;top:5.2rem}.tutorial-sidebar-label,.tutorial-content-kicker{text-transform:uppercase;letter-spacing:0;border-radius:999px;width:fit-content;padding:.32rem .7rem;font-size:.72rem;font-weight:850;display:inline-flex}.tutorial-topic-sidebar h2{margin:.75rem 0 .9rem;font-size:1.1rem;font-weight:850}.tutorial-sidebar-note{color:#64748b;margin:-.35rem 0 .9rem;font-size:.82rem;line-height:1.45}.tutorial-topic-group{margin-top:.85rem}.tutorial-topic-group h3{color:#64748b;letter-spacing:0;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:900}.tutorial-topic-sidebar button{color:#0f172a;text-align:left;background:0 0;border:1px solid #0000;border-radius:.85rem;flex-direction:column;align-items:flex-start;width:100%;padding:.78rem .85rem;transition:background .18s,border-color .18s,transform .18s;display:flex}.tutorial-topic-sidebar button:hover,.tutorial-topic-sidebar button.active{background:#f8fafc;border-color:#2563eb38;transform:translate(2px)}.tutorial-topic-sidebar button span{font-weight:800}.tutorial-topic-sidebar button small{color:#64748b;margin-top:.18rem;font-weight:650}.tutorial-content-panel{min-height:620px;padding:clamp(1.25rem,4vw,2.4rem)}.tutorial-content-panel h1{color:#07111f;letter-spacing:0;max-width:820px;margin:.8rem 0 .85rem;font-size:clamp(2rem,4vw,4.1rem);font-weight:900;line-height:.98}.tutorial-content-panel p{color:#52627a;max-width:760px;font-size:1rem;line-height:1.7}.tutorial-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.2rem 0;display:grid}.tutorial-note-grid div{color:#334155;background:#f8fafc;border-radius:.95rem;padding:.9rem;font-weight:700;line-height:1.45}.tutorial-content-panel pre{color:#dbeafe;background:#08111f;border-radius:1rem;margin:0;padding:1.15rem;font-size:.84rem;line-height:1.58;overflow-x:auto}.java-tutorial-page .tutorial-sidebar-label,.java-tutorial-page .tutorial-content-kicker{color:#0f766e;background:#ccfbf1}.java-tutorial-page .tutorial-content-panel{background:linear-gradient(135deg,#f0fdfaeb,#fffffffa),#fff}.java-tutorial-premium{grid-template-columns:340px minmax(0,1fr);max-width:none}.java-topic-index{background:linear-gradient(#f0fdfaf5,#fffffffa),#fff;border-color:#14b8a638;max-height:calc(100dvh - 7rem);overflow-y:auto}.java-topic-index button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;margin-bottom:.32rem;display:grid}.java-topic-index button small{color:#2563eb;background:#eef2ff;border-radius:999px;margin:0;padding:.16rem .42rem;font-size:.66rem}.java-topic-index button.active{background:#ccfbf1;border-color:#14b8a661}.java-lesson-stage{border-color:#14b8a633;position:relative;overflow:hidden}.java-lesson-stage:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#0f766e0b 1px,#0000 1px),linear-gradient(90deg,#2563eb0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.java-lesson-stage>*{z-index:1;position:relative}.java-lesson-hero-row{grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:1rem;display:grid}.java-progress-orbit{text-align:center;background:radial-gradient(circle at 35% 25%,#2dd4bf47,#0000 35%),linear-gradient(145deg,#fff,#f8fafc);border:1px solid #14b8a638;border-radius:50%;flex-direction:column;justify-content:center;min-height:170px;display:flex;box-shadow:0 18px 44px #0f172a14}.java-progress-orbit strong{color:#0f766e;font-size:3rem;font-weight:950;line-height:1}.java-progress-orbit span,.java-progress-orbit small{color:#64748b;font-weight:800}.java-progress-orbit small{margin-top:.25rem;padding:0 1rem}.java-learning-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.java-learning-grid div{background:#ffffffc7;border:1px solid #14b8a62e}.java-example-shell{background:#08111f;border:1px solid #0f172a1f;border-radius:1.1rem;overflow:hidden;box-shadow:0 22px 48px #0f172a29}.java-example-head{color:#cbd5e1;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.java-example-head span{color:#052e2b;text-transform:uppercase;background:#14b8a6;border-radius:999px;padding:.22rem .55rem;font-size:.7rem;font-weight:900}.java-example-shell pre{box-shadow:none;border-radius:0}.java-study-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.java-study-footer div{background:#ffffffb8;border:1px solid #94a3b838;border-radius:1rem;padding:1rem}.java-study-footer strong,.java-study-footer span{display:block}.java-study-footer span{color:#64748b;margin-top:.35rem;line-height:1.55}.javascript-tutorial-page .tutorial-sidebar-label,.javascript-tutorial-page .tutorial-content-kicker{color:#4338ca;background:#e0e7ff}.javascript-tutorial-page .tutorial-content-panel{background:linear-gradient(135deg,#eef2ffeb,#fffffffa),#fff}.cheatsheet-page{color:#0f172a;flex-direction:column;gap:1.25rem;max-width:1180px;margin:0 auto;display:flex}.cheatsheet-kicker,.panel-label{text-transform:uppercase;letter-spacing:0;border-radius:999px;width:fit-content;padding:.32rem .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.cheatsheet-page h1,.cheatsheet-page h2{letter-spacing:0}.cheatsheet-page h1{max-width:780px;margin:.8rem 0 .7rem;font-size:clamp(2.3rem,5vw,4.8rem);font-weight:900;line-height:.95}.cheatsheet-page h2{margin:.5rem 0 .85rem;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:850;line-height:1.05}.cheatsheet-page p,.cheatsheet-page li{color:#52627a;line-height:1.65}.cheatsheet-page code{color:#0f172a;background:#0f172a0f;border-radius:.4rem;padding:.08rem .28rem}.cheatsheet-page pre{color:#dbeafe;background:#08111f;border-radius:1rem;margin:0;padding:1.1rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.java-sheet-hero{background:linear-gradient(135deg,#f0fdfaf5,#fffffff5),linear-gradient(90deg,#14b8a61f,#2563eb1a);border:1px solid #14b8a63d;border-radius:1.5rem;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:1.25rem;padding:clamp(1.25rem,4vw,2.25rem);display:grid;box-shadow:0 24px 70px #0f172a14}.java-cheatsheet-page .cheatsheet-kicker{color:#0f766e;background:#ccfbf1}.java-hero-card{color:#fff;background:linear-gradient(145deg,#0f172a,#164e63);border:1px solid #0f172a1a;border-radius:1.2rem;flex-direction:column;justify-content:flex-end;min-height:260px;padding:1.25rem;display:flex}.java-hero-card span,.java-hero-card small{color:#99f6e4;font-weight:700}.java-hero-card strong{margin:.55rem 0;font-size:1.6rem;line-height:1.05}.java-foundation-grid,.java-interview-grid,.js-web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.java-foundation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.java-foundation-card,.cheatsheet-panel,.java-code-card,.java-interview-grid>div,.js-syntax-card,.js-web-card,.js-interview-lanes{background:#fffffff0;border:1px solid #94a3b838;border-radius:1.15rem;box-shadow:0 14px 34px #0f172a0f}.java-foundation-card{border-top:4px solid #14b8a6;padding:1rem}.java-foundation-card strong{font-size:1.05rem}.java-foundation-card p{margin:.45rem 0 0}.java-two-column{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem;display:grid}.cheatsheet-panel,.java-code-card,.java-interview-grid>div{padding:1.2rem}.java-cheatsheet-page .panel-label{color:#1d4ed8;background:#dbeafe}.choice-table{gap:.55rem;display:grid}.choice-table div{background:#f8fafc;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.choice-table span{color:#52627a;font-weight:700}.code-card-head{color:#52627a;justify-content:space-between;gap:1rem;margin-bottom:.75rem;display:flex}.java-pattern-strip{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:1.2rem;padding:1.3rem}.java-pattern-strip h2{color:#fff}.java-pattern-strip div{flex-wrap:wrap;gap:.65rem;display:flex}.java-pattern-strip span{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:.55rem .8rem;font-weight:750}.java-interview-grid ul,.java-interview-grid ol,.js-web-card ul{margin-bottom:0;padding-left:1.2rem}.js-sheet-hero{background:linear-gradient(135deg,#eef2fff5,#fffffff5),linear-gradient(90deg,#6366f11f,#06b6d41a);border:1px solid #6366f13d;border-radius:1.5rem;padding:clamp(1.25rem,4vw,2.25rem);box-shadow:0 24px 70px #0f172a14}.js-cheatsheet-page .cheatsheet-kicker{color:#4338ca;background:#e0e7ff}.js-runtime-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:1.4rem;display:grid}.js-runtime-row span{color:#312e81;text-align:center;background:#ffffffb8;border:1px solid #4f46e52e;border-radius:999px;padding:.65rem .8rem;font-weight:800}.js-syntax-board{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr));gap:1rem;display:grid}.js-syntax-card{border-top:4px solid #6366f1;padding:1.1rem}.js-syntax-card.primary{color:#fff;background:linear-gradient(#111827,#172554);grid-row:span 2}.js-syntax-card.primary p,.js-syntax-card.primary code{color:#dbeafe}.js-syntax-card.primary code{background:#ffffff1a}.js-syntax-card strong,.js-interview-lanes strong{font-size:1.05rem}.js-event-loop{color:#fff;background:linear-gradient(135deg,#312e81,#0e7490);border-radius:1.2rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:1rem;padding:1.2rem;display:grid}.js-event-loop h2,.js-event-loop p{color:#fff}.js-cheatsheet-page .panel-label{color:#fff;background:#ffffff29}.js-web-card{padding:1.2rem}.js-web-card.accent{background:#f8fafc}.js-interview-lanes{padding:1.2rem}.js-interview-lanes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.js-interview-lanes>div>div{background:#f8fafc;border-radius:.95rem;padding:.9rem}@media (width<=992px){.tutorial-page{grid-template-columns:1fr}.tutorial-topic-sidebar{position:static}.tutorial-note-grid,.java-tutorial-premium,.java-lesson-hero-row,.java-learning-grid,.java-study-footer{grid-template-columns:1fr}.java-topic-index{max-height:none}.java-progress-orbit{border-radius:1.1rem;min-height:auto;padding:1.1rem}.java-sheet-hero,.java-two-column,.java-interview-grid,.js-event-loop,.js-web-grid{grid-template-columns:1fr}.java-foundation-grid,.js-syntax-board,.js-interview-lanes>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.java-foundation-grid,.js-syntax-board,.js-runtime-row,.js-interview-lanes>div{grid-template-columns:1fr}.choice-table div,.code-card-head{flex-direction:column;align-items:flex-start}}.dashboard-backdrop{opacity:0;pointer-events:none;z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;border:0;transition:opacity .2s;position:fixed;inset:0}.dashboard-backdrop.show{opacity:1;pointer-events:auto}.dashboard-sidebar.sidebar-collapsed .sidebar-link,.dashboard-sidebar.sidebar-collapsed .sidebar-logout-btn{padding-left:.5rem!important;padding-right:.5rem!important}.student-welcome-highlight{align-items:center;display:inline-flex;position:relative}.student-welcome-highlight:after{content:"";background:var(--brand-primary);border-radius:999px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.hero-section{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:80px 0;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-100px}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-50px}.landing-hero-section{background:#0f172a;align-items:center;min-height:680px;display:flex}.landing-hero-section:before,.landing-hero-section:after{display:none}.landing-hero-section .container{z-index:1;position:relative}.landing-premium-hero{color:#f8fafc;background:linear-gradient(90deg,#0f172af5,#0f172ad1),url(/assets/landing-hero-bg-DqL5Tezt.jpg) 50%/cover no-repeat,#0f172a;align-items:center;min-height:calc(100vh - 64px);padding:5rem 0;display:flex;position:relative;overflow:hidden}.landing-premium-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.landing-premium-hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#60a5fa29 42%,#0000 58%);animation:7s ease-in-out infinite premiumSweep;position:absolute;inset:0;transform:translate(-100%)}.landing-premium-hero .container{z-index:1;position:relative}.landing-kicker,.landing-section-badge{color:#bfdbfe;text-transform:uppercase;background:#0f172a8c;border:1px solid #60a5fa59;border-radius:999px;align-items:center;gap:.5rem;min-height:2rem;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.landing-premium-title{color:#f8fafc;max-width:760px;font-size:4.35rem;font-weight:950;line-height:.98}.landing-premium-title span{color:#f8fafc;background:linear-gradient(90deg,#f8fafc 0%,#93c5fd 28%,#22d3ee 48%,#fde68a 68%,#f8fafc 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite navbarTaglineShine;display:inline-block}.landing-premium-copy{color:#cbd5e1;max-width:680px;font-size:1.075rem;line-height:1.75}.landing-primary-cta,.auth-submit-btn{border:0;box-shadow:0 18px 42px #2563eb57;background:linear-gradient(135deg,#2563eb,#0891b2,#7c3aed)!important}.landing-secondary-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b!important;border-color:#f8fafc8c!important}.landing-outcome-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:720px;display:grid}.landing-outcome-strip div{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a9e;border:1px solid #94a3b838;padding:.9rem}.landing-outcome-strip strong{color:#fde68a;font-size:1.35rem;line-height:1;display:block}.landing-outcome-strip span{color:#cbd5e1;margin-top:.35rem;font-size:.78rem;display:block}.landing-code-stage,.auth-code-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617c7;border:1px solid #94a3b840;position:relative;overflow:hidden;box-shadow:0 28px 80px #02061780}.landing-code-stage{animation:5s ease-in-out infinite floatCodePanel}.landing-code-toolbar{border-bottom:1px solid #94a3b82e;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.landing-code-toolbar span{background:#ef4444;border-radius:999px;width:.7rem;height:.7rem}.landing-code-toolbar span:nth-child(2){background:#f59e0b}.landing-code-toolbar span:nth-child(3){background:#22c55e}.landing-code-toolbar strong{color:#94a3b8;font-size:.78rem;font-family:var(--font-mono);margin-left:auto}.landing-code-window{color:#d1fae5;white-space:pre-wrap;min-height:370px;font-size:.9rem;line-height:1.72;font-family:var(--font-mono);padding:1.25rem}.landing-code-insight{border-radius:var(--radius-md);color:#e0f2fe;background:#0891b22e;border:1px solid #22d3ee38;align-items:center;gap:.5rem;margin:0 1rem 1rem;padding:.8rem .9rem;font-size:.82rem;font-weight:700;display:flex}.landing-premium-band{border-bottom:1px solid var(--color-border);background:#f8fafc;padding:1.35rem 0}.landing-logo-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;display:flex}.landing-logo-cloud span{border:1px solid var(--color-border);color:#475569;background:#fff;border-radius:999px;padding:.5rem .85rem;font-size:.84rem;font-weight:800}.landing-premium-section{background:#f8fafc;padding:5rem 0}.landing-premium-section-dark{color:#f8fafc;background:linear-gradient(#0f172af5,#0f172af5),linear-gradient(90deg,#0f172a,#111827)}.landing-premium-section-dark p{color:#cbd5e1}.landing-premium-card,.landing-track-card,.landing-faq-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);background:#fff;padding:1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.landing-premium-card:hover,.landing-track-card:hover,.landing-faq-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 18px 50px #0f172a1f}.landing-premium-card i,.landing-track-card i{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.1rem;font-size:1.4rem;display:inline-flex}.landing-premium-card h5,.landing-track-card h4{color:#0f172a;font-weight:900}.landing-premium-card p{color:#64748b;margin-bottom:0;line-height:1.65}.landing-roadmap{gap:.85rem;display:grid}.landing-roadmap-item{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #94a3b838;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.landing-roadmap-item span{color:#fde68a;font-family:var(--font-mono);font-weight:900}.landing-roadmap-item p{margin:0}.landing-track-card>div>span{color:#2563eb;font-size:.78rem;font-weight:800}.landing-track-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.landing-track-tags span{color:#334155;background:#eff6ff;border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:800}.landing-course-highlight{background:#fff}.landing-faq-card{height:auto;padding:0;overflow:hidden}.landing-faq-card summary{color:#0f172a;cursor:pointer;padding:1rem 1.15rem;font-weight:900;list-style:none}.landing-faq-card div{color:#64748b;padding:0 1.15rem 1rem}.landing-final-premium-cta{color:#f8fafc;background:linear-gradient(135deg,#0f172af5,#1e293bf0),url(/assets/landing-hero-bg-CHC-B-zt.png) 50%/cover no-repeat;padding:5rem 0}.landing-final-premium-cta p{color:#cbd5e1;max-width:720px;margin-left:auto;margin-right:auto}@keyframes premiumSweep{0%,45%{transform:translate(-100%)}80%,to{transform:translate(100%)}}@keyframes floatCodePanel{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);background:#ffffffe6}.premium-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-speed) ease}.premium-card:hover{box-shadow:var(--shadow-sm)}.animate-fade-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hover-reveal{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}.premium-card:hover .hover-reveal,.glass-card:hover .hover-reveal,div:hover>.hover-reveal{opacity:1;transform:translateY(0)}.curriculum-card{transition:transform .15s,box-shadow .15s}.curriculum-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.continue-learning-card{transition:box-shadow .15s;border-left:3px solid var(--brand-primary)!important}.continue-learning-card:hover{box-shadow:var(--shadow-md)!important}.pricing-section{align-items:center;min-height:calc(100vh - 80px);padding:18px 0;display:flex}.pricing-card{border-radius:var(--radius-xl);transition:transform .15s,box-shadow .15s}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.auth-layout-shell{background:var(--color-surface)}.auth-branding-panel{background:#0f172a!important}.auth-form-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.auth-home-link{border-radius:var(--radius-sm)!important;font-size:.75rem!important}.auth-premium-shell{background:linear-gradient(#f8fafceb,#f8fafceb),linear-gradient(90deg,#0000 24px,#2563eb14 25px,#0000 26px),#f8fafc;min-height:100vh}.auth-premium-panel{color:#f8fafc;background:linear-gradient(90deg,#0f172af5,#0f172ad1),url(/assets/landing-hero-bg-DqL5Tezt.jpg) 50%/cover no-repeat,#0f172a;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-premium-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.auth-premium-panel>*{z-index:1;position:relative}.auth-premium-brand,.auth-mobile-brand{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.auth-premium-brand span,.auth-mobile-brand span{border-radius:var(--radius-sm);color:#fff;width:2rem;height:2rem;font-family:var(--font-mono);background:linear-gradient(135deg,#2563eb,#06b6d4);justify-content:center;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.auth-mobile-brand{color:#0f172a;justify-content:center}.auth-premium-story h1{max-width:520px;font-size:2.65rem;font-weight:950;line-height:1.05}.auth-premium-story p{color:#cbd5e1;max-width:460px;margin-top:1.25rem;line-height:1.7}.auth-code-card{padding-bottom:1rem}.auth-code-line{border-radius:var(--radius-sm);color:#cbd5e1;font-family:var(--font-mono);background:#0f172aa3;border:1px solid #94a3b829;gap:.85rem;margin:.7rem 1rem 0;padding:.75rem;font-size:.8rem;display:flex}.auth-code-line span{color:#38bdf8;font-weight:900}.auth-code-line.active{color:#f8fafc;background:#fde68a14;border-color:#fde68a59}.auth-premium-footer{color:#94a3b8;font-size:.78rem}.auth-premium-content{width:100%;max-width:520px}.auth-premium-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #94a3b847;padding:2rem;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a21}.auth-premium-card:before{content:"";background:linear-gradient(90deg,#2563eb,#06b6d4,#fde68a,#7c3aed) 0 0/240% 100%;height:3px;animation:3s ease-in-out infinite navbarTaglineShine;position:absolute;inset:0 0 auto}.auth-card-pill{color:#1d4ed8;text-transform:uppercase;background:#dbeafe;border-radius:999px;align-items:center;min-height:1.8rem;padding:.28rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex}.auth-home-link{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#475569;background:#fff;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.auth-form-heading span{color:#2563eb;text-transform:uppercase;font-size:.78rem;font-weight:900}.auth-form-heading h4{color:#0f172a;margin:.35rem 0 .5rem;font-size:1.8rem;font-weight:950}.auth-form-heading p{color:#64748b;margin:0;line-height:1.6}.auth-premium-form label{color:#334155;font-size:.78rem;font-weight:900}.auth-input.form-control{border-radius:var(--radius-md);color:#0f172a;background:#ffffffe6;border-color:#cbd5e1;min-height:2.85rem}.auth-input.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb24}.auth-inline-link{color:#2563eb;font-size:.82rem;font-weight:800;text-decoration:none}.auth-benefit-row,.auth-plan-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.auth-benefit-row span,.auth-plan-strip span,.auth-plan-strip strong{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.76rem;font-weight:900;display:inline-flex}.auth-plan-strip{border-radius:var(--radius-md);background:#eff6ff;border:1px solid #bfdbfe;justify-content:space-between;padding:.7rem}.auth-plan-strip strong{color:#92400e;background:#fef3c7}.course-card-img,.course-hero-card,.course-plan-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important}.course-module-sidebar,.admin-builder-panel,.admin-import-card{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.course-module-sidebar-head,.course-lesson-panel-head{background:var(--surface-2);border-color:var(--color-border)}.course-module-item,.admin-builder-module{border-radius:var(--radius-md);transition:background var(--transition-speed) ease;margin-bottom:4px}.course-module-item:hover,.course-module-item.active,.admin-builder-module:hover,.admin-builder-module.active{background:var(--surface-2)}.course-module-number,.admin-builder-module span,.admin-lesson-index{border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;font-size:.75rem;font-weight:600}.course-lesson-card,.admin-lesson-card,.admin-import-preview-item,.admin-import-stat,.admin-import-empty{border-radius:var(--radius-lg);border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs)}.course-lesson-card:hover,.admin-lesson-card:hover,.admin-import-preview-item:hover{box-shadow:var(--shadow-sm);border-color:#93c5fd}.course-lesson-icon{border-radius:var(--radius-md);color:#16a34a;background:#dcfce7}.admin-lesson-grid,.admin-builder-list,.course-module-list,.course-lesson-grid,.admin-import-preview-list{scrollbar-color:#d1d5db transparent}.admin-lesson-card .btn,.table .btn{border-radius:var(--radius-sm)}.sortable-block-item,.card-header{border-color:var(--color-border)!important}.bg-light{background:var(--surface-2)!important}.lesson-shell{min-height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);overflow:hidden}.lesson-content-card{overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.lesson-action-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0!important}.lesson-shell .btn{border-radius:var(--radius-sm);padding:.3125rem .75rem;font-size:.75rem}.lesson-shell .btn-lg{padding:.4375rem 1rem;font-size:.8125rem}.lesson-shell h1{font-size:1.5rem;line-height:1.2}.lesson-shell h2,.lesson-shell h3{font-size:1.0625rem}.lesson-shell h4,.lesson-shell h5,.lesson-shell h6{font-size:.875rem}.lesson-premium-loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lesson-premium-loop-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px;color:var(--color-text-primary);text-transform:uppercase;box-shadow:none;transition:background var(--transition-speed) ease, border-color var(--transition-speed) ease;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.6875rem;font-weight:600;display:flex}.lesson-premium-loop-item:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.lesson-premium-loop-item i{font-size:.75rem}.lesson-shell .lesson-candy-card,.lesson-shell .premium-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.lesson-candy-icon{border-radius:var(--radius-sm);color:#fff;background:var(--brand-primary);width:28px;height:28px;box-shadow:none;justify-content:center;align-items:center}.lesson-candy-list-item{padding:8px 10px!important}.lesson-candy-text{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--color-border);box-shadow:none;padding:12px;font-size:.875rem;line-height:1.6;opacity:1!important}.lesson-candy-text h5{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.lesson-candy-text p{color:var(--color-text-secondary)}.lesson-candy-mini-card{transition:transform .15s,border-color .15s}.coding-practice-shell{min-height:calc(100dvh - 80px)}.coding-problem-sidebar,.coding-problem-main,.coding-problem-details{height:100%;overflow-y:auto}.coding-editor-column{flex-direction:column;height:100%;min-height:0;display:flex}.coding-editor-textarea{min-height:280px}.coding-output-panel{flex-shrink:0}.code-editor-area,.coding-editor-textarea{font-family:var(--font-mono);color:#e2e8f0;border-radius:var(--radius-md);background:#0b1220;border:1px solid #1e293b;font-size:.8125rem;line-height:1.6}.code-editor-area:focus,.coding-editor-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.custom-footer{border-top:1px solid var(--color-border);background:var(--color-surface)!important}.custom-footer h5,.custom-footer h6{color:var(--color-text-primary)}.custom-footer a{color:var(--color-text-secondary);transition:color var(--transition-speed) ease}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.quest-loader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99}.quest-loader-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.quest-loader-message{background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.compact-loader{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.route-loader{min-height:6rem}.quest-toast{border-radius:var(--radius-md)!important;border:1px solid var(--color-border)!important;font-size:.8125rem!important}.alert-info{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.alert-success{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.alert-danger{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.alert-warning{color:#92400e;background-color:#fffbeb;border-color:#fde68a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s forwards fadeInUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:2s infinite pulse}[data-bs-theme=dark]{--brand-primary:#3b82f6;--brand-primary-hover:#2563eb;--brand-primary-light:#3b82f626;--color-dark:#f8fafc;--color-surface:#1e293b;--color-background:#0f172a;--color-border:#334155;--color-border-light:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--surface-1:#1e293b;--surface-2:#1e293b;--surface-3:#334155;--sidebar-bg:#020617;--sidebar-hover:#0f172a;--chart-tick-color:#94a3b8;--chart-grid-color:#ffffff0f}[data-bs-theme=dark] body{color:#e2e8f0;background-color:#0f172a}[data-bs-theme=dark] .bg-light,[data-bs-theme=dark] .bg-white{background-color:#1e293b!important}[data-bs-theme=dark] .text-dark{color:#f1f5f9!important}[data-bs-theme=dark] .text-muted,[data-bs-theme=dark] .text-secondary{color:#94a3b8!important}[data-bs-theme=dark] .border-light,[data-bs-theme=dark] .border-secondary,[data-bs-theme=dark] .border-bottom{border-color:#334155!important}[data-bs-theme=dark] .card,[data-bs-theme=dark] .list-group-item,[data-bs-theme=dark] .modal-content,[data-bs-theme=dark] .dropdown-menu{color:#e2e8f0;background-color:#1e293b;border-color:#334155}[data-bs-theme=dark] .navbar,[data-bs-theme=dark] .offcanvas,[data-bs-theme=dark] .offcanvas-header,[data-bs-theme=dark] .offcanvas-body{background-color:#1e293b!important}[data-bs-theme=dark] .table{--bs-table-bg:transparent;--bs-table-color:#e2e8f0}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{color:#e2e8f0;background-color:#0f172a;border-color:#334155}[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{color:#e2e8f0;background-color:#0f172a}[data-bs-theme=dark] .form-control:disabled,[data-bs-theme=dark] .form-control[readonly]{background-color:#1e293b}[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-color:#94a3b8;--bs-btn-border-color:#475569;--bs-btn-hover-bg:#334155;--bs-btn-hover-color:#f1f5f9}[data-bs-theme=dark] .alert-info{color:#67e8f9;background-color:#06b6d41a;border-color:#06b6d433}[data-bs-theme=dark] .Toastify__toast{color:#e2e8f0!important;background-color:#1e293b!important}[data-bs-theme=dark] .quest-loader-overlay{background:#020617cc}[data-bs-theme=dark] .quest-loader-card{background:#1e293b;border-color:#334155}[data-bs-theme=dark] .quest-loader-message{background:#0f172a;border-color:#334155}[data-bs-theme=dark] .quest-toast{color:#e2e8f0!important;background:#1e293b!important;border-color:#334155!important}[data-bs-theme=dark] .Toastify__close-button{color:#94a3b8!important}[data-bs-theme=dark] ::-webkit-scrollbar-track{background:0 0}[data-bs-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}[data-bs-theme=dark] .alert-danger{color:#fca5a5;background-color:#dc26261a;border-color:#dc262633}[data-bs-theme=dark] .alert-success{color:#86efac;background-color:#16a34a1a;border-color:#16a34a33}[data-bs-theme=dark] .alert-warning{color:#fcd34d;background-color:#f59e0b1a;border-color:#f59e0b33}[data-bs-theme=dark] .table-light,[data-bs-theme=dark] .table>thead.table-light>tr>th{--bs-table-bg:#1e293b;--bs-table-color:#e2e8f0;border-color:#334155}[data-bs-theme=dark] hr{opacity:1;border-color:#334155!important}[data-bs-theme=dark] .border,[data-bs-theme=dark] .border-top,[data-bs-theme=dark] .border-end,[data-bs-theme=dark] .border-bottom,[data-bs-theme=dark] .border-start{border-color:#334155!important}[data-bs-theme=dark] .dropdown-menu-light{--bs-dropdown-bg:#1e293b;--bs-dropdown-color:#e2e8f0;--bs-dropdown-link-color:#e2e8f0;--bs-dropdown-link-hover-bg:#334155;--bs-dropdown-link-active-bg:#2563eb;border-color:#334155}[data-bs-theme=dark] .list-group-flush>.list-group-item{background-color:#0000;border-color:#334155}[data-bs-theme=dark] .auth-branding-panel{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important}[data-bs-theme=dark] .auth-form-card{background:#1e293b!important;border-color:#334155!important}[data-bs-theme=dark] .course-module-item:hover,[data-bs-theme=dark] .course-module-item.active,[data-bs-theme=dark] .admin-builder-module:hover,[data-bs-theme=dark] .admin-builder-module.active{background:#2563eb26!important}[data-bs-theme=dark] .main-navbar,[data-bs-theme=dark] .dashboard-topbar,[data-bs-theme=dark] .card,[data-bs-theme=dark] .modal-content,[data-bs-theme=dark] .course-module-sidebar,[data-bs-theme=dark] .admin-builder-panel,[data-bs-theme=dark] .admin-import-card,[data-bs-theme=dark] .course-lesson-card,[data-bs-theme=dark] .admin-lesson-card{background:#1e293b!important;border-color:#334155!important}[data-bs-theme=dark] .app-workspace,[data-bs-theme=dark] body{background:#0f172a!important}@media (width<=1280px){.navbar-cert-full{display:none}.navbar-cert-short{display:inline}}@media (width>=992px){.navbar-shell{flex-wrap:nowrap;align-items:center;gap:1rem;min-height:64px;display:flex}.navbar-top-row{flex:none;min-width:max-content;padding-bottom:0!important}.navbar-menu-shell{flex-wrap:nowrap;flex:1 1 0;justify-content:space-between;width:auto;min-width:0;max-width:100%;margin-top:0!important;padding-bottom:0!important;display:flex!important}}@media (width<=991.98px){.navbar-tagline{min-height:28px;padding-left:0;padding-right:0;font-size:.95rem}.landing-premium-hero{min-height:auto;padding:4rem 0}.landing-premium-title{font-size:3rem}.landing-outcome-strip{grid-template-columns:1fr}.landing-code-stage{animation:none}.auth-premium-card{padding:1.5rem}.hero-section{padding:60px 0}.landing-hero-section{min-height:auto;padding:80px 0 60px}.pricing-card{min-height:auto}.dashboard-shell{min-height:100dvh}.dashboard-sidebar{position:fixed;left:0;transform:translate(-100%);box-shadow:0 24px 50px #0000004d;width:min(260px,84vw)!important}.dashboard-sidebar.show{transform:translate(0)}.dashboard-sidebar.show-mini{transform:translate(0);box-shadow:0 18px 36px #0003;width:72px!important}.dashboard-sidebar.show-mini .dashboard-sidebar-nav{padding-bottom:76px}.dashboard-sidebar.show-mini .sidebar-link{margin-left:4px;margin-right:4px}.dashboard-nav-mini .dashboard-main{padding-left:72px;transition:padding-left .2s}.dashboard-nav-open .dashboard-main{padding-left:0}.dashboard-main{height:auto;min-height:100dvh}.dashboard-topbar{padding-left:.75rem!important;padding-right:.75rem!important}.dashboard-page{padding:.75rem!important}.coding-practice-shell{min-height:auto}.coding-practice-layout,.coding-problem-content{min-height:auto!important}}@media (width<=767.98px){.landing-premium-title{font-size:2.35rem}.landing-premium-copy{font-size:.98rem}.landing-premium-section,.landing-final-premium-cta{padding:3.5rem 0}.landing-code-window{min-height:300px;font-size:.78rem}.auth-form-heading h4{font-size:1.45rem}.hero-section h1{font-size:1.5rem}.hero-section h2{font-size:1.125rem}.pricing-heading h1,.pricing-heading h2{font-size:1.25rem}.dashboard-shell{min-height:auto}.lesson-shell{min-height:auto;max-height:none;overflow:visible}.lesson-premium-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-newsletter{flex-wrap:wrap}}@media (width<=575.98px){.landing-code-window{min-height:260px;padding:1rem}.auth-premium-card{padding:1.1rem}.auth-plan-strip{flex-direction:column;align-items:stretch}.dashboard-page{padding:.5rem!important}.custom-footer{text-align:center}.custom-footer .text-md-end{text-align:center!important}.pricing-section .container{padding-left:12px;padding-right:12px}.course-hero-card{min-height:auto;padding:1rem!important}.coding-editor-textarea{min-height:220px}}.main-navbar .navbar-toggler{border:0;box-shadow:none!important}.navbar-primary-links .nav-link,.navbar-actions .nav-link{white-space:normal}.navbar-actions .btn{white-space:nowrap;flex-shrink:0}.navbar-cert-short{display:none}.navbar-shell{display:flex}.navbar-menu-shell{width:auto}@media (width>=992px){.main-navbar{min-height:72px}.navbar-shell{flex-wrap:nowrap;align-items:center;min-height:72px;display:flex!important}.navbar-menu-shell{flex:auto;min-width:0;width:auto!important;margin:0!important;padding:0!important;display:flex!important}.navbar-primary-links,.navbar-actions,.navbar-guest-actions{flex-wrap:nowrap}}@media (width<=991.98px){.main-navbar{min-height:64px}.navbar-shell{flex-wrap:wrap;gap:.75rem;min-height:64px;padding:.65rem 1rem}.navbar-menu-shell{background:#0f172af0;border:1px solid #94a3b829;border-radius:18px;order:3;padding:.75rem;box-shadow:0 24px 54px #0206174d;width:100%!important}.navbar-primary-links,.navbar-actions,.navbar-guest-actions{width:100%}.navbar-link,.navbar-auth-btn,.navbar-tagline{justify-content:center;width:100%}}.btn-link{color:var(--brand-primary);text-decoration:none}.btn-link:hover{color:var(--brand-primary-hover)}.main-navbar{z-index:1040;position:sticky;top:0}.main-navbar .navbar-shell{flex-wrap:nowrap;justify-content:space-between;align-items:center!important;display:flex!important}.main-navbar .navbar-menu-shell{flex:auto;justify-content:space-between;align-items:center;min-width:0;width:auto!important;display:flex!important}.main-navbar .navbar-primary-links,.main-navbar .navbar-actions,.main-navbar .navbar-guest-actions,.main-navbar .navbar-user-actions{flex-flow:row;align-items:center;display:flex!important}.main-navbar .navbar-primary-links{gap:.25rem}.main-navbar .navbar-actions,.main-navbar .navbar-guest-actions,.main-navbar .navbar-user-actions{gap:.5rem}.main-navbar .navbar-mobile-toggle{display:none!important}@media (width<=991.98px){.main-navbar .navbar-shell{flex-wrap:wrap;min-height:64px;padding:.65rem 1rem}.main-navbar .navbar-menu-shell{background:#0f172af5;border:1px solid #94a3b829;border-radius:18px;flex:0 0 100%;order:3;padding:.75rem;box-shadow:0 24px 54px #0206174d;width:100%!important;margin-top:.5rem!important;display:none!important}.main-navbar .navbar-menu-shell.is-open{display:flex!important}.main-navbar .navbar-primary-links,.main-navbar .navbar-actions,.main-navbar .navbar-guest-actions,.main-navbar .navbar-user-actions{flex-direction:column;align-items:stretch;width:100%}.main-navbar .navbar-link,.main-navbar .navbar-auth-btn,.main-navbar .navbar-tagline{justify-content:center;width:100%}.main-navbar .navbar-mobile-toggle{display:inline-flex!important}}.footer-newsletter{flex-wrap:nowrap}.footer-newsletter .form-control,.footer-newsletter .btn{min-height:44px}@keyframes taglineShimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}body{background:linear-gradient(#eff6ffad 0%,#f8fafceb 34%,#f8fafc 100%),radial-gradient(circle at 12% 8%,#14b8a614,#0000 28%),radial-gradient(circle at 88% 14%,#f59e0b17,#0000 24%)}.app-workspace,.dashboard-main,.dashboard-page{background:linear-gradient(#f8fafcf5,#f1f5f9e6),linear-gradient(90deg,#0f172a06 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#0f172a06 1px,#0000 1px) 0 0/32px 32px}.card,.modal-content,.dropdown-menu,.list-group-item{border-color:#94a3b838!important}.card:not(.course-hero-card):not(.course-plan-card){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 18px 42px #0f172a0f;border-radius:14px!important}.card-header,.table-light,.modal-header{background:linear-gradient(#f8fafc,#eef2ff)!important}.table{--bs-table-bg:#ffffffe0;--bs-table-striped-bg:#eff6ff8c;--bs-table-hover-bg:#e0f2fe99;border-collapse:separate;border-spacing:0}.table-responsive{background:#fff;border:1px solid #94a3b838;border-radius:14px;box-shadow:0 14px 34px #0f172a0d}.form-control,.form-select{background-color:#ffffffeb;border-color:#94a3b86b;border-radius:10px;box-shadow:inset 0 1px #ffffffbf}.form-control:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb21,0 12px 26px #2563eb14}.btn-primary,.btn-warning{box-shadow:0 12px 24px #2563eb2e}.btn-primary:hover,.btn-warning:hover{transform:translateY(-1px)}.badge{letter-spacing:0}.nav-tabs{border-bottom-color:#94a3b83d;gap:.35rem}.nav-tabs .nav-link{color:#475569;border:0;border-radius:10px 10px 0 0;font-weight:800}.nav-tabs .nav-link.active{color:#0f172a;background:linear-gradient(#fff,#eff6ff);box-shadow:0 -1px #2563eb1f,0 10px 22px #0f172a0f}.pricing-section,.settings-page,.profile-page,.certificate-page,.courses-page{background:0 0!important}.admin-import-card,.admin-builder-panel,.premium-card{position:relative;overflow:hidden}.admin-import-card:before,.admin-builder-panel:before,.premium-card:before{content:"";background:linear-gradient(90deg,#2563eb,#14b8a6,#f59e0b);height:3px;position:absolute;inset:0 0 auto}.course-hero-card{min-height:292px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0f172a40;background:linear-gradient(135deg,#0f172af5 0%,#14213df5 48%,#082f49f0 100%)!important;border:1px solid #93c5fd33!important;border-radius:18px!important}.course-hero-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff14 42%,#0000 56%),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 84px);animation:7s ease-in-out infinite courseHeroSweep;position:absolute;inset:0}.course-hero-card:after{content:"{ java }";color:#ffffff14;font-family:var(--font-mono);letter-spacing:0;pointer-events:none;font-size:clamp(2.2rem,6vw,5rem);font-weight:900;position:absolute;bottom:1.8rem;right:clamp(1rem,5vw,5rem)}.course-hero-card .card-body{z-index:1;position:relative}.course-hero-card h2{color:#fff;max-width:780px;font-size:clamp(1.85rem,3.5vw,3.4rem);font-weight:950;line-height:1.04}.course-hero-card p,.course-hero-card .text-secondary{max-width:900px;color:#e2e8f0d1!important}.course-hero-card .badge{border:1px solid #fff3;border-radius:999px;padding:.42rem .68rem;box-shadow:0 10px 22px #0f172a2e}.course-progress-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a94;border:1px solid #ffffff26;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 20px 44px #00000038}.course-premium-proof{background:linear-gradient(135deg,#fffffff0,#eff6ffeb),linear-gradient(90deg,#14b8a61a,#f59e0b14);border:1px solid #2563eb24;border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:1rem;padding:1.25rem;display:grid;box-shadow:0 22px 46px #0f172a12}.course-premium-proof-copy{padding:.5rem}.course-premium-proof-copy h3{color:#0f172a;font-size:clamp(1.35rem,2vw,2.2rem);font-weight:950}.course-premium-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.course-premium-stat{background:#ffffffc7;border:1px solid #94a3b838;border-radius:14px;gap:.32rem;min-height:116px;padding:1rem;display:grid;box-shadow:0 14px 30px #0f172a0f}.course-premium-stat i{color:#0f766e;background:#ccfbf1;border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid}.course-premium-stat strong{color:#0f172a;font-size:1.45rem;font-weight:950}.course-premium-stat span{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:800}.course-learning-browser{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.course-detail-grid{margin-left:0;margin-right:0}.course-detail-grid>[class*=col-]{min-width:0}.course-module-sidebar,.course-lesson-panel{background:#ffffffe6;border:1px solid #94a3b838;border-radius:16px;overflow:hidden;box-shadow:0 16px 34px #0f172a0f}.course-module-sidebar-head,.course-lesson-panel-head{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.course-module-list{gap:.45rem;max-height:690px;padding:.7rem;display:grid;overflow:auto}.course-module-item{color:#334155;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:.7rem;width:100%;min-height:66px;padding:.65rem;display:grid}.course-module-item:hover{background:#eff6ff;border-color:#2563eb2e;transform:translateY(-1px)}.course-module-item.active{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#2563eb57;box-shadow:0 14px 26px #2563eb1f}.course-module-number{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.course-module-text{gap:.15rem;min-width:0;display:grid}.course-module-text strong{color:#0f172a;text-overflow:ellipsis;font-size:.84rem;line-height:1.25;overflow:hidden}.course-module-text small{color:#64748b;font-weight:750}.course-lesson-panel{padding-bottom:.8rem}.course-lesson-grid{gap:.65rem;max-height:690px;padding:.8rem;display:grid;overflow:auto}.course-lesson-card{width:100%;min-height:76px;color:inherit;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #94a3b833;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;display:grid;box-shadow:0 10px 24px #0f172a0b}.course-lesson-card:hover{color:inherit;background:linear-gradient(135deg,#f0fdfa,#eff6ff);border-color:#14b8a65c;transform:translateY(-1px);box-shadow:0 16px 30px #0f172a13}.course-lesson-card.locked{opacity:.78}.course-lesson-icon{color:#0f766e;background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.course-lesson-card-body{gap:.12rem;min-width:0;display:grid}.course-lesson-card-body strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;line-height:1.28;overflow:hidden}.course-lesson-card-body small{color:#64748b;font-weight:700}.course-lesson-index,.course-lesson-method{color:#2563eb;text-transform:uppercase;font-size:.72rem;font-weight:900}.course-lesson-method{color:#0f766e;text-transform:none}.course-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.course-method-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #94a3b838;border-radius:14px;gap:.45rem;min-height:150px;padding:1rem;display:grid}.course-method-item i{color:#2563eb;background:#dbeafe;border-radius:12px;place-items:center;width:38px;height:38px;display:inline-grid}.course-method-item strong{color:#0f172a}.course-method-item span{color:#64748b;font-size:.8rem}.course-plan-card{position:sticky;top:90px;overflow:hidden;box-shadow:0 26px 54px #0f172a38;background:linear-gradient(145deg,#0f172a,#172554 54%,#0f766e 160%)!important;border:1px solid #93c5fd33!important;border-radius:18px!important}.course-plan-card:before{content:"";background:linear-gradient(90deg,#f59e0b,#22c55e,#38bdf8);height:4px;position:absolute;inset:0 0 auto}.course-plan-card .card-body{z-index:1;position:relative}@keyframes courseHeroSweep{0%,to{opacity:.72;transform:translate(-18%)}50%{opacity:1;transform:translate(18%)}}@media (width<=1199.98px){.course-learning-browser{grid-template-columns:1fr}.course-module-list,.course-lesson-grid{max-height:460px}}@media (width<=991.98px){.course-premium-proof{grid-template-columns:1fr}.course-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-plan-card{position:static}}@media (width<=575.98px){.course-premium-stat-grid,.course-method-grid{grid-template-columns:1fr}.course-lesson-card{grid-template-columns:38px minmax(0,1fr)}.course-lesson-card .badge{grid-column:2;justify-self:start}.course-lesson-card-body strong{white-space:normal}}.lesson-shell{background:#f4f8fc;border-radius:18px;padding:1.25rem;position:relative}.lesson-shell .breadcrumb{background:#ffffffc7;border:1px solid #94a3b82e;border-radius:999px;align-items:center;margin-bottom:0;padding:.55rem .8rem;box-shadow:0 10px 24px #0f172a0a}.lesson-reading-card{background:#fff;border:1px solid #94a3b82e;border-radius:14px;box-shadow:0 20px 48px #0f172a12}.lesson-material-scroll{padding:1.25rem}.lesson-grouped-content{gap:1rem!important}.lesson-section-group{margin-bottom:1rem;border:0!important;padding:0!important}.lesson-block-reveal{margin-bottom:1rem}.lesson-shell .lesson-candy-hero{align-items:flex-end;min-height:260px;display:flex;background:linear-gradient(135deg,#0f172af2,#1e293bdb),linear-gradient(90deg,#2563eb8c,#14b8a647),#0f172a!important;border:1px solid #93c5fd3d!important;border-radius:20px!important;box-shadow:0 30px 70px #0f172a40!important}.lesson-shell .lesson-candy-hero h1{color:#fff;max-width:860px;font-weight:950;line-height:1.02;font-size:clamp(2rem,4vw,4rem)!important}.lesson-shell .lesson-candy-hero p{line-height:1.7;color:#e2e8f0e6!important;max-width:760px!important;font-size:1rem!important}.lesson-shell .premium-card{background:#fff!important;border:1px solid #94a3b82e!important;border-radius:12px!important;box-shadow:0 12px 28px #0f172a0b!important}.lesson-shell .premium-card.bg-dark,.lesson-shell .premium-card.bg-black{color:#e2e8f0!important;background:linear-gradient(135deg,#020617,#0f172a)!important}.lesson-shell .lesson-candy-text{color:#263447;background:#fff;border:1px solid #94a3b829;border-radius:12px;padding:1.35rem 1.45rem}.lesson-shell .lesson-candy-text h2,.lesson-shell .lesson-candy-text h3,.lesson-shell .lesson-candy-text h4,.lesson-shell .lesson-candy-text h5{color:#0f172a;font-weight:950}.lesson-shell .lesson-candy-text p,.lesson-shell .lesson-candy-text li{color:#334155;font-size:.98rem;line-height:1.85}.lesson-shell .lesson-candy-text h2{font-size:1.35rem}.lesson-shell .lesson-candy-text strong{color:#0f172a}.lesson-story-card{color:#e2e8f0;background:linear-gradient(135deg,#0f172af5,#1e293bf0)!important}.lesson-story-icon{color:#fef3c7;background:#f59e0b29;border:1px solid #f59e0b47;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:inline-grid}.lesson-story-card h6{color:#f8fafc!important;font-size:1rem!important;font-weight:950!important}.lesson-story-copy p{color:#e2e8f0db;margin-bottom:.8rem;font-size:.96rem;line-height:1.75}.lesson-story-copy p:last-child{margin-bottom:0}.lesson-shell .lesson-candy-icon,.lesson-shell .bg-info.bg-opacity-10,.lesson-shell .bg-primary.bg-opacity-10,.lesson-shell .bg-warning.bg-opacity-10,.lesson-shell .bg-danger.bg-opacity-10{border-radius:12px!important}.lesson-shell pre{white-space:pre-wrap}.lesson-shell .lesson-action-footer{border-radius:16px;margin:1rem;background:#ffffffd1!important;border:1px solid #94a3b82e!important}.lesson-shell .lesson-candy-mini-card{min-height:140px}.lesson-shell .lesson-candy-mini-card p{font-size:.88rem!important;line-height:1.6!important}.lesson-shell .lesson-candy-card h6{font-size:1rem!important}.lesson-shell .lesson-candy-card .text-muted,.lesson-shell .lesson-candy-card p{line-height:1.6;font-size:.88rem!important}.lesson-shell textarea.form-control{background:#fff;border-radius:14px}.premium-workbench{padding:1.1rem 1.1rem 0}.premium-workbench-hero{color:#f8fafc;background:linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/40px 40px,linear-gradient(#ffffff0e 1px,#0000 1px) 0 0/40px 40px,radial-gradient(circle at 82% 28%,#38bdf842,#0000 26%),linear-gradient(135deg,#07111f 0%,#133457 54%,#0f766e 100%);border:1px solid #0f172a1f;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:1rem;min-height:230px;padding:1.5rem;display:grid;box-shadow:0 18px 42px #0f172a24}.premium-workbench-copy{flex-direction:column;justify-content:flex-end;max-width:820px;display:flex}.premium-kicker{color:#dbeafe;text-transform:uppercase;background:#0f172a5c;border:1px solid #bfdbfe47;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;margin-bottom:.85rem;padding:.38rem .7rem;font-size:.72rem;font-weight:900;display:inline-flex}.premium-workbench h1{color:#fff;max-width:800px;margin:0 0 .75rem;font-size:2.85rem;font-weight:950;line-height:1.04}.premium-workbench-copy p{color:#e2e8f0db;max-width:760px;margin:0;font-size:1rem;line-height:1.65}.premium-focus-path{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.premium-focus-path span{color:#e2e8f0c2;background:#0f172a52;border:1px solid #e2e8f029;border-radius:999px;align-items:center;height:30px;padding:0 .7rem;font-size:.74rem;font-weight:900;display:inline-flex}.premium-focus-path span.current{color:#082f49;background:#bae6fd;box-shadow:0 0 0 4px #bae6fd29}.premium-session-card{background:#0f172a8a;border:1px solid #e2e8f029;border-radius:10px;align-self:center;padding:1.15rem;box-shadow:inset 0 1px #ffffff14}.premium-session-card span{color:#93c5fd;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:900;display:block}.premium-session-card strong{color:#fff;font-size:1rem;line-height:1.35;display:block}.premium-loop-meter{background:#e2e8f033;border-radius:999px;height:10px;margin-top:1rem;overflow:hidden}.premium-loop-meter i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8);height:100%;display:block}.premium-concept-stage{background:linear-gradient(#fffffff5,#f8fafcf5);border:1px solid #2563eb1f;border-radius:10px;margin:-1.6rem 1.1rem 0;padding:1rem;position:relative;box-shadow:0 22px 44px #0f172a1a}.premium-teach-strip{grid-template-columns:1.15fr 1fr 1fr;gap:.8rem;margin-top:.9rem;display:grid}.premium-teach-strip>div{background:#fff;border:1px solid #94a3b829;border-radius:10px;padding:.95rem;box-shadow:0 14px 30px #0f172a0b}.premium-teach-strip strong{color:#0f172a;text-transform:uppercase;margin-bottom:.55rem;font-size:.78rem;font-weight:950;display:block}.premium-teach-strip p{color:#475569;margin:0;font-size:.84rem;line-height:1.55}.pointer-array{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem;display:grid}.pointer-array span{color:#334155;height:44px;font-family:var(--font-mono);background:#fff;border:1px solid #94a3b838;border-radius:10px;place-items:center;font-weight:950;display:inline-grid}.pointer-array span.active{color:#fff;background:#2563eb;box-shadow:0 12px 24px #2563eb3d}.pointer-rail{background:linear-gradient(90deg,#eff6ff,#ecfeff);border-radius:999px;height:44px;position:relative;overflow:hidden}.pointer-rail:before{content:"";background:linear-gradient(90deg,#2563eb,#0f766e);border-radius:999px;height:4px;position:absolute;inset:20px 9%}.pointer-rail i{color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:.72rem;font-style:normal;font-weight:950;display:inline-grid;position:absolute;top:7px}.left-pointer{background:#2563eb;animation:3.4s ease-in-out infinite pointer-left;left:12%}.right-pointer{background:#0f766e;animation:3.4s ease-in-out infinite pointer-right;right:12%}@keyframes pointer-left{0%,to{transform:translate(0)}50%{transform:translate(42px)}}@keyframes pointer-right{0%,to{transform:translate(0)}50%{transform:translate(-42px)}}.premium-invariant{color:#064e3b;background:#ecfdf5;border:1px solid #0f766e24;border-radius:8px;margin-top:.8rem;padding:.72rem .85rem;font-size:.82rem;font-weight:900}.concept-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.concept-flow span{color:#1e40af;background:#eff6ff;border:1px solid #2563eb26;border-radius:10px;place-items:center;min-height:54px;font-weight:950;animation:2.8s ease-in-out infinite concept-pop;display:inline-grid}@keyframes concept-pop{0%,to{box-shadow:none;transform:translateY(0)}50%{transform:translateY(-4px);box-shadow:0 14px 28px #2563eb1f}}.premium-workbench-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:.85rem;display:grid}.premium-coach-card{background:#fff;border:1px solid #94a3b82e;border-radius:8px;min-height:168px;padding:.95rem;box-shadow:0 16px 34px #0f172a0f}.premium-card-title{color:#0f172a;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.78rem;font-size:.82rem;font-weight:950;display:flex}.premium-card-title i{color:#fff;background:#2563eb;border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid}.premium-signal-list{flex-wrap:wrap;gap:.5rem;display:flex}.premium-signal-list span{color:#1e40af;background:#eff6ff;border:1px solid #2563eb24;border-radius:999px;padding:.42rem .58rem;font-size:.76rem;font-weight:800;display:inline-flex}.premium-trace{gap:.55rem;display:grid}.premium-trace-step{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:.55rem;display:grid}.premium-trace-step b{color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.78rem;display:inline-grid}.premium-trace-step span{color:#475569;font-size:.82rem;line-height:1.45}.premium-java-card pre{color:#d1fae5;background:#0f172a;border:1px solid #0f172a1a;border-radius:8px;min-height:104px;margin:0;padding:.8rem;font-size:.74rem;line-height:1.55}.premium-check-card ul{color:#475569;gap:.45rem;margin:0;padding-left:1rem;font-size:.8rem;line-height:1.5;display:grid}.premium-pattern-card{border-top:4px solid #2563eb}.premium-visual-card{border-top:4px solid #0f766e}.premium-java-card{border-top:4px solid #0f172a}.premium-check-card{border-top:4px solid #f59e0b}.premium-brain-loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:.85rem;display:grid}.premium-brain-step{background:linear-gradient(#fff,#f8fafc);border:1px solid #94a3b82e;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.2rem .65rem;padding:.85rem;animation:.42s ease-out both premium-rise;display:grid}.premium-brain-step i{color:#fff;background:#0f172a;border-radius:10px;grid-row:span 2;place-items:center;width:34px;height:34px;display:inline-grid}.premium-brain-step strong{color:#0f172a;font-size:.82rem;font-weight:950}.premium-brain-step span{color:#64748b;font-size:.75rem;line-height:1.35}@keyframes premium-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson-shell .roadmap-progress-card,.lesson-shell .roadmap-shell{border-radius:20px!important}@media (width<=991.98px){.lesson-shell{padding:.75rem}.lesson-material-scroll{padding:.65rem}.premium-workbench{padding:.7rem .7rem 0}.premium-workbench-hero,.premium-workbench-grid,.premium-brain-loop,.premium-teach-strip,.concept-flow{grid-template-columns:1fr}.premium-workbench-hero{min-height:0}.premium-workbench h1{font-size:2.15rem}.premium-concept-stage{margin:.7rem 0 0}}.lesson-tutorial-layout{align-items:flex-start}.lesson-index-col,.lesson-tools-col{min-width:0}.lesson-index-panel,.lesson-tools-col>.roadmap-progress-card,.lesson-tools-col .roadmap-shell{position:sticky;top:78px}.lesson-index-panel{background:#f1f5f9;border:1px solid #94a3b842;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px #0f172a12}.lesson-index-head{color:#0f172a;background:linear-gradient(#fff,#e2e8f0);border-bottom:1px solid #94a3b847;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .9rem;font-weight:950;display:flex}.lesson-index-head strong{color:#fff;background:#0f766e;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 .45rem;font-size:.75rem;display:inline-grid}.lesson-index-list{max-height:calc(100dvh - 170px);padding:.45rem;overflow:auto}.lesson-index-link{color:#334155;text-align:left;background:0 0;border:0;border-left:4px solid #0000;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:.45rem;width:100%;padding:.5rem .55rem;display:grid}.lesson-index-link:hover{color:#0f172a;background:#ffffffd1}.lesson-index-link.active{color:#064e3b;background:#d1fae5;border-left-color:#0f766e}.lesson-index-link.completed span{background:#16a34a}.lesson-index-link span{color:#fff;background:#64748b;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.68rem;font-weight:900;display:inline-grid}.lesson-index-link strong{text-overflow:ellipsis;font-size:.78rem;line-height:1.25;overflow:hidden}.lesson-article{border:1px solid #94a3b838;box-shadow:0 18px 44px #0f172a0f;background:#fff!important;border-radius:0!important;max-height:none!important;overflow:visible!important}.lesson-article .lesson-material-scroll{padding:1rem 1.25rem}.lesson-article .lesson-candy-hero{min-height:230px;border-radius:10px!important}.lesson-article .lesson-candy-hero h1{max-width:780px;font-size:clamp(2rem,4.2vw,3.35rem)!important}.lesson-article .premium-card,.lesson-article .lesson-candy-text,.lesson-story-card{border-radius:8px!important}.lesson-article .lesson-candy-text{border-left:0}.lesson-article .lesson-candy-text h2:first-child{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #94a3b82e;border-radius:8px 8px 0 0;align-items:center;gap:.7rem;margin:-1.15rem -1.25rem 1rem;padding:1rem 1.25rem;display:flex}.lesson-article .lesson-candy-text h2:first-child:before{content:"";background:linear-gradient(#0f766e,#2563eb);border-radius:10px;width:34px;height:34px;display:inline-block}.lesson-article .lesson-candy-text h3{border-top:1px solid #94a3b829;margin-top:1.25rem;padding-top:1rem}.lesson-article .lesson-candy-text p{max-width:78ch}.lesson-article .lesson-candy-text .doc-source-line{color:#1e293b;width:100%;font-family:var(--font-mono);background:linear-gradient(135deg,#eff6fff0,#f0fdfad6);border:1px solid #2563eb1f;border-left:5px solid #2563eb;border-radius:10px;margin:.55rem 0;padding:.8rem 1rem .8rem 3rem;font-size:.86rem;line-height:1.65;display:block;position:relative;box-shadow:0 12px 28px #0f172a0a}.lesson-article .lesson-candy-text .doc-source-line:before{content:attr(data-source-line);color:#fff;min-width:1.45rem;height:1.45rem;font-family:var(--font-sans);background:#2563eb;border-radius:999px;place-items:center;font-size:.62rem;font-weight:900;display:inline-grid;position:absolute;top:.85rem;left:.75rem}.lesson-article .lesson-candy-text .doc-source-line:has(+.doc-source-line){margin-bottom:.25rem}.lesson-article .lesson-candy-text .doc-source-line+.doc-source-line{background:linear-gradient(135deg,#f0fdfaf0,#f8fafce6);border-left-color:#0f766e;margin-top:.25rem}.lesson-article .lesson-candy-text .doc-source-line+.doc-source-line:before{background:#0f766e}.lesson-article .lesson-candy-text p[data-source-line]{border-left:3px solid #0000;padding-left:1rem;position:relative}.lesson-article .lesson-candy-text p[data-source-line]:hover{background:#f0fdfa61;border-left-color:#0f766e52}.lesson-article .lesson-doc-tone-visual{background:linear-gradient(#ecfefff5,#fffffff0)!important;border-left-color:#0891b2!important}.lesson-article .lesson-doc-tone-visual h2:first-child{background:linear-gradient(135deg,#cffafe,#eff6ff)}.lesson-article .lesson-doc-tone-visual .doc-source-line{text-align:center;color:#0f172a;background:#fff;border-left-width:0;justify-content:center;width:auto;min-width:72px;margin:.45rem .4rem .45rem 0;padding:.65rem .9rem;display:inline-flex}.lesson-article .lesson-doc-tone-visual .doc-source-line:before{content:none}.lesson-article .lesson-doc-tone-visual .doc-source-line[data-source-line]{box-shadow:0 12px 26px #0891b217}.lesson-article .lesson-doc-tone-visual .doc-source-line:has(+.doc-source-line){margin-bottom:.45rem}.lesson-article .lesson-doc-tone-visual .doc-source-line:nth-of-type(3n+1){background:#eff6ff;border-color:#2563eb33}.lesson-article .lesson-doc-tone-visual .doc-source-line:nth-of-type(3n+2){background:#f0fdfa;border-color:#0f766e33}.lesson-article .lesson-doc-tone-visual .doc-source-line:nth-of-type(3n+3){background:#fffbeb;border-color:#f59e0b38}.lesson-article .lesson-doc-tone-code .doc-source-line{color:#d1fae5;background:linear-gradient(135deg,#020617,#0f172a);border-left-color:#22c55e}.lesson-article .lesson-doc-tone-code .doc-source-line:before{background:#16a34a}.lesson-article .lesson-doc-tone-practice{background:linear-gradient(#faf5ff,#fff)!important;border-left-color:#7c3aed!important}.lesson-article .lesson-doc-tone-warning{background:linear-gradient(#fffbeb,#fff)!important;border-left-color:#f59e0b!important}.lesson-article .lesson-doc-tone-visual p[data-source-line]{text-align:center;color:#0f172a;width:auto;min-width:72px;font-family:var(--font-mono);background:#fff;border:1px solid #0891b229;border-radius:10px;justify-content:center;margin:.45rem .4rem .45rem 0;padding:.65rem .9rem;font-size:.86rem;line-height:1.65;display:inline-flex;box-shadow:0 12px 26px #0891b217}.lesson-article .lesson-doc-tone-visual p[data-source-line]:before{content:none}.lesson-article .lesson-doc-tone-visual p[data-source-line]:nth-of-type(3n+1){background:#eff6ff;border-color:#2563eb33}.lesson-article .lesson-doc-tone-visual p[data-source-line]:nth-of-type(3n+2){background:#f0fdfa;border-color:#0f766e33}.lesson-article .lesson-doc-tone-visual p[data-source-line]:nth-of-type(3n+3){background:#fffbeb;border-color:#f59e0b38}.lesson-article .lesson-doc-tone-visual p[data-source-line]:has(+p[data-source-line]){margin-bottom:.45rem}.lesson-tools-col .roadmap-progress-card{margin-bottom:1rem}.lesson-tools-col .roadmap-shell{max-height:calc(100dvh - 250px)}.lesson-tools-col .lesson-panel-scroll{max-height:calc(100dvh - 390px)!important}@media (width<=1199.98px){.lesson-index-panel,.lesson-tools-col>.roadmap-progress-card,.lesson-tools-col .roadmap-shell{position:static}.lesson-index-list,.lesson-tools-col .roadmap-shell,.lesson-tools-col .lesson-panel-scroll{max-height:none!important}}.lesson-shell .lesson-article .lesson-candy-text.lesson-doc-tone-visual p[data-source-line]{text-align:center;min-width:72px;font-family:var(--font-mono);border-radius:10px;justify-content:center;box-shadow:0 12px 26px #0891b217;background:#fff!important;border:1px solid #0891b229!important;width:auto!important;margin:.45rem .4rem .45rem 0!important;padding:.65rem .9rem!important;display:inline-flex!important}.lesson-shell .lesson-article .lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:before{content:none!important}.lesson-candy-text.lesson-doc-tone-visual{background:linear-gradient(135deg,#eff6fff0,#fffffffa 45%,#f0fdfaeb),radial-gradient(circle at 92% 12%,#2563eb1f,#0000 28%);border:1px solid #2563eb1f;border-radius:18px;padding:1.4rem;position:relative;box-shadow:0 24px 60px #0f172a14}.lesson-candy-text.lesson-doc-tone-visual h2:first-child,.lesson-candy-text.lesson-doc-tone-visual h3:first-child{color:#0f172a;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:clamp(1.35rem,2vw,1.9rem);display:flex}.lesson-candy-text.lesson-doc-tone-visual h2:first-child:before,.lesson-candy-text.lesson-doc-tone-visual h3:first-child:before{content:"";background:linear-gradient(135deg,#2563eb,#0891b2),url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 24h18M10 14h18M14 10l-4 4 4 4M24 20l4 4-4 4' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-radius:12px;flex:none;width:38px;height:38px;box-shadow:0 14px 28px #2563eb3d}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]{text-align:center;color:#334155;min-width:76px;min-height:42px;font-family:var(--font-mono);vertical-align:top;border-radius:12px;justify-content:center;align-items:center;font-weight:700;box-shadow:0 14px 30px #0891b21a;background:#ffffffeb!important;border:1px solid #0891b22e!important;width:auto!important;margin:.42rem .38rem .42rem 0!important;padding:.68rem .95rem!important;display:inline-flex!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:before{content:none!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:nth-of-type(4n+1){color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#fff)!important;border-color:#2563eb33!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:nth-of-type(4n+2){color:#0e7490;background:linear-gradient(135deg,#ecfeff,#fff)!important;border-color:#0891b238!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:nth-of-type(4n+3){color:#15803d;background:linear-gradient(135deg,#f0fdf4,#fff)!important;border-color:#16a34a33!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:nth-of-type(4n){color:#b45309;background:linear-gradient(135deg,#fff7ed,#fff)!important;border-color:#f59e0b3d!important}.lesson-candy-text.lesson-doc-tone-visual p[data-source-line]:hover{transform:translateY(-2px);box-shadow:0 20px 38px #2563eb29}.imported-visual-board{overflow:hidden;padding:0!important}.imported-visual-header{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e40afe6),linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/36px 36px;border-bottom:1px solid #2563eb1a;align-items:center;gap:1rem;padding:1.35rem 1.45rem;display:flex}.imported-visual-header h2{color:#fff;margin:0;font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:900}.imported-visual-header p{color:#ffffffbd;font-size:.92rem}.imported-visual-icon{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:16px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 18px 36px #2563eb5c}.visual-trace-stack{gap:.85rem;padding:1.35rem 1.45rem 1.55rem;display:grid}.visual-token-row{background:#ffffffd1;border:1px solid #94a3b82e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.85rem;display:flex;box-shadow:inset 0 1px #ffffffe6}.visual-token{color:#1e40af;min-width:36px;height:36px;font-family:var(--font-mono);background:linear-gradient(#fff,#eff6ff);border:1px solid #2563eb29;border-radius:12px;justify-content:center;align-items:center;padding:0 .75rem;font-weight:800;display:inline-flex;box-shadow:0 12px 22px #2563eb14}.visual-trace-label,.visual-trace-note{border-radius:999px;align-items:center;gap:.75rem;width:fit-content;max-width:100%;padding:.78rem 1rem;font-weight:800;display:flex}.visual-trace-label{color:#0e7490;background:linear-gradient(135deg,#ecfeff,#fff);border:1px solid #0891b233}.visual-trace-note{color:#166534;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #16a34a2e}.visual-line-number{color:#fff;background:#0f172a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;display:inline-flex}.visual-trace-divider{color:#94a3b8;align-items:center;gap:.75rem;display:flex}.visual-trace-divider span{background:linear-gradient(90deg,#2563eb3d,#0891b214,#0000);border-radius:999px;width:min(280px,100%);height:2px;display:block}.imported-visual-board .imported-visual-header h2{color:#fff!important}.imported-visual-board .imported-visual-header h2:before{content:none!important}.imported-visual-board .imported-visual-header p{color:#e2e8f0d1!important}.lesson-source-pack{color:#e2e8f0;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172afa,#1e40afeb),linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/42px 42px!important;border:1px solid #2563eb24!important}.lesson-source-pack h6{color:#fff;font-size:1.15rem!important}.lesson-source-pack p{max-width:760px;color:#e2e8f0c7!important}.lesson-source-badge{text-transform:uppercase;letter-spacing:0;border:1px solid #22d3ee47;font-size:.68rem;color:#cffafe!important;background:#0891b23d!important}.lesson-source-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 18px 42px #2563eb52}.lesson-source-link{color:#e2e8f0;background:#0f172a85;border:1px solid #94a3b838;border-radius:14px;flex-direction:column;gap:.35rem;min-height:118px;padding:1rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.lesson-source-link:hover{color:#fff;background:#1e293bb8;border-color:#22d3ee6b;transform:translateY(-2px)}.lesson-source-link span{color:#bfdbfe;text-transform:uppercase;background:#2563eb38;border-radius:999px;width:fit-content;padding:.24rem .48rem;font-size:.68rem;font-weight:900}.lesson-source-link strong{color:#fff;font-size:.92rem;line-height:1.28}.lesson-source-link small{color:#e2e8f0b8;line-height:1.45}.lesson-premium-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lesson-premium-breadcrumb{background:#ffffffd1;border:1px solid #94a3b833;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:.35rem .55rem;font-size:.76rem;font-weight:750;list-style:none;display:flex;box-shadow:0 10px 28px #0f172a0d}.lesson-premium-breadcrumb li{color:#64748b;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.lesson-premium-breadcrumb li:not(:last-child):after{content:"/";color:#cbd5e1}.lesson-premium-breadcrumb a{color:#2563eb;text-decoration:none}.lesson-premium-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.lesson-premium-grid{flex:auto;grid-template-columns:minmax(190px,240px) minmax(0,1fr) minmax(210px,280px);align-items:start;gap:1rem;min-height:0;display:grid}.lesson-premium-grid.focus-mode{grid-template-columns:minmax(0,1040px);justify-content:center}.lesson-article-col,.lesson-tools-col,.lesson-index-col{min-width:0}.lesson-premium-reader{background:linear-gradient(#fffffffa,#f8fafcfa),radial-gradient(circle at 12% 0,#2563eb14,#0000 30%);border:1px solid #94a3b82e;border-radius:18px;flex-direction:column;width:100%;display:flex;box-shadow:0 24px 80px #0f172a1a}.lesson-video-shell{padding:0 1rem 1rem}.lesson-video-frame{aspect-ratio:16/9;background:#020617;border:1px solid #0f172a1a;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px #0f172a29}.lesson-content-card{background:0 0;flex-direction:column;flex:none;display:flex}.lesson-content-body{flex-direction:column;min-height:0;display:flex}.lesson-action-footer{background:0 0;border-top:1px solid #94a3b829;margin:.75rem 1rem 0;padding:.9rem 0 1rem}.lesson-footer-actions{flex-wrap:wrap;justify-content:space-between;gap:.65rem;display:flex}.lesson-notes-panel{background:#f8fafcdb;border:1px solid #94a3b82e;border-radius:14px;margin:0 1rem 1rem;padding:1rem}.lesson-notes-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.lesson-notes-head h6{color:#0f172a;margin:0;font-size:.88rem;font-weight:900}.lesson-notes-head p{color:#64748b;margin:0;font-size:.76rem}.lesson-notes-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #94a3b840;border-radius:12px;outline:none;width:100%;min-height:104px;padding:.8rem .9rem;font-size:.86rem}.lesson-notes-textarea:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.roadmap-progress-card{margin-bottom:1rem;padding:1rem}.roadmap-progress-inner{position:relative}.roadmap-progress-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.roadmap-eyebrow{color:#ffffff8c;text-transform:uppercase;font-size:.68rem;font-weight:850}.roadmap-title{color:#fff;font-size:1rem;font-weight:950}.roadmap-percent{color:#2563eb;background:#fff;border-radius:999px;padding:.28rem .72rem;font-size:.82rem;font-weight:950}.roadmap-progress-meta{color:#ffffff94;justify-content:space-between;gap:.75rem;margin-top:.55rem;font-size:.72rem;display:flex}.roadmap-body{flex-direction:column;min-height:0;padding:1rem;display:flex}.roadmap-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.roadmap-card-head h6{color:#0f172a;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:950;display:flex}.roadmap-card-head h6 svg{color:#2563eb}.roadmap-card-head div div{color:#64748b;font-size:.72rem;line-height:1.35}.roadmap-trophy{color:#b45309;background:#fffbeb;border-radius:14px;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:inset 0 0 0 1px #f59e0b24}.roadmap-legacy-heading{display:none}.lesson-tools-col .lesson-panel-scroll{gap:.65rem;display:grid;position:relative;border-left:0!important;max-height:calc(100dvh - 390px)!important;padding:0 .15rem 0 0!important}.lesson-tools-col .lesson-panel-scroll:before{display:none!important}.roadmap-lesson-row{cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:.55rem;min-height:44px;display:grid}.roadmap-lesson-node{color:#64748b;background:#f1f5f9;border-radius:10px;place-items:center;width:30px;height:30px;font-size:.72rem;font-weight:950;display:inline-grid;box-shadow:inset 0 0 0 1px #94a3b842}.roadmap-lesson-node.is-active{color:#fff;background:#2563eb;box-shadow:0 12px 24px #2563eb3d}.roadmap-lesson-node.is-completed{color:#fff;background:#16a34a}.roadmap-lesson-card{background:#ffffffd6;border:1px solid #94a3b82e;border-radius:12px;padding:.65rem .7rem;transition:transform .18s,border-color .18s,box-shadow .18s}.roadmap-lesson-row:hover .roadmap-lesson-card{border-color:#2563eb47;transform:translateY(-1px);box-shadow:0 14px 30px #0f172a17}.roadmap-lesson-card p{color:#475569;text-overflow:ellipsis;margin:0;font-size:.75rem;font-weight:780;line-height:1.25;overflow:hidden}.roadmap-lesson-card p.is-active{color:#2563eb;font-weight:950}.roadmap-lesson-card small{color:#94a3b8;font-size:.66rem}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-stretch{align-items:stretch!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-decoration-none{text-decoration:none!important}.text-uppercase{text-transform:uppercase!important}.text-muted{color:#64748b!important}.text-dark{color:#0f172a!important}.text-light{color:#f8fafc!important}.text-white{color:#fff!important}.text-success{color:#16a34a!important}.text-danger{color:#dc2626!important}.text-info{color:#0891b2!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:600!important}.fw-semibold{font-weight:700!important}.fw-bold{font-weight:800!important}.fw-bolder{font-weight:900!important}.small{font-size:.875em!important}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.min-vh-100{min-height:100vh!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border{border:1px solid #e2e8f0!important}.border-0{border:0!important}.border-top{border-top:1px solid #e2e8f0!important}.border-bottom{border-bottom:1px solid #e2e8f0!important}.border-start{border-left:1px solid #e2e8f0!important}.border-end{border-right:1px solid #e2e8f0!important}.rounded{border-radius:.375rem!important}.rounded-2{border-radius:.5rem!important}.rounded-3{border-radius:.75rem!important}.rounded-4{border-radius:1rem!important}.rounded-pill,.rounded-circle{border-radius:999px!important}.shadow-sm{box-shadow:0 1px 3px #0f172a1a!important}.shadow{box-shadow:0 12px 30px #0f172a1f!important}.shadow-lg{box-shadow:0 24px 60px #0f172a29!important}.bg-white{background-color:#fff!important}.bg-light{background-color:#f8fafc!important}.bg-dark{background-color:#0f172a!important}.bg-black{background-color:#000!important}.bg-transparent{background-color:#0000!important}.bg-opacity-10{--local-bg-opacity:.1}.opacity-0{opacity:0!important}.opacity-75{opacity:.75!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.cursor-pointer{cursor:pointer!important}.z-index-1{z-index:1!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.ps-3{padding-left:1rem!important}.pe-3{padding-right:1rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.g-0{gap:0!important}.g-2{gap:.5rem!important}.g-3{gap:1rem!important}.g-4{gap:1.5rem!important}.g-5{gap:3rem!important}@media (width>=768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (width>=992px){.d-lg-flex{display:flex!important}.d-lg-block{display:block!important}}.creator-home{isolation:isolate;color:#e5f7ff;background:radial-gradient(circle at 18% 12%,#06b6d43d,#0000 30%),radial-gradient(circle at 84% 10%,#2563eb38,#0000 28%),radial-gradient(circle at 50% 72%,#14b8a629,#0000 34%),linear-gradient(#020617 0%,#07111f 42%,#030712 100%);min-height:100vh;position:relative;overflow:hidden}.creator-home:before{content:"";z-index:-2;background-image:linear-gradient(#94a3b80e 1px,#0000 1px),linear-gradient(90deg,#94a3b80e 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000eb,#0000 82%);mask-image:linear-gradient(#000000eb,#0000 82%)}.creator-home:after{content:"";z-index:-1;filter:blur(80px);opacity:.76;background:conic-gradient(from 180deg,#0000,#0ea5e929,#0000,#14b8a629,#0000);animation:14s ease-in-out infinite alternate premiumAura;position:fixed;inset:-20%}.creator-hero,.creator-section,.creator-final-cta{width:min(1180px,100% - 40px);margin:0 auto}.creator-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:calc(100dvh - 74px);padding:clamp(4rem,8vw,7rem) 0 5rem;display:grid}.creator-hero-copy,.creator-offer-card,.creator-section,.creator-final-cta{animation:.72s both premiumRise}.creator-pill{color:#67e8f9;letter-spacing:.02em;background:#082f4985;border:1px solid #2dd4bf57;border-radius:999px;width:fit-content;padding:.46rem .82rem;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 0 34px #22d3ee29}.creator-hero h1{color:#f8fafc;text-shadow:0 24px 80px #22d3ee47;margin:1.25rem 0 1rem;font-size:clamp(3.8rem,9vw,8rem);font-weight:950;line-height:.88}.creator-subtitle{color:#b9c8d8;max-width:760px;font-size:clamp(1.08rem,1.5vw,1.34rem);line-height:1.72}.creator-trust,.creator-metrics{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.creator-trust span{color:#d6f7ff;background:#0f172abd;border:1px solid #94a3b82e;border-radius:999px;padding:.62rem .82rem;font-size:.84rem;font-weight:850;box-shadow:0 14px 38px #02061747}.creator-metrics{margin-top:2rem}.creator-metrics div{background:linear-gradient(#0f172ad1,#080d1cad);border:1px solid #94a3b829;border-radius:18px;min-width:132px;padding:1rem;box-shadow:0 18px 50px #00000042}.creator-metrics strong,.creator-metrics span{display:block}.creator-metrics strong{color:#fff;font-size:1.35rem;font-weight:950}.creator-metrics span{color:#8db1c7;margin-top:.25rem;font-size:.82rem;font-weight:750}.creator-offer-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172aeb,#082f49bd),#020617d1;border:1px solid #67e8f938;border-radius:28px;padding:clamp(1.25rem,3vw,1.8rem);position:relative;overflow:hidden;box-shadow:0 34px 110px #00000073,inset 0 1px #ffffff1f}.creator-card-glow{filter:blur(36px);background:#22d3ee47;border-radius:999px;width:240px;height:240px;animation:6s ease-in-out infinite premiumFloat;position:absolute;inset:-50% -30% auto auto}.creator-offer-card h2{color:#f8fafc;margin:0 0 .85rem;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:950;position:relative}.creator-offer-card p,.creator-feature-card p,.creator-section-head p,.creator-final-cta p,.creator-faq-list p{color:#9fb3c8;line-height:1.72}.creator-offer-card ul{gap:.78rem;margin:1.35rem 0;padding:0;list-style:none;display:grid;position:relative}.creator-offer-card li{color:#dffbff;background:#0284c71f;border:1px solid #67e8f929;border-radius:14px;padding:.82rem .9rem;font-weight:850;transition:transform .18s,border-color .18s,background .18s;box-shadow:inset 0 1px #ffffff14}.creator-offer-card li:hover,.creator-feature-card:hover,.creator-module-card:hover{background:#0ea5e929;border-color:#67e8f96b;transform:translateY(-4px)}.creator-code-card{color:#a7f3d0;font-family:var(--font-mono);background:#020617b8;border:1px solid #94a3b824;border-radius:18px;gap:.35rem;margin-top:1.2rem;padding:1rem;font-size:.84rem;display:grid;position:relative;box-shadow:inset 0 0 36px #14b8a614}.creator-section{border-top:1px solid #94a3b81a;padding:clamp(3.5rem,7vw,6rem) 0}.creator-section-head{max-width:760px;margin-bottom:2rem}.creator-section-head h2,.creator-final-cta h2{color:#f8fafc;margin:.95rem 0;font-size:clamp(2.2rem,4.5vw,4.1rem);font-weight:950;line-height:1.02}.creator-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.creator-feature-card,.creator-module-card,.creator-faq-list details{background:linear-gradient(#0f172ad1,#020617b8);border:1px solid #94a3b824;border-radius:18px;transition:transform .2s,border-color .2s,background .2s;box-shadow:0 24px 70px #00000047}.creator-feature-card{min-height:168px;padding:1.15rem}.creator-feature-card strong{color:#67e8f9;margin-bottom:.65rem;font-size:1.08rem;font-weight:950;display:block}.creator-syllabus{border-top:1px solid #94a3b81a;border-bottom:1px solid #94a3b81a}.creator-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.creator-module-card{min-height:142px;padding:1rem}.creator-module-card span{color:#38bdf8;font-family:var(--font-mono);font-weight:950}.creator-module-card strong{color:#eaf7ff;margin-top:1.5rem;font-size:1rem;display:block}.creator-faq-list{gap:.85rem;max-width:860px;display:grid}.creator-faq-list details{padding:1rem 1.1rem}.creator-faq-list summary{cursor:pointer;color:#f8fafc;font-weight:950}.creator-final-cta{text-align:center;background:radial-gradient(circle at 22% 20%,#22d3ee2e,#0000 30%),linear-gradient(135deg,#0f172af5,#082f49e0);border:1px solid #67e8f92e;border-radius:32px 32px 0 0;margin-bottom:0;padding:clamp(3rem,7vw,5rem);position:relative;overflow:hidden;box-shadow:0 34px 110px #0000006b}.creator-final-cta:before{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff1a,#0000 80%);animation:6s ease-in-out infinite premiumSweep;position:absolute;inset:0;transform:translate(-100%)}.creator-final-cta h2,.creator-final-cta p{color:#fff;position:relative}.custom-footer{color:#cbd5e1;border-top:1px solid #94a3b81f;padding:3rem 0;background:#020617!important}.footer-shell{grid-template-columns:minmax(0,1fr) auto;gap:2rem;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.footer-brand{max-width:520px}.custom-footer h5,.custom-footer h6{color:#f8fafc;margin:0 0 .9rem;font-weight:950}.footer-brand p,.footer-bottom,.custom-footer a{line-height:1.7;color:#94a3b8!important}.footer-links{grid-template-columns:repeat(2,minmax(120px,1fr));gap:2rem;display:grid}.footer-links div{align-content:start;gap:.6rem;display:grid}.custom-footer a{text-decoration:none;transition:color .18s}.custom-footer a:hover{color:#67e8f9!important}.footer-bottom{border-top:1px solid #94a3b81f;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:1rem;padding-top:1.4rem;font-size:.86rem;display:flex}@keyframes premiumAura{0%{transform:rotate(0)scale(1)}to{transform:rotate(18deg)scale(1.08)}}@keyframes premiumRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes premiumFloat{0%,to{transform:translate(0,0)}50%{transform:translate(-20px,22px)}}@media (width<=991.98px){.creator-hero,.creator-feature-grid,.creator-module-grid{grid-template-columns:1fr}.creator-hero{min-height:auto;padding:3rem 0}}@media (width<=575.98px){.creator-hero,.creator-section,.creator-final-cta{width:min(100% - 24px,1180px)}.creator-trust span,.creator-metrics div{width:100%}.footer-shell,.footer-links{grid-template-columns:1fr}.footer-bottom{justify-content:flex-start}}.simple-admin-page{gap:1.5rem;display:grid}.simple-admin-hero{background:radial-gradient(circle at 12% 0,#2dd4bf29,#0000 28%),linear-gradient(#fff,#f0fdfa);border:1px solid #0f766e24;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.4rem;display:flex;box-shadow:0 20px 60px #0f172a14}.simple-admin-hero h1{color:#071311;margin:.7rem 0 .4rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:950}.simple-admin-hero p{color:#52645f;max-width:720px;margin:0}.simple-admin-actions{flex-wrap:wrap;gap:.6rem;display:flex}.simple-scope-list{gap:.75rem;display:grid}.simple-scope-list div{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;padding:.85rem}.simple-scope-list strong,.simple-scope-list span{display:block}.simple-scope-list strong{color:#0f766e;font-weight:950}.simple-scope-list span{color:#64748b;margin-top:.22rem;font-size:.86rem}.subscriber-home{gap:1.5rem;display:grid}.subscriber-hero{background:radial-gradient(circle at 12% 0,#2dd4bf29,#0000 28%),linear-gradient(#fff,#f7fbf9);border:1px solid #0f766e24;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:1rem;padding:1.4rem;display:grid;box-shadow:0 20px 60px #0f172a14}.subscriber-hero h1{color:#071311;margin:.75rem 0 .5rem;font-size:clamp(2rem,4vw,3.8rem);font-weight:950}.subscriber-hero p{color:#52645f;max-width:760px;margin:0;line-height:1.7}.subscriber-progress-card{background:#fff;border:1px solid #0f172a1a;border-radius:18px;padding:1.2rem;box-shadow:0 18px 42px #0f172a14}.subscriber-progress-card strong,.subscriber-progress-card span{display:block}.subscriber-progress-card strong{color:#0f766e;font-size:3rem;font-weight:950;line-height:1}.subscriber-progress-card span{color:#64748b;margin-top:.45rem;font-weight:800}@media (width<=991.98px){.subscriber-hero{grid-template-columns:1fr}}@media (width<=1199.98px){.lesson-premium-grid,.lesson-premium-grid.with-roadmap{grid-template-columns:220px minmax(0,1fr)}.lesson-tools-col{display:none}}@media (width<=991.98px){.lesson-premium-topbar{flex-direction:column;align-items:stretch}.lesson-premium-actions{justify-content:flex-start}.lesson-premium-grid,.lesson-premium-grid.with-roadmap,.lesson-premium-grid.focus-mode{grid-template-columns:1fr}.lesson-premium-reader{border-radius:14px}}