@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&family=Rajdhani:wght@400;500;600;700&family=Barlow:wght@300;400;500;600;700;800;900&family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Share+Tech+Mono&family=Orbitron:wght@400;500;700;900&family=Cinzel:wght@400;600;700;900&family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*,: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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,Fira Code,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}}.btn-primary{--tw-bg-opacity:1;background-color:rgb(0 116 189/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{--tw-translate-y:-.25rem;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));--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.btn-primary:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-secondary{--tw-bg-opacity:1;background-color:rgb(248 152 32/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{--tw-translate-y:-.25rem;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));--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.btn-secondary:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-outline{--tw-border-opacity:1;border-width:2px;border-color:rgb(0 116 189/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(0 116 189/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{--tw-translate-y:-.25rem;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));--tw-bg-opacity:1;background-color:rgb(0 116 189/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-outline:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 152 32/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.btn-outline:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 152 32/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:9999px}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#0074bd80;border-radius:9999px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-4{inset:-1rem}.inset-0{inset:0}.inset-2{inset:.5rem}.-bottom-1{bottom:-.25rem}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-20{right:-5rem}.-top-20{top:-5rem}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.bottom-16{bottom:4rem}.bottom-32{bottom:8rem}.bottom-40{bottom:10rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-7{left:1.75rem}.left-8{left:2rem}.right-0{right:0}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-16{right:4rem}.right-2{right:.5rem}.right-32{right:8rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-14{top:3.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-20{top:5rem}.top-24{top:6rem}.top-28{top:7rem}.top-3{top:.75rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.m-0{margin:0}.m-20{margin:5rem}.m-auto{margin:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mb-px{margin-bottom:-1px}.-mt-0\.5{margin-top:-.125rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-80{margin-left:20rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-60{margin-right:15rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[3px\]{height:3px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-48{max-height:12rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.max-h-screen{max-height:100vh}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-4\/6{width:66.6667%}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.3333%}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[9px\]{width:9px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-max{min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.6s ease-out fadeIn}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient{animation:8s infinite gradient}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.\!border-x-0{border-left-width:0!important;border-right-width:0!important}.\!border-b-0{border-bottom-width:0!important}.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-\[rgba\(124\,58\,237\,0\.08\)\]{border-color:#7c3aed14}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-cyan-500\/20{border-color:#06b6d433}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-indigo-200\/50{border-color:#c7d2fe80}.border-java-blue\/20{border-color:#0074bd33}.border-java-blue\/30{border-color:#0074bd4d}.border-java-border-dark{--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.border-java-orange{--tw-border-opacity:1;border-color:rgb(248 152 32/var(--tw-border-opacity,1))}.border-java-orange\/10{border-color:#f898201a}.border-java-orange\/20{border-color:#f8982033}.border-java-orange\/40{border-color:#f8982066}.border-java-orange\/60{border-color:#f8982099}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/35{border-color:#ffffff59}.border-white\/5{border-color:#ffffff0d}.border-white\/\[0\.03\]{border-color:#ffffff08}.border-b-java-orange{--tw-border-opacity:1;border-bottom-color:rgb(248 152 32/var(--tw-border-opacity,1))}.border-t-java-blue{--tw-border-opacity:1;border-top-color:rgb(0 116 189/var(--tw-border-opacity,1))}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#04040a\]{--tw-bg-opacity:1;background-color:rgb(4 4 10/var(--tw-bg-opacity,1))}.bg-\[\#0d1117\]{--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.bg-\[\#161b22\]{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/80{background-color:#111827cc}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/60{background-color:#22c55e99}.bg-green-500\/70{background-color:#22c55eb3}.bg-green-600\/10{background-color:#16a34a1a}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-java-blue{--tw-bg-opacity:1;background-color:rgb(0 116 189/var(--tw-bg-opacity,1))}.bg-java-blue\/10{background-color:#0074bd1a}.bg-java-blue\/5{background-color:#0074bd0d}.bg-java-dark{--tw-bg-opacity:1;background-color:rgb(26 26 46/var(--tw-bg-opacity,1))}.bg-java-lightblue\/10{background-color:#5382a11a}.bg-java-lightblue\/5{background-color:#5382a10d}.bg-java-orange{--tw-bg-opacity:1;background-color:rgb(248 152 32/var(--tw-bg-opacity,1))}.bg-java-orange\/10{background-color:#f898201a}.bg-java-orange\/20{background-color:#f8982033}.bg-java-orange\/5{background-color:#f898200d}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/60{background-color:#ef444499}.bg-red-500\/70{background-color:#ef4444b3}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/60{background-color:#eab30899}.bg-yellow-500\/70{background-color:#eab308b3}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from:#d946ef var(--tw-gradient-from-position);--tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-blue{--tw-gradient-from:#0074bd var(--tw-gradient-from-position);--tw-gradient-to:#0074bd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-blue\/40{--tw-gradient-from:#0074bd66 var(--tw-gradient-from-position);--tw-gradient-to:#0074bd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-dark{--tw-gradient-from:#1a1a2e var(--tw-gradient-from-position);--tw-gradient-to:#1a1a2e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-lightblue{--tw-gradient-from:#5382a1 var(--tw-gradient-from-position);--tw-gradient-to:#5382a100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-orange{--tw-gradient-from:#f89820 var(--tw-gradient-from-position);--tw-gradient-to:#f8982000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-java-orange\/40{--tw-gradient-from:#f8982066 var(--tw-gradient-from-position);--tw-gradient-to:#f8982000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/40{--tw-gradient-from:#a855f766 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:#f43f5e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0a1628\]{--tw-gradient-to:#0a162800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0a1628 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-java-lightblue{--tw-gradient-to:#5382a100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #5382a1 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-600{--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-400{--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-fuchsia-600{--tw-gradient-to:#c026d3 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-java-blue{--tw-gradient-to:#0074bd var(--tw-gradient-to-position)}.to-java-darker{--tw-gradient-to:#0d1117 var(--tw-gradient-to-position)}.to-java-lightblue{--tw-gradient-to:#5382a1 var(--tw-gradient-to-position)}.to-java-orange{--tw-gradient-to:#f89820 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)}.to-violet-700{--tw-gradient-to:#6d28d9 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-gray-50{fill:#f9fafb}.fill-white{fill:#fff}.\!p-0{padding:0!important}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-80{padding-bottom:20rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-20{padding-left:5rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-60{padding-left:15rem}.pr-0{padding-right:0}.pr-10{padding-right:2.5rem}.pr-20{padding-right:5rem}.pr-4{padding-right:1rem}.pr-60{padding-right:15rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-80{padding-top:20rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.font-poppins{font-family:Poppins,sans-serif}.font-roboto{font-family:Roboto,sans-serif}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[0\.85em\]{font-size:.85em}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-java-blue{--tw-text-opacity:1!important;color:rgb(0 116 189/var(--tw-text-opacity,1))!important}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-java-blue{--tw-text-opacity:1;color:rgb(0 116 189/var(--tw-text-opacity,1))}.text-java-blue\/40{color:#0074bd66}.text-java-blue\/50{color:#0074bd80}.text-java-blue\/60{color:#0074bd99}.text-java-lightblue{--tw-text-opacity:1;color:rgb(83 130 161/var(--tw-text-opacity,1))}.text-java-orange{--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/20{color:#fff3}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-600::placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.08\]{opacity:.08}.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-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);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)}.shadow-java-blue\/10{--tw-shadow-color:#0074bd1a;--tw-shadow:var(--tw-shadow-colored)}.shadow-java-blue\/20{--tw-shadow-color:#0074bd33;--tw-shadow:var(--tw-shadow-colored)}.shadow-java-blue\/30{--tw-shadow-color:#0074bd4d;--tw-shadow:var(--tw-shadow-colored)}.shadow-java-orange\/20{--tw-shadow-color:#f8982033;--tw-shadow:var(--tw-shadow-colored)}.shadow-java-orange\/30{--tw-shadow-color:#f898204d;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-amber-400\/40{--tw-ring-color:#fbbf2466}.ring-cyan-500\/40{--tw-ring-color:#06b6d466}.ring-green-500\/40{--tw-ring-color:#22c55e66}.ring-indigo-400{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity,1))}.ring-indigo-400\/50{--tw-ring-color:#818cf880}.ring-indigo-500\/40{--tw-ring-color:#6366f166}.ring-java-blue\/40{--tw-ring-color:#0074bd66}.ring-java-orange\/40{--tw-ring-color:#f8982066}.ring-purple-500\/40{--tw-ring-color:#a855f766}.ring-red-500\/40{--tw-ring-color:#ef444466}.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)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px);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)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #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)}.grayscale{--tw-grayscale:grayscale(100%);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)}.invert{--tw-invert:invert(100%);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)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-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)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[i\:i\+size\]{i:i+size}.\[pgdata\:\/var\/lib\/postgresql\/data\]{pgdata:/var/lib/postgresql/data}.\[start\:end\]{start:end}:root{--primary-light:#2196f3;--secondary-light:#64b5f6;--accent-light:#1976d2;--bg-light:#fff;--surface-light:#2196f30f;--surface-solid-light:#f0f8ff;--text-light:#000;--text-secondary-light:#1a1a1a;--bg-surface:#fff;--bg-surface-alt:#f8f9fa;--border-color:#00000014;--text-primary:#000;--text-muted:#1a1a1a;--primary-dark:#b388ff;--secondary-dark:#9c64ff;--accent-dark:#7c4dff;--bg-dark:#0d0d1a;--surface-dark:#b388ff14;--surface-solid-dark:#1a1a2e;--text-dark:#fff;--text-secondary-dark:#f0f0f0;--primary:var(--primary-light);--secondary:var(--secondary-light);--accent:var(--accent-light);--bg:var(--bg-light);--surface:var(--surface-light);--surface-solid:var(--surface-solid-light);--text:var(--text-light);--text-secondary:var(--text-secondary-light);--font-primary:"Poppins", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #0000002e;--shadow-xl:0 16px 64px #00000038}[data-theme=dark],html.dark{--primary:var(--primary-dark);--secondary:var(--secondary-dark);--accent:var(--accent-dark);--bg:var(--bg-dark);--surface:var(--surface-dark);--surface-solid:var(--surface-solid-dark);--text:var(--text-dark);--text-secondary:var(--text-secondary-dark);--bg-surface:#0f0f1e;--bg-surface-alt:#13132a;--border-color:#06b6d41f;--text-primary:#eeeef6;--text-muted:#88a}*{box-sizing:border-box;margin:0;padding:0}:focus{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}*{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-primary);background:var(--bg);color:var(--text);width:100%;max-width:100vw;line-height:1.6;transition:all .3s;overflow-x:hidden}.home-page,.courses-page{background:0 0}.custom-cursor{border:2px solid var(--primary)!important;pointer-events:none!important;z-index:99999!important;opacity:1!important;visibility:visible!important;background-color:#0000!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:width .2s,height .2s!important;display:flex!important;position:fixed!important;transform:translate(-50%,-50%)!important}@media (width<=768px){.custom-cursor,.cursor-dot{display:none!important}}.html-course-root .custom-cursor,.html-course-root .cursor-dot,.css-course-root .custom-cursor,.css-course-root .cursor-dot,.python-course-root .custom-cursor,.python-course-root .cursor-dot,.js-course-root .custom-cursor,.js-course-root .cursor-dot,.js-int-course-root .custom-cursor,.js-int-course-root .cursor-dot,.js-adv-course-root .custom-cursor,.js-adv-course-root .cursor-dot,.java-course-root .custom-cursor,.java-course-root .cursor-dot,.c-course-root .custom-cursor,.c-course-root .cursor-dot,.ai-course-root .custom-cursor,.ai-course-root .cursor-dot,.ml-course-root .custom-cursor,.ml-course-root .cursor-dot,.dl-course-root .custom-cursor,.dl-course-root .cursor-dot,.dsc-course-root .custom-cursor,.dsc-course-root .cursor-dot,.dsa-course-root .custom-cursor,.dsa-course-root .cursor-dot,.nlp-course-root .custom-cursor,.nlp-course-root .cursor-dot,.os-course-root .custom-cursor,.os-course-root .cursor-dot,.system-design-course-root .custom-cursor,.system-design-course-root .cursor-dot,.database-course-root .custom-cursor,.database-course-root .cursor-dot,.genai-course-root .custom-cursor,.genai-course-root .cursor-dot,.fspy-module .custom-cursor,.fspy-module .cursor-dot,.fsjava-module .custom-cursor,.fsjava-module .cursor-dot{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}:is(body:has(.html-course-root) .custom-cursor,body:has(.css-course-root) .custom-cursor,body:has(.python-course-root) .custom-cursor,body:has(.js-course-root) .custom-cursor,body:has(.js-int-course-root) .custom-cursor,body:has(.js-adv-course-root) .custom-cursor,body:has(.java-course-root) .custom-cursor,body:has(.c-course-root) .custom-cursor,body:has(.ai-course-root) .custom-cursor,body:has(.ml-course-root) .custom-cursor,body:has(.dl-course-root) .custom-cursor,body:has(.dsc-course-root) .custom-cursor,body:has(.dsa-course-root) .custom-cursor,body:has(.nlp-course-root) .custom-cursor,body:has(.os-course-root) .custom-cursor,body:has(.system-design-course-root) .custom-cursor,body:has(.database-course-root) .custom-cursor,body:has(.genai-course-root) .custom-cursor,body:has(.fspy-module) .custom-cursor,body:has(.fsjava-module) .custom-cursor){visibility:hidden!important;opacity:0!important;display:none!important}body,html{max-width:100vw;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-md);width:100%;margin:0 auto}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-family:var(--font-primary);cursor:pointer;text-align:center;border:none;min-width:150px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn.primary{background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;box-shadow:var(--shadow-md)}.btn.primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn.secondary{background:var(--surface);color:var(--primary);border:2px solid var(--primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn.secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.color-change{background:linear-gradient(90deg,#2196f3,#64b5f6,#1976d2,#2196f3) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:3s ease-in-out infinite alternate colorShift}[data-theme=dark] .color-change{background:linear-gradient(90deg,#b388ff,#9c64ff,#7c4dff,#b388ff) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate colorShift}@keyframes colorShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.btn{width:100%;max-width:280px;padding:var(--spacing-md) var(--spacing-lg)}.container{padding:0 var(--spacing-sm)}}.first\:mt-0:first-child{margin-top:0}.last\:border-0:last-child{border-width:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-java-blue:hover{--tw-border-opacity:1;border-color:rgb(0 116 189/var(--tw-border-opacity,1))}.hover\:border-java-blue\/30:hover{border-color:#0074bd4d}.hover\:border-java-blue\/40:hover{border-color:#0074bd66}.hover\:border-java-blue\/50:hover{border-color:#0074bd80}.hover\:border-java-orange:hover{--tw-border-opacity:1;border-color:rgb(248 152 32/var(--tw-border-opacity,1))}.hover\:border-java-orange\/40:hover{border-color:#f8982066}.hover\:bg-blue-50\/60:hover{background-color:#eff6ff99}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-java-blue\/5:hover{background-color:#0074bd0d}.hover\:bg-java-orange:hover{--tw-bg-opacity:1;background-color:rgb(248 152 32/var(--tw-bg-opacity,1))}.hover\:bg-java-orange\/10:hover{background-color:#f898201a}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/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\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.hover\:text-java-blue:hover{--tw-text-opacity:1;color:rgb(0 116 189/var(--tw-text-opacity,1))}.hover\:text-java-orange:hover{--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--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)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-java-blue\/10:hover{--tw-shadow-color:#0074bd1a;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-java-blue\/30:hover{--tw-shadow-color:#0074bd4d;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-cyan-500\/50:focus{border-color:#06b6d480}.focus\:border-green-500\/50:focus{border-color:#22c55e80}.focus\:border-java-blue:focus{--tw-border-opacity:1;border-color:rgb(0 116 189/var(--tw-border-opacity,1))}.focus\:border-orange-500\/50:focus{border-color:#f9731680}.focus\:border-violet-500\/50:focus{border-color:#8b5cf680}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-java-blue\/20:focus{--tw-ring-color:#0074bd33}.focus\:ring-java-blue\/50:focus{--tw-ring-color:#0074bd80}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/sub:hover .group-hover\/sub\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/sub:hover .group-hover\/sub\:text-java-blue{--tw-text-opacity:1;color:rgb(0 116 189/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-java-blue{--tw-text-opacity:1;color:rgb(0 116 189/var(--tw-text-opacity,1))}.group\/sub:hover .group-hover\/sub\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-\[0\.06\]{opacity:.06}.dark\:border-amber-800\/30:is(.dark *){border-color:#92400e4d}.dark\:border-indigo-400\/20:is(.dark *){border-color:#818cf833}.dark\:border-java-border-dark:is(.dark *){--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.dark\:border-java-border-dark\/50:is(.dark *){border-color:#30363d80}.dark\:border-red-900\/30:is(.dark *){border-color:#7f1d1d4d}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-transparent:is(.dark *){border-color:#0000}.dark\:bg-\[\#0f172a\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-\[\#1e2433\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 36 51/var(--tw-bg-opacity,1))}.dark\:bg-\[\#1e293b\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-amber-900\/10:is(.dark *){background-color:#78350f1a}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-cyan-900\/20:is(.dark *){background-color:#164e6333}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-indigo-300:is(.dark *){--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity,1))}.dark\:bg-java-blue\/10:is(.dark *){background-color:#0074bd1a}.dark\:bg-java-border-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(48 54 61/var(--tw-bg-opacity,1))}.dark\:bg-java-card-dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.dark\:bg-java-darker:is(.dark *){--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.dark\:bg-java-darker\/90:is(.dark *){background-color:#0d1117e6}.dark\:bg-java-orange\/10:is(.dark *){background-color:#f898201a}.dark\:bg-java-orange\/5:is(.dark *){background-color:#f898200d}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7c2d1233}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7c2d124d}.dark\:bg-purple-900\/20:is(.dark *){background-color:#581c8733}.dark\:bg-red-900\/10:is(.dark *){background-color:#7f1d1d1a}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-yellow-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1))}.dark\:fill-\[\#0f172a\]:is(.dark *){fill:#0f172a}.dark\:\!text-java-orange:is(.dark *){--tw-text-opacity:1!important;color:rgb(248 152 32/var(--tw-text-opacity,1))!important}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-java-lightblue:is(.dark *){--tw-text-opacity:1;color:rgb(83 130 161/var(--tw-text-opacity,1))}.dark\:text-java-orange:is(.dark *){--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.dark\:ring-indigo-500:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.dark\:hover\:border-java-orange:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 152 32/var(--tw-border-opacity,1))}.dark\:hover\:border-java-orange\/40:hover:is(.dark *){border-color:#f8982066}.dark\:hover\:border-java-orange\/50:hover:is(.dark *){border-color:#f8982080}.dark\:hover\:bg-java-blue\/5:hover:is(.dark *){background-color:#0074bd0d}.dark\:hover\:bg-java-darker:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.dark\:hover\:bg-java-orange\/5:hover:is(.dark *){background-color:#f898200d}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:#ffffff0d}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-indigo-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.dark\:hover\:text-java-orange:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:shadow-java-blue\/5:hover:is(.dark *){--tw-shadow-color:#0074bd0d;--tw-shadow:var(--tw-shadow-colored)}.dark\:focus\:border-java-orange:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 152 32/var(--tw-border-opacity,1))}.dark\:focus\:ring-java-orange\/20:focus:is(.dark *){--tw-ring-color:#f8982033}.group\/sub:hover .dark\:group-hover\/sub\:text-java-orange:is(.dark *){--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-java-orange:is(.dark *){--tw-text-opacity:1;color:rgb(248 152 32/var(--tw-text-opacity,1))}@media (width>=640px){.sm\:mb-1\.5{margin-bottom:.375rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-10{margin-left:2.5rem}.sm\:ml-2{margin-left:.5rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-3{height:.75rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:w-10{width:2.5rem}.sm\:w-3{width:.75rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-8{width:2rem}.sm\:w-9{width:2.25rem}.sm\:max-w-\[300px\]{max-width:300px}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-3{gap:.75rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pt-4{padding-top:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=768px){.md\:ml-3{margin-left:.75rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-6{height:1.5rem}.md\:w-12{width:3rem}.md\:w-6{width:1.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-64{width:16rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (width>=1280px){.xl\:w-72{width:18rem}}.header{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(180%);background:var(--header-bg,#ffffffe0);padding:var(--spacing-sm) 0;border-bottom:none;width:100%;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #00000012}[data-theme=dark] .header{background:#0d0d1ae6;box-shadow:0 2px 20px #00000059}.header .container{justify-content:space-between;align-items:center;display:flex;position:relative}.logo h2 a{color:var(--primary);font-size:1.2rem;font-weight:700;text-decoration:none}.mobile-menu-btn{color:#000;cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}[data-theme=dark] .mobile-menu-btn{color:var(--text-dark)}.nav{gap:var(--spacing-lg);align-items:center;display:flex}.nav-links{gap:var(--spacing-md);align-items:center;display:flex}.nav-link{color:#000;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:relative}[data-theme=dark] .nav-link{color:var(--text-dark)}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after,.nav-link:before{display:none!important}.nav-link i{font-size:1.2rem}.nav-link span{font-size:.8rem;font-weight:500}button.nav-link{font-family:var(--font-primary);font-size:inherit}.theme-toggle{align-items:center;gap:var(--spacing-xs);z-index:1002;display:flex;position:relative}.theme-toggle i{color:#000;font-size:1.2rem;transition:color .3s}[data-theme=dark] .theme-toggle i{color:#fff}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#e3f2fd;border:2px solid #2196f3;border-radius:28px;transition:all .4s;position:absolute;inset:0}[data-theme=dark] .slider{background:#4a4a4a;border-color:#b388ff}.slider:before{content:"";background:#2196f3;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px}[data-theme=dark] .slider:before{background:#b388ff}input:checked+.slider{background:#e3f2fd;border-color:#2196f3}[data-theme=dark] input:checked+.slider{background:#4a4a4a;border-color:#b388ff}input:checked+.slider:before{background:#2196f3;transform:translate(22px)}[data-theme=dark] input:checked+.slider:before{background:#b388ff}.mobile-header-controls{align-items:center;gap:var(--spacing-sm);display:none}@media (width>=769px){.nav-links{gap:var(--spacing-lg)}}@media (width<=768px){.mobile-menu-btn{display:block}.mobile-header-controls{display:flex}.nav-links{background:var(--bg);z-index:999;border-top:1px solid #ffffff1a;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;max-height:0;padding:0;transition:all .3s;position:fixed;top:70px;left:0;overflow:hidden}.nav-links.active{max-height:calc(100vh - 70px);padding:var(--spacing-md) 0;overflow-y:auto}.nav-link{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background:0 0;border-bottom:1px solid #ffffff1a;border-radius:0;flex-direction:row;align-items:center;width:100%;margin-bottom:0;font-size:1.1rem;transition:all .3s;display:flex}.nav-link:last-child{border-bottom:none}.nav-link:hover{color:var(--primary);background:var(--surface);padding-left:calc(var(--spacing-lg) + var(--spacing-sm));transform:none}.nav-link.active{color:var(--primary);background:var(--surface);font-weight:600}.nav-link:after,.nav .theme-toggle{display:none}.logo h2 a{font-size:1rem}.switch{width:45px;height:24px}.slider:before{width:16px;height:16px}input:checked+.slider:before{transform:translate(19px)}.nav-link i{margin-right:var(--spacing-sm);text-align:center;width:20px}}@media (width<=480px){.header{padding:.5rem 0}.nav-links{top:65px}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.logo h2 a{font-size:.9rem}.mobile-menu-btn{font-size:1.3rem}.switch{width:40px;height:22px}.slider:before{width:14px;height:14px}input:checked+.slider:before{transform:translate(16px)}}.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg);z-index:1;position:relative;color:#fff!important;background:linear-gradient(135deg,#2196f3,#1976d2)!important}[data-theme=dark] .footer{color:#fff!important;background:linear-gradient(135deg,#b388ff,#9575cd)!important}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.footer-brand{text-align:center;max-width:900px;margin:0 auto var(--spacing-xl)}.footer-brand h3{margin-bottom:var(--spacing-md);letter-spacing:.5px;text-shadow:0 2px 4px #0000004d;font-size:1.8rem;font-weight:700;color:#fff!important}.footer-brand p{opacity:1;font-size:1rem;line-height:1.6;color:#fff!important}.footer-links{gap:var(--spacing-2xl);flex-direction:column;width:100%;display:flex}.footer-row{gap:var(--spacing-xl);width:100%;display:grid}.footer-row-1,.footer-row-2{grid-template-columns:repeat(4,1fr)}.footer-column h4{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #ffffff4d;font-size:1rem;font-weight:600;display:block;color:#fff!important}.footer-column a{opacity:1;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.6;text-decoration:none;transition:all .3s;display:block;color:#fff!important}.footer-column a:hover{opacity:1;padding-left:var(--spacing-sm);background:#ffffff26;transform:translate(5px)}.footer-column a i{margin-right:var(--spacing-xs);text-align:center;width:18px;font-size:.9rem}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid #fff3;justify-content:space-between;align-items:center;display:flex;color:#fff!important}.footer-bottom p{color:#fff!important}.footer-legal-links{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-legal-links a{font-size:.82rem;text-decoration:none;transition:color .2s;color:#ffffffd9!important;background:0 0!important;margin:0!important;padding:0!important;display:inline!important;transform:none!important}.footer-legal-links a:hover{text-decoration:underline;color:#fff!important;background:0 0!important;padding-left:0!important;transform:none!important}.footer-legal-links span{color:#fff6;font-size:.7rem}.scroll-top{cursor:pointer;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.scroll-top:hover{background:#ffffff4d;transform:translateY(-3px)}@media (width<=1024px){.footer-row-1,.footer-row-2{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.footer-content{gap:var(--spacing-xl)}.footer-brand h3{font-size:1.5rem}.footer-brand p{font-size:.95rem}.footer-links{gap:var(--spacing-xl)}.footer-row-1,.footer-row-2{gap:var(--spacing-md);grid-template-columns:1fr}.footer-column{padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d}.footer-column h4{margin-bottom:var(--spacing-sm);font-size:.95rem}.footer-column a{padding:var(--spacing-xs) 0;margin-bottom:.3rem;font-size:.85rem}.footer-bottom{gap:var(--spacing-md);text-align:center;flex-direction:column}.footer-bottom p{font-size:.9rem}}@media (width<=480px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{gap:var(--spacing-lg)}.footer-brand h3{font-size:1.3rem}.footer-brand p{font-size:.9rem}.footer-links{gap:var(--spacing-md);grid-template-columns:1fr}.footer-column{padding:var(--spacing-sm)}.footer-column h4{font-size:.9rem}.footer-column a{padding:var(--spacing-xs) 0;font-size:.85rem}.scroll-top{width:45px;height:45px}}.home-page{background:0 0;min-height:100vh;cursor:none!important}.home-page :not(a):not(button):not(input):not(select):not(textarea):not(label):not([role=button]){cursor:none!important}.home-page a,.home-page button,.home-page input,.home-page select,.home-page textarea,.home-page label,.home-page [role=button]{cursor:pointer!important}.hero{text-align:center;z-index:1;justify-content:center;align-items:center;height:100vh;padding:0;display:flex;position:relative;overflow:hidden;background:0 0!important}.hero-center{text-align:center;width:100%;max-width:900px;padding:0 var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.hero-center h2{margin:0 auto var(--spacing-lg) auto;text-align:center;color:#1565c0;width:100%;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.2}[data-theme=dark] .hero-center h2{color:#b388ff}.hero-center h2 .color-change{font-weight:700;display:inline-block}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}@media (width<=768px){.hero{height:100vh;padding:0}.hero-buttons{align-items:center;gap:var(--spacing-sm);flex-direction:column}.hero-center h2{font-size:clamp(1.6rem,5vw,2.5rem)}}.welcome-message{text-align:center;color:#1565c0;width:100%;margin:0 auto 1.5rem;font-size:1.2rem;font-weight:500}[data-theme=dark] .welcome-message{color:#b388ff}.learn-more{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--surface-solid);z-index:1;align-items:center;display:flex;position:relative}.learn-more h2,.courses h2,.testimonials h2,.contact h2{text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm);border:1px solid #2196f333;transition:all .3s;position:relative;overflow:hidden;outline:none!important}[data-theme=dark] .feature-card{background:var(--surface-solid);border-color:#b388ff33;box-shadow:0 4px 16px #0006}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px);border-color:var(--primary)!important;outline:none!important}[data-theme=dark] .feature-card:hover{border-color:#b388ff80!important}.feature-card i{color:var(--primary);margin-bottom:var(--spacing-md);font-size:3rem}.feature-card h3{margin-bottom:var(--spacing-sm);color:#000;font-size:1.5rem;font-weight:600}[data-theme=dark] .feature-card h3{color:#fff}.feature-card p{color:#1a1a1a}[data-theme=dark] .feature-card p{color:var(--text-secondary-dark)}@media (width<=768px){.learn-more{min-height:auto;padding:var(--spacing-xl) 0}.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}}.courses{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--bg);z-index:1;align-items:center;display:flex;position:relative}.courses-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.course-card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #2196f333;transition:all .3s;overflow:hidden;outline:none!important}[data-theme=dark] .course-card{background:var(--surface-solid);border-color:#b388ff33;box-shadow:0 4px 16px #0006}.course-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px);border-color:var(--primary)!important;outline:none!important}[data-theme=dark] .course-card:hover{border-color:#b388ff80!important}.course-image{background:linear-gradient(45deg, var(--primary), var(--secondary));justify-content:center;align-items:center;height:200px;display:flex}.course-image i{color:#fff;font-size:4rem}.course-content{padding:var(--spacing-xl)}.course-content h3{margin-bottom:var(--spacing-sm);color:#000;font-size:1.5rem;font-weight:600}[data-theme=dark] .course-content h3{color:#fff}.course-content p{color:#1a1a1a;margin-bottom:var(--spacing-md)}[data-theme=dark] .course-content p{color:var(--text-secondary-dark)}.course-btn{text-align:center;width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.course-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.courses-cta{text-align:center;margin-top:2rem}@media (width<=768px){.courses{min-height:auto;padding:var(--spacing-xl) 0}.courses-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.course-content{padding:var(--spacing-lg)}}.testimonials{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--surface-solid);z-index:1;align-items:center;display:flex;position:relative}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.testimonial-card{background:var(--bg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid #2196f333;padding:2rem;transition:all .3s;outline:none!important}[data-theme=dark] .testimonial-card{background:var(--surface-solid);border-color:#b388ff33;box-shadow:0 4px 16px #0006}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #2196f333;border-color:var(--primary)!important;outline:none!important}[data-theme=dark] .testimonial-card:hover{box-shadow:0 8px 32px #b388ff40;border-color:#b388ff80!important}.testimonial-avatar-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #2196f34d}[data-theme=dark] .testimonial-avatar-icon{box-shadow:0 4px 15px #b388ff4d}.testimonial-avatar-icon i{color:#fff;font-size:1.8rem}.testimonial-card:hover .testimonial-avatar-icon{transform:scale(1.1);box-shadow:0 6px 20px #2196f366}[data-theme=dark] .testimonial-card:hover .testimonial-avatar-icon{box-shadow:0 6px 20px #b388ff66}.testimonial-card p{color:#1a1a1a;margin-bottom:1rem;font-style:italic}[data-theme=dark] .testimonial-card p{color:var(--text-secondary-dark)}.testimonial-card h4{color:var(--primary);font-weight:600}@media (width<=768px){.testimonials{min-height:auto;padding:var(--spacing-xl) 0}.testimonials-grid{grid-template-columns:1fr}}.about{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--bg);z-index:1;align-items:center;display:flex;position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about-image{text-align:center}.about-image i{color:var(--primary);opacity:.8;font-size:12rem}.about-text h2{color:var(--primary);margin-bottom:1.5rem;font-size:2rem;font-weight:900}.about-text p{color:#1a1a1a;margin-bottom:1rem;font-size:1.1rem}[data-theme=dark] .about-text p{color:var(--text-secondary-dark)}@media (width<=768px){.about{min-height:auto;padding:var(--spacing-xl) 0}.about-content{text-align:center;grid-template-columns:1fr}.about-text h2{text-align:center}.about-image i{font-size:8rem}}.contact{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--surface-solid);z-index:1;align-items:center;display:flex;position:relative}.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-left h3{margin-bottom:var(--spacing-lg);color:var(--primary);font-size:1.5rem}.social-heading{margin-top:var(--spacing-2xl)}.info-cards{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:1fr;display:grid}.info-card{background:var(--bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);align-items:center;gap:var(--spacing-md);border:1px solid #2196f333;transition:all .3s;display:flex}[data-theme=dark] .info-card{border-color:#b388ff33}.info-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translate(10px)}.info-card i{color:var(--primary);min-width:40px;font-size:2rem}.info-card h4{color:#000;margin-bottom:.25rem;font-size:1.1rem}[data-theme=dark] .info-card h4{color:#fff}.info-card p{color:#1a1a1a;margin:0;font-size:.95rem}[data-theme=dark] .info-card p{color:var(--text-secondary-dark)}.social-roadmap{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.social-item{align-items:center;gap:var(--spacing-md);background:var(--bg);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #2196f333;transition:all .3s;display:flex}[data-theme=dark] .social-item{border-color:#b388ff33}.social-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-5px)}.social-item a{background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3rem;text-decoration:none;transition:all .3s;display:flex}.social-item a:hover{transform:scale(1.1)}.social-item span{color:#000;font-weight:600}[data-theme=dark] .social-item span{color:#fff}.contact-right{position:sticky;top:100px}.map-container{background:var(--bg);border-radius:var(--radius-lg);padding:var(--spacing-md);border:2px solid var(--primary);box-shadow:var(--shadow-lg);overflow:hidden}.map-container iframe{border-radius:var(--radius-md);border:none;width:100%;height:450px;display:block}@media (width<=768px){.contact{min-height:auto;padding:var(--spacing-xl) 0}.contact-content{gap:var(--spacing-xl);grid-template-columns:1fr}.contact-right{position:static}.social-roadmap{grid-template-columns:1fr}.map-container iframe{height:300px}}.tech-showcase{background:var(--bg);min-height:60vh;padding:var(--spacing-2xl) 0;z-index:1;align-items:center;display:flex;position:relative}.tech-card{background:var(--bg);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border:3px solid var(--primary);z-index:2;max-width:900px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 40px #2196f32e}[data-theme=dark] .tech-card{box-shadow:0 8px 40px #b388ff33}.tech-card:before{content:"";background:linear-gradient(45deg, transparent, var(--surface), transparent);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.tech-text{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);z-index:1;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;position:relative}.tech-subtitle{color:#1a1a1a;margin-bottom:var(--spacing-xl);z-index:1;font-size:1.2rem;position:relative}[data-theme=dark] .tech-subtitle{color:var(--text-secondary-dark)}.tech-btn{z-index:1;padding:var(--spacing-md) var(--spacing-2xl);font-size:1.1rem;position:relative}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.tech-showcase{min-height:auto;padding:var(--spacing-lg) 0}.tech-card{padding:var(--spacing-xl) var(--spacing-md)}.tech-subtitle{font-size:1rem}.tech-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:1rem}}.learn-more .container,.courses .container,.testimonials .container,.about .container,.contact .container,.tech-showcase .container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}html{scroll-behavior:smooth}section{transition:background .3s}.courses-page{background:0 0;min-height:100vh;cursor:none!important}.courses-page :not(a):not(button):not(input):not(select):not(textarea):not(label):not([role=button]){cursor:none!important}.courses-page a,.courses-page button,.courses-page input,.courses-page select,.courses-page textarea,.courses-page label,.courses-page [role=button]{cursor:pointer!important}.courses-page .hero{text-align:center;background:0 0;justify-content:center;align-items:center;min-height:60vh;padding-top:120px;display:flex;position:relative}.courses-page .hero-content h1{margin-bottom:var(--spacing-md);color:#000;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2}[data-theme=dark] .courses-page .hero-content h1{color:#fff}.courses-page .hero-content h1 .color-change{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.courses-page .hero-content p{color:#1a1a1a;max-width:600px;margin:0 auto;font-size:1.2rem}[data-theme=dark] .courses-page .hero-content p{color:var(--text-secondary-dark)}@media (width<=768px){.courses-page .hero{min-height:50vh;padding-top:100px}.courses-page .hero-content p{padding:0 var(--spacing-sm);font-size:1rem}}.course-categories{padding:var(--spacing-2xl) 0;background:var(--surface-solid);z-index:1;position:relative}.course-categories h2{text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.category-title{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;color:#000;text-align:left;border-left:4px solid var(--primary);padding-left:.5rem;font-size:1.8rem;font-weight:700}[data-theme=dark] .category-title{color:#fff}.courses-cards-grid{margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.course-mini-card{background:var(--bg);text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #2196f333;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .course-mini-card{background:var(--surface-solid);border-color:#b388ff33;box-shadow:0 4px 20px #0000004d}.course-mini-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#2196f30f,#64b5f60f);transition:opacity .3s;position:absolute;inset:0}[data-theme=dark] .course-mini-card:before{background:linear-gradient(135deg,#b388ff1a,#9575cd1a)}.course-mini-card:hover:before{opacity:1}.course-mini-card:hover{border-color:var(--primary);transform:translateY(-8px)scale(1.03);box-shadow:0 8px 30px #2196f340}[data-theme=dark] .course-mini-card:hover{border-color:#b388ff80;box-shadow:0 8px 30px #b388ff66}.course-mini-card:active{transform:translateY(-4px)scale(1.01)}.course-mini-card i{color:var(--primary);z-index:1;margin-bottom:.75rem;font-size:3rem;transition:all .3s;position:relative}.course-mini-card:hover i{filter:drop-shadow(0 0 8px #2196f380);transform:scale(1.1)}[data-theme=dark] .course-mini-card:hover i{filter:drop-shadow(0 0 10px #b388ff99)}.course-mini-card h4{color:#000;z-index:1;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;position:relative}[data-theme=dark] .course-mini-card h4{color:#fff}@media (width<=768px){.course-categories{padding:var(--spacing-xl) 0}.category-title{margin:var(--spacing-xl) 0 var(--spacing-md) 0;font-size:1.5rem}.courses-cards-grid{margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.course-mini-card{min-height:130px;padding:1.25rem}.course-mini-card i{font-size:2.5rem}.course-mini-card h4{font-size:1rem}}@media (width<=480px){.courses-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.course-mini-card{min-height:120px;padding:1rem}.course-mini-card i{margin-bottom:.5rem;font-size:2.2rem}.course-mini-card h4{font-size:.95rem}.category-title{font-size:1.3rem}}.all-courses{padding:var(--spacing-2xl) 0;background:var(--bg);z-index:1;position:relative}.courses-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.courses-header h2{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.all-courses .courses-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.all-courses .course-card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #2196f333;transition:all .3s;overflow:hidden}[data-theme=dark] .all-courses .course-card{background:var(--surface-solid);border-color:#b388ff33;box-shadow:0 4px 16px #0006}.all-courses .course-card:hover,.all-courses .course-card.clickable:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-10px)scale(1.02)}.all-courses .course-card.clickable{cursor:pointer}.all-courses .course-image{background:linear-gradient(45deg, var(--primary), var(--secondary));justify-content:center;align-items:center;height:200px;display:flex}.all-courses .course-image i{color:#fff;font-size:4rem}.all-courses .course-content{padding:var(--spacing-xl)}.all-courses .course-content h3{margin-bottom:var(--spacing-sm);color:#000;font-size:1.5rem;font-weight:600}[data-theme=dark] .all-courses .course-content h3{color:#fff}.all-courses .course-content p{color:#1a1a1a;margin-bottom:var(--spacing-md)}[data-theme=dark] .all-courses .course-content p{color:var(--text-secondary-dark)}.all-courses .course-btn{width:100%}@media (width<=768px){.all-courses{padding:var(--spacing-xl) 0}.all-courses .courses-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.all-courses .course-content{padding:var(--spacing-lg)}.courses-header{flex-direction:column;align-items:flex-start}}.learning-path{padding:var(--spacing-2xl) 0;z-index:1;background:linear-gradient(120deg,#f8fafc 60%,#e9f0fb 100%);position:relative}[data-theme=dark] .learning-path{background:linear-gradient(120deg,#1a1a2e 60%,#16213e 100%)}.learning-path h2{text-align:center;margin-bottom:var(--spacing-2xl);letter-spacing:-1px;color:#000;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700}[data-theme=dark] .learning-path h2{color:#fff}.modern-paths-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2.5rem;display:flex}.modern-path-card{background:#fff;border-radius:20px;flex-direction:column;flex:340px;min-width:300px;max-width:500px;margin-bottom:1.5rem;padding:0 0 1.5rem;transition:all .3s;display:flex;box-shadow:0 6px 32px #5050781a}[data-theme=dark] .modern-path-card{background:#1a1a2e;box-shadow:0 6px 32px #0000004d}.modern-path-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #5050782e}[data-theme=dark] .modern-path-card:hover{box-shadow:0 12px 40px #00000080}.modern-path-header{color:#fff;letter-spacing:-.5px;border-radius:20px 20px 0 0;align-items:center;gap:.8em;padding:1.2em 1.5em;font-size:1.18em;font-weight:600;display:flex}.modern-path-header i{margin-right:.5em;font-size:2.1em}.modern-path-steps{margin:1.5em 0 1em;padding:0 2em;list-style:none}.modern-path-steps li{color:#000;margin-bottom:1.1em;padding-left:2.1em;font-size:1.08em;font-weight:500;line-height:1.5;position:relative}[data-theme=dark] .modern-path-steps li{color:#fff}.modern-path-steps .step-dot{background:#4e73df;border:3px solid #fff;border-radius:50%;width:1.1em;height:1.1em;display:inline-block;position:absolute;top:.45em;left:0;box-shadow:0 2px 8px #4e73df1a}[data-theme=dark] .modern-path-steps .step-dot{border-color:#1a1a2e}.modern-path-card:nth-child(2) .modern-path-steps .step-dot{background:var(--primary)}.modern-path-steps .step-desc{color:#1a1a1a;margin-top:.3em;margin-left:.2em;font-size:.9em;font-weight:400;display:block}[data-theme=dark] .modern-path-steps .step-desc{color:var(--text-secondary-dark)}.modern-path-note{color:#4e73df;background:#f3f7ff;border-top:1px solid #e9e9f0;border-radius:0 0 18px 18px;margin-top:1.2em;padding:.9em 2em;font-size:1em;font-weight:500}[data-theme=dark] .modern-path-note{background:#4e73df1a;border-top-color:#ffffff1a}@media (width<=768px){.learning-path{padding:var(--spacing-xl) 0}.modern-paths-grid{flex-direction:column;align-items:center;gap:1.5rem}.modern-path-card{flex:none;min-width:auto;max-width:100%}.modern-path-header{padding:1rem;font-size:1rem}.modern-path-steps{padding:0 1.5rem}.modern-path-steps li{font-size:1rem}.modern-path-note{padding:.7rem 1.5rem}}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 #2196f3b3}50%{transform:scale(1.02);box-shadow:0 0 0 20px #2196f300}to{transform:scale(1);box-shadow:0 0 #2196f300}}.about-page{min-height:100vh;cursor:none!important}.about-page *{cursor:none!important}.about-page .hero{text-align:center;z-index:1;background:0 0;justify-content:center;align-items:center;min-height:60vh;padding-top:120px;display:flex;position:relative}.about-page .hero-content h1{margin-bottom:var(--spacing-md);font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2;background:linear-gradient(45deg,#2196f3,#1976d2)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .about-page .hero-content h1{background:linear-gradient(45deg,#b388ff,#9575cd)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.about-page .hero-content p{color:#1a1a1a;max-width:600px;margin:0 auto;font-size:1.2rem}[data-theme=dark] .about-page .hero-content p{color:var(--text-secondary-dark)}@media (width<=768px){.about-page .hero{min-height:50vh;padding-top:100px}.about-page .hero-content p{padding:0 var(--spacing-sm);font-size:1rem}}.our-story{padding:var(--spacing-2xl) 0;z-index:1;background:0 0;position:relative}.story-content{max-width:900px;margin:0 auto;padding:2.5rem 0}.story-content h2{text-align:center;letter-spacing:-1px;background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-size:2.2rem;font-weight:700}[data-theme=dark] .story-content h2{background:linear-gradient(45deg,#b388ff,#9575cd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.story-text{color:#000;background:#fff;border-radius:18px;padding:2.2rem 2rem 2rem;font-size:1.13rem;line-height:1.7;box-shadow:0 4px 24px #50507814}[data-theme=dark] .story-text{color:#fff;background:#1a1a2e;box-shadow:0 4px 24px #0000004d}.story-text p{margin-bottom:1.2em}.story-text p:last-child{margin-bottom:0}@media (width<=768px){.our-story{padding:var(--spacing-xl) 0}.story-content{padding:1.5rem 0}.story-content h2{font-size:1.8rem}.story-text{padding:1.5rem;font-size:1rem}}.mission-vision{padding:var(--spacing-2xl) 0;background:var(--surface-solid,#f0f8ff);z-index:1;position:relative}.mv-content{max-width:900px;margin:0 auto;padding:2.5rem 0}.mv-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.mv-card{color:#000;background:#fff;border-radius:18px;flex:340px;min-width:300px;margin-bottom:1.5rem;padding:2rem 1.5rem;box-shadow:0 4px 24px #50507814}[data-theme=dark] .mv-card{color:#fff;background:#1a1a2e;box-shadow:0 4px 24px #0000004d}.mv-header{align-items:center;gap:.7em;margin-bottom:.7em;display:flex}.mv-header i{font-size:1.7em}.mv-header h3{margin:0;font-size:1.25em;font-weight:600}.mv-card p{color:inherit;margin:0;font-size:1.08em;line-height:1.7}.vision .mv-header i,.vision .mv-header h3{background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .vision .mv-header i,[data-theme=dark] .vision .mv-header h3{background:linear-gradient(45deg,#b388ff,#9575cd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mission .mv-header i,.mission .mv-header h3{color:var(--primary)}@media (width<=768px){.mission-vision{padding:var(--spacing-xl) 0}.mv-content{padding:1.5rem 0}.mv-grid{flex-direction:column;gap:1.5rem}.mv-card{min-width:auto;padding:1.5rem}}.our-values{padding:var(--spacing-2xl) 0;z-index:1;background:0 0;position:relative}.our-values h2{text-align:center;letter-spacing:-1px;background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(1.8rem,4vw,2.1rem);font-weight:700}[data-theme=dark] .our-values h2{background:linear-gradient(45deg,#b388ff,#9575cd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.values-grid{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:950px;margin:0 auto;display:flex}.value-card{text-align:center;color:#000;background:#fff;border-radius:16px;flex:260px;min-width:220px;margin-bottom:1.5rem;padding:1.5rem 1.2rem;transition:all .3s;box-shadow:0 4px 24px #50507814}[data-theme=dark] .value-card{color:#fff;background:#1a1a2e;box-shadow:0 4px 24px #0000004d}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #50507826}.value-emoji{margin-bottom:.5em;font-size:2em}.value-card h3{background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5em;font-size:1.15em;font-weight:600}[data-theme=dark] .value-card h3{background:linear-gradient(45deg,#b388ff,#9575cd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.value-card p{color:inherit;margin:0;font-size:1em;line-height:1.6}@media (width<=768px){.our-values{padding:var(--spacing-xl) 0}.values-grid{flex-direction:column;gap:1.5rem}.value-card{min-width:auto;padding:1.2rem}}.leadership-team{padding:var(--spacing-2xl) 0;background:var(--surface-solid,#f0f8ff);z-index:1;position:relative}.leadership-team h2{text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.team-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.team-member{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:0 0;border:1px solid #ffffff1a;width:100%;transition:all .3s;overflow:hidden}.team-member:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.member-image{background:linear-gradient(45deg, var(--primary), var(--secondary));justify-content:center;align-items:center;height:200px;display:flex}.member-image img{object-fit:cover;border:4px solid #4e73df;border-radius:50%;width:90px;height:90px}.member-info{padding:var(--spacing-xl)}.member-info h3{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:600}.member-role{color:var(--primary);margin-bottom:var(--spacing-md);font-weight:500}.member-bio{color:#1a1a1a;margin-bottom:var(--spacing-md);line-height:1.6}[data-theme=dark] .member-bio{color:var(--text-secondary-dark)}.member-expertise{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.member-expertise span{background:var(--surface);color:var(--primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.social-links{gap:var(--spacing-sm);display:flex}.social-links a{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{background:var(--accent);transform:translateY(-3px)}@media (width<=768px){.leadership-team{padding:var(--spacing-xl) 0}.team-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.member-info{padding:var(--spacing-lg)}.leadership-team h2{margin-bottom:var(--spacing-xl)}}.stay-connected-page{min-height:100vh;cursor:none!important}.stay-connected-page *{cursor:none!important}.stay-connected-page .hero{text-align:center;z-index:1;background:0 0;justify-content:center;align-items:center;min-height:60vh;padding-top:120px;display:flex;position:relative}.stay-connected-page .hero-content h1{margin-bottom:var(--spacing-md);color:#000;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2}[data-theme=dark] .stay-connected-page .hero-content h1{color:#fff}.stay-connected-page .hero-content p{color:#1a1a1a;max-width:600px;margin:0 auto;font-size:1.2rem}[data-theme=dark] .stay-connected-page .hero-content p{color:var(--text-secondary-dark)}@media (width<=768px){.stay-connected-page .hero{min-height:50vh;padding-top:100px}.stay-connected-page .hero-content p{padding:0 var(--spacing-sm);font-size:1rem}}.contact-info{padding:var(--spacing-2xl) 0}.contact-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#000;background:#fff;border:1px solid #ffffff1a;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .contact-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.contact-card p{color:inherit;margin-bottom:var(--spacing-lg);word-break:break-word;flex-grow:1;line-height:1.8}.call-buttons{flex-direction:column;gap:.5rem;display:flex}@media (width<=768px){.contact-info{padding:var(--spacing-xl) 0}.contact-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.contact-card{padding:var(--spacing-lg)}}.social-media{padding:var(--spacing-2xl) 0;background:var(--surface)}.social-media>p{text-align:center;color:#000;margin-bottom:var(--spacing-2xl);font-size:1.1rem}[data-theme=dark] .social-media>p{color:var(--text-secondary-dark)}.social-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);color:#000;background:#fff;border:1px solid #ffffff1a;transition:all .3s;position:relative;overflow:hidden}[data-theme=dark] .social-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a}.social-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.social-btn{width:100%;color:inherit;background:0 0;border:2px solid;transition:all .3s}@media (width<=768px){.social-media{padding:var(--spacing-xl) 0}.social-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.social-card{padding:var(--spacing-lg)}.social-media>p{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm)}}.contact-info{padding:var(--spacing-2xl) 0;z-index:1;background:0 0;position:relative}.contact-info h2{text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.contact-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;margin:0 auto;display:grid}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#000;background:#fff;border:1px solid #ffffff1a;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .contact-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d}.contact-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.contact-card:hover:before{transform:scaleX(1)}.contact-card:hover{transform:translateY(-10px);box-shadow:0 8px 32px #00000026}[data-theme=dark] .contact-card:hover{box-shadow:0 8px 32px #00000080}.contact-icon{margin-bottom:var(--spacing-lg)}.contact-icon i{color:var(--primary);font-size:3rem}.contact-card h3{margin-bottom:var(--spacing-md);color:inherit;font-size:1.5rem;font-weight:600}.contact-card p{color:inherit;margin-bottom:var(--spacing-sm);word-break:break-word;line-height:1.8}.contact-card p strong{color:var(--primary);font-weight:600}.call-buttons{margin-top:var(--spacing-md);flex-direction:column;gap:.5rem;display:flex}.social-media{padding:var(--spacing-2xl) 0;background:var(--surface-solid,#f0f8ff);z-index:1;position:relative}.social-media h2{text-align:center;margin-bottom:var(--spacing-md);background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.social-media>.container>p{text-align:center;color:#000;margin-bottom:var(--spacing-2xl);font-size:1.1rem}[data-theme=dark] .social-media>.container>p{color:var(--text-secondary-dark)}.social-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.social-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);color:#000;background:#fff;border:1px solid #ffffff1a;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .social-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d}.social-card:before{content:"";height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.social-card.instagram:before{background:#e4405f}.social-card.youtube:before{background:red}.social-card.linkedin:before{background:#0077b5}.social-card.twitter:before{background:#1da1f2}.social-card.telegram:before{background:#08c}.social-card.whatsapp:before{background:#25d366}.social-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #00000026}[data-theme=dark] .social-card:hover{box-shadow:0 8px 32px #00000080}.social-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.social-header i{font-size:2.5rem}.social-card.instagram i{color:#e4405f}.social-card.youtube i{color:red}.social-card.linkedin i{color:#0077b5}.social-card.twitter i{color:#1da1f2}.social-card.telegram i{color:#08c}.social-card.whatsapp i{color:#25d366}.social-info h3{margin-bottom:var(--spacing-xs);color:inherit;font-size:1.3rem;font-weight:600}.social-info p{color:inherit;text-align:left;margin-bottom:0;font-size:.9rem}.social-content p{color:inherit;margin-bottom:var(--spacing-md);text-align:left;line-height:1.6}.recent-posts{padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);background:#0000000d}[data-theme=dark] .recent-posts{background:#ffffff1a}.post-preview{color:inherit;word-break:break-word;font-size:.9rem;font-style:italic}.social-btn{width:100%;color:inherit;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;text-align:center;background:0 0;border:2px solid;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.instagram .social-btn{border-color:#e4405f}.instagram .social-btn:hover{color:#fff;background:#e4405f}.youtube .social-btn{border-color:red}.youtube .social-btn:hover{color:#fff;background:red}.linkedin .social-btn{border-color:#0077b5}.linkedin .social-btn:hover{color:#fff;background:#0077b5}.twitter .social-btn{border-color:#1da1f2}.twitter .social-btn:hover{color:#fff;background:#1da1f2}.telegram .social-btn{border-color:#08c}.telegram .social-btn:hover{color:#fff;background:#08c}.whatsapp .social-btn{border-color:#25d366}.whatsapp .social-btn:hover{color:#fff;background:#25d366}@media (width<=768px){.contact-info{padding:var(--spacing-xl) 0}.contact-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.contact-card{padding:var(--spacing-lg)}.social-media{padding:var(--spacing-xl) 0}.social-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.social-card{padding:var(--spacing-lg)}.social-media h2{margin-bottom:var(--spacing-xl)}.social-media>.container>p{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm)}}.feedback-page{min-height:100vh;cursor:none!important}.feedback-page *{cursor:none!important}.feedback-page .hero{text-align:center;z-index:1;background:0 0;justify-content:center;align-items:center;min-height:60vh;padding-top:120px;display:flex;position:relative}.feedback-page .hero-content h1{margin-bottom:var(--spacing-md);color:#000;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2}[data-theme=dark] .feedback-page .hero-content h1{color:#fff}.feedback-page .hero-content p{color:#1a1a1a;max-width:600px;margin:0 auto;font-size:1.2rem}[data-theme=dark] .feedback-page .hero-content p{color:var(--text-secondary-dark)}.feedback-center{padding:var(--spacing-2xl) 0}.feedback-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#000;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff;border:1px solid #ffffff1a;max-width:800px;margin-left:auto;margin-right:auto;transition:all .3s;position:relative;overflow:hidden}[data-theme=dark] .feedback-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a}.feedback-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.dropdown-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dropdown-btn i{transition:transform .3s}.dropdown-btn.active i{transform:rotate(180deg)}@media (width<=768px){.feedback-page .hero{min-height:50vh;padding-top:100px}.feedback-page .hero-content p{padding:0 var(--spacing-sm);font-size:1rem}.feedback-center{padding:var(--spacing-xl) 0}.feedback-card{padding:var(--spacing-lg)}}.feedback-center{padding:var(--spacing-2xl) 0;z-index:1;background:0 0;position:relative}.feedback-intro{text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl);color:#000;font-size:1.1rem;line-height:1.8}[data-theme=dark] .feedback-intro{color:var(--text-secondary-dark)}.feedback-intro p{margin-bottom:var(--spacing-md)}.feedback-intro strong{color:var(--primary)}.feedback-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#000;margin-bottom:var(--spacing-xl);background:#fff;border:1px solid #ffffff1a;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}[data-theme=dark] .feedback-card{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d}.feedback-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feedback-card:hover:before{transform:scaleX(1)}.feedback-card:hover{transform:translateY(-10px);box-shadow:0 8px 32px #00000026}[data-theme=dark] .feedback-card:hover{box-shadow:0 8px 32px #00000080}.feedback-icon{margin-bottom:var(--spacing-lg)}.feedback-icon i{color:var(--primary);font-size:3rem}.feedback-card h3{margin-bottom:var(--spacing-md);color:inherit;font-size:1.5rem;font-weight:600}.feedback-card p{color:inherit;margin-bottom:var(--spacing-lg);line-height:1.8}.dropdown-container{margin-bottom:var(--spacing-lg);position:relative}.dropdown-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-lg);font-family:var(--font-primary);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.dropdown-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dropdown-btn i:last-child{transition:transform .3s}.dropdown-btn.active i:last-child{transform:rotate(180deg)}.dropdown-content{background:var(--surface);border-radius:var(--radius-md);max-height:0;margin-top:var(--spacing-sm);transition:max-height .3s;overflow:hidden}.dropdown-content.active{max-height:400px}.dropdown-item{padding:var(--spacing-md);color:#000;text-align:left;border-bottom:1px solid #ffffff1a;font-size:.95rem}[data-theme=dark] .dropdown-item{color:#fff}.dropdown-item:last-child{border-bottom:none}.dropdown-item strong{color:var(--primary)}.feedback-row{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.promise-card{text-align:center}.promise-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.promise-item{text-align:center;padding:var(--spacing-lg);transition:transform .3s}.promise-item:hover{transform:translateY(-5px)}.promise-item i{color:var(--primary);margin-bottom:var(--spacing-md);font-size:2rem}.promise-item p{margin:0;font-size:.95rem}.promise-note{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--surface)}.promise-note p{margin-bottom:var(--spacing-sm)}.promise-note em{color:#1a1a1a}[data-theme=dark] .promise-note em{color:var(--text-secondary-dark)}@media (width<=768px){.feedback-center{padding:var(--spacing-xl) 0}.feedback-intro{padding:0 var(--spacing-sm);font-size:1rem}.feedback-card{padding:var(--spacing-lg)}.feedback-row{gap:var(--spacing-lg);grid-template-columns:1fr}.promise-grid{gap:var(--spacing-md);grid-template-columns:1fr}.promise-item{padding:var(--spacing-md)}}.auth-page{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.auth-container{z-index:10;width:100%;max-width:420px;margin:0 auto}.auth-card{box-sizing:border-box;background:linear-gradient(#f4f7fb 0%,#fff 100%);border:5px solid #fff;border-radius:40px;width:100%;padding:35px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 30px 60px -20px #667eea66}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.form-group input{color:#2d3748;width:100%;font-family:var(--font-primary);box-sizing:border-box;background:#fff;border:2px solid #0000;border-radius:20px;padding:15px 20px;font-size:1rem;transition:all .3s;box-shadow:0 10px 10px -5px #667eea33}.auth-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-sizing:border-box;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;margin:25px 0 20px;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 20px 20px -15px #667eea66}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-page.theme-blue{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);position:relative;overflow:hidden}.auth-page.theme-blue:before{content:"";opacity:.3;background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite moveGrid;position:absolute;top:-50%;left:-50%}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-page.theme-blue .auth-card{background:linear-gradient(#f0f8ff 0%,#fff 100%);border:5px solid #fff;border-radius:40px;padding:35px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 30px 60px -20px #2196f366}.auth-page.theme-blue .auth-logo h1{background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:900}.auth-page.theme-blue .auth-header h2{color:#1976d2;letter-spacing:-.5px;margin:0 0 10px;font-size:2rem;font-weight:900}.auth-page.theme-blue .auth-icon-badge{background:linear-gradient(45deg,#ffffffe6,#ffffffb3);border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:15px auto;display:flex;position:relative;box-shadow:0 8px 25px #2196f333}.auth-page.theme-blue .auth-icon-badge i{color:#2196f3;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;line-height:1;display:flex}.auth-page.theme-blue .form-group label i{color:#2196f3;font-size:1rem}.auth-page.theme-blue .form-group input{color:#000;width:100%;font-family:var(--font-primary);background:#fff;border:2px solid #0000;border-radius:20px;padding:15px 20px;font-size:1rem;transition:all .3s;box-shadow:0 10px 10px -5px #2196f333}.auth-page.theme-blue .form-group input::placeholder{color:#333}.auth-page.theme-blue .form-group input:focus{border:2px solid #2196f3;outline:none;transform:translateY(-2px);box-shadow:0 10px 20px -5px #2196f34d}.auth-page.theme-blue .password-toggle:hover:not(:disabled){color:#2196f3}.auth-page.theme-blue .forgot-link{color:#2196f3;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.auth-page.theme-blue .forgot-link:hover{color:#1976d2;text-decoration:underline}.auth-page.theme-blue .auth-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#2196f3 0%,#1976d2 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;margin:25px 0 20px;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 20px 20px -15px #2196f366}.auth-page.theme-blue .auth-btn:hover:not(:disabled){transform:scale(1.03)translateY(-2px);box-shadow:0 25px 25px -15px #2196f380}.auth-page.theme-blue .auth-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 15px 15px -10px #2196f34d}.auth-page.theme-blue .auth-switch a{color:#2196f3;font-size:1rem;font-weight:700;transition:all .2s}.auth-page.theme-blue .auth-switch a:hover{color:#1976d2;text-decoration:underline}.auth-page.theme-blue .custom-cursor{border-color:#2196f3}.auth-page.theme-blue .cursor-dot{background-color:#2196f3}.auth-page.theme-violet{background:linear-gradient(135deg,#b388ff 0%,#7c4dff 100%);position:relative;overflow:hidden}.auth-page.theme-violet:before{content:"";opacity:.3;background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite moveGrid;position:absolute;top:-50%;left:-50%}.auth-page.theme-violet .auth-card{background:linear-gradient(#faf5ff 0%,#fff 100%);border:5px solid #fff;border-radius:40px;padding:35px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 30px 60px -20px #b388ff66}.auth-page.theme-violet .auth-logo h1{background:linear-gradient(45deg,#b388ff,#7c4dff);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:900}.auth-page.theme-violet .auth-header h2{color:#7c4dff;letter-spacing:-.5px;margin:0 0 10px;font-size:2rem;font-weight:900}.auth-page.theme-violet .auth-icon-badge{background:linear-gradient(45deg,#ffffffe6,#ffffffb3);border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:15px auto;display:flex;position:relative;box-shadow:0 8px 25px #b388ff33}.auth-page.theme-violet .auth-icon-badge i{color:#b388ff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;line-height:1;display:flex}.auth-page.theme-violet .form-group label i{color:#b388ff;font-size:1rem}.auth-page.theme-violet .form-group input{color:#000;width:100%;font-family:var(--font-primary);background:#fff;border:2px solid #0000;border-radius:20px;padding:15px 20px;font-size:1rem;transition:all .3s;box-shadow:0 10px 10px -5px #b388ff33}.auth-page.theme-violet .form-group input::placeholder{color:#333}.auth-page.theme-violet .form-group input:focus{border:2px solid #b388ff;outline:none;transform:translateY(-2px);box-shadow:0 10px 20px -5px #b388ff4d}.auth-page.theme-violet .password-toggle:hover:not(:disabled){color:#b388ff}.auth-page.theme-violet .forgot-link{color:#b388ff;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.auth-page.theme-violet .forgot-link:hover{color:#7c4dff;text-decoration:underline}.auth-page.theme-violet .auth-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#b388ff 0%,#7c4dff 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;margin:25px 0 20px;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 20px 20px -15px #b388ff66}.auth-page.theme-violet .auth-btn:hover:not(:disabled){transform:scale(1.03)translateY(-2px);box-shadow:0 25px 25px -15px #b388ff80}.auth-page.theme-violet .auth-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 15px 15px -10px #b388ff4d}.auth-page.theme-violet .auth-switch a{color:#b388ff;font-size:1rem;font-weight:700;transition:all .2s}.auth-page.theme-violet .auth-switch a:hover{color:#7c4dff;text-decoration:underline}.auth-page.theme-violet .custom-cursor{border-color:#b388ff}.auth-page.theme-violet .cursor-dot{background-color:#b388ff}.theme-toggle-btn{z-index:1000;position:fixed;top:20px;right:20px}.theme-toggle-btn button{border:2px solid var(--primary-color,#2196f3);cursor:pointer;width:50px;height:50px;color:var(--primary-color,#2196f3);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.theme-blue .theme-toggle-btn button{--primary-color:#2196f3;color:#2196f3;border-color:#2196f3}.theme-violet .theme-toggle-btn button{--primary-color:#b388ff;color:#b388ff;border-color:#b388ff}.theme-toggle-btn button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000026}.theme-blue .theme-toggle-btn button:hover{background:#2196f31a}.theme-violet .theme-toggle-btn button:hover{background:#b388ff1a}.auth-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";opacity:.3;background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite moveGrid;position:absolute;top:-50%;left:-50%}.auth-container{z-index:10;width:100%;max-width:420px}.auth-card{background:linear-gradient(#f4f7fb 0%,#fff 100%);border:5px solid #fff;border-radius:40px;padding:35px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 30px 60px -20px #667eea66}.auth-icon-badge{color:#667eea;background:linear-gradient(45deg,#ffffffe6,#ffffffb3);border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:15px auto;font-size:1.5rem;display:inline-flex;box-shadow:0 8px 25px #0000001a}.theme-blue .auth-icon-badge{color:#2196f3;box-shadow:0 8px 25px #2196f333}.theme-violet .auth-icon-badge{color:#9c27b0;box-shadow:0 8px 25px #9c27b033}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{margin-bottom:15px;text-decoration:none;display:inline-block}.auth-logo h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:900}.theme-blue .auth-logo h1{background:linear-gradient(45deg,#2196f3,#1976d2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.theme-violet .auth-logo h1{background:linear-gradient(45deg,#9c27b0,#7b1fa2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-header h2{color:#667eea;letter-spacing:-.5px;margin:0 0 10px;font-size:2rem;font-weight:900}.theme-blue .auth-header h2{color:#1976d2}.theme-violet .auth-header h2{color:#7b1fa2}.auth-header p{color:#718096;margin:0;font-size:.95rem}.auth-form{margin-top:25px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.form-group label i{color:#667eea;font-size:1rem}.theme-blue .form-group label i{color:#2196f3}.theme-violet .form-group label i{color:#9c27b0}.form-group input{color:#2d3748;width:100%;font-family:var(--font-primary);background:#fff;border:2px solid #0000;border-radius:20px;padding:15px 20px;font-size:1rem;transition:all .3s;box-shadow:0 10px 10px -5px #667eea33}.theme-blue .form-group input{box-shadow:0 10px 10px -5px #2196f333}.theme-violet .form-group input{box-shadow:0 10px 10px -5px #9c27b033}.form-group input::placeholder{color:#a0aec0}.form-group input:focus{border:2px solid #667eea;outline:none;transform:translateY(-2px);box-shadow:0 10px 20px -5px #667eea4d}.theme-blue .form-group input:focus{border:2px solid #2196f3;box-shadow:0 10px 20px -5px #2196f34d}.theme-violet .form-group input:focus{border:2px solid #9c27b0;box-shadow:0 10px 20px -5px #9c27b04d}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{padding-right:60px!important}.password-toggle{color:#a0aec0;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){color:#667eea;transform:translateY(-50%)scale(1.1)}.theme-blue .password-toggle:hover:not(:disabled){color:#2196f3}.theme-violet .password-toggle:hover:not(:disabled){color:#9c27b0}.password-toggle:disabled{opacity:.3;cursor:not-allowed}.password-toggle i{pointer-events:none}.form-footer{justify-content:flex-end;margin-top:12px;margin-bottom:10px;display:flex}.forgot-link{color:#667eea;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.theme-blue .forgot-link{color:#2196f3}.theme-violet .forgot-link{color:#9c27b0}.forgot-link:hover{color:#764ba2;text-decoration:underline}.theme-blue .forgot-link:hover{color:#1976d2}.theme-violet .forgot-link:hover{color:#7b1fa2}.auth-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;margin:25px 0 20px;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 20px 20px -15px #667eea66}.theme-blue .auth-btn{background:linear-gradient(45deg,#2196f3 0%,#1976d2 100%);box-shadow:0 20px 20px -15px #2196f366}.theme-violet .auth-btn{background:linear-gradient(45deg,#9c27b0 0%,#7b1fa2 100%);box-shadow:0 20px 20px -15px #9c27b066}.auth-btn:hover:not(:disabled){transform:scale(1.03)translateY(-2px);box-shadow:0 25px 25px -15px #667eea80}.theme-blue .auth-btn:hover:not(:disabled){box-shadow:0 25px 25px -15px #2196f380}.theme-violet .auth-btn:hover:not(:disabled){box-shadow:0 25px 25px -15px #9c27b080}.auth-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 15px 15px -10px #667eea4d}.theme-blue .auth-btn:active:not(:disabled){box-shadow:0 15px 15px -10px #2196f34d}.theme-violet .auth-btn:active:not(:disabled){box-shadow:0 15px 15px -10px #9c27b04d}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;border-top:2px solid #e2e8f0;margin-top:25px;padding-top:25px}.auth-switch p{color:#718096;margin-bottom:8px;font-size:.95rem}.auth-switch a{color:#667eea;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s}.theme-blue .auth-switch a{color:#2196f3}.theme-violet .auth-switch a{color:#9c27b0}.auth-switch a:hover{color:#764ba2;text-decoration:underline}.theme-blue .auth-switch a:hover{color:#1976d2}.theme-violet .auth-switch a:hover{color:#7b1fa2}.error-message{color:#c62828;background:linear-gradient(135deg,#f443361a,#f443360d);border-left:4px solid #f44336;border-radius:15px;align-items:center;gap:12px;margin-bottom:20px;padding:15px;font-weight:600;animation:.5s shake;display:flex;box-shadow:0 10px 20px -10px #f4433633}.error-message:before{content:"⚠️";font-size:1.3rem}.success-message{color:#2e7d32;background:linear-gradient(135deg,#4caf501a,#4caf500d);border-left:4px solid #4caf50;border-radius:15px;align-items:center;gap:12px;margin-bottom:20px;padding:15px;font-weight:600;animation:.5s slideDown;display:flex;box-shadow:0 10px 20px -10px #4caf5033}.success-message:before{content:"✓";font-size:1.3rem;font-weight:700}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}[data-theme=dark] .auth-card{background:linear-gradient(#141423 0%,#1e1e2d 100%);border-color:#ffffff1a}[data-theme=dark] .auth-header h2{color:#8b9cff}[data-theme=dark] .auth-header p{color:#a0aec0}[data-theme=dark] .form-group label{color:#e2e8f0}[data-theme=dark] .form-group input{color:#f7fafc;background:#ffffff0d;box-shadow:0 10px 10px -5px #667eea1a}[data-theme=dark] .form-group input::placeholder{color:#ffffff4d}[data-theme=dark] .form-group input:focus{background:#ffffff14}[data-theme=dark] .password-toggle{color:#fff6}[data-theme=dark] .password-toggle:hover:not(:disabled){color:#8b9cff}[data-theme=dark] .auth-switch{border-top-color:#ffffff1a}[data-theme=dark] .auth-switch p{color:#a0aec0}[data-theme=dark] .error-message{color:#ff6b6b;background:#f4433626}[data-theme=dark] .success-message{color:#81c784;background:#4caf5026}@media (width<=768px){.auth-page{padding:1rem}.auth-card{border-radius:30px;padding:30px 25px}.auth-header h2{font-size:1.75rem}.form-group input{padding:13px 18px}.auth-btn{padding:13px;font-size:1rem}}@media (width<=480px){.auth-card{padding:25px 20px}.auth-logo h1{font-size:1.2rem}.auth-header h2{font-size:1.5rem}}@media (width<=768px){.auth-page{padding:.5rem}.auth-container{max-width:100%;padding:0 1rem}.auth-card{border-radius:30px;margin:0;padding:30px 25px}.auth-header h2{font-size:1.75rem}.auth-logo h1{font-size:1.2rem}.form-group input{padding:13px 18px;font-size:.95rem}.password-input-wrapper input{padding-right:55px!important}.auth-btn{padding:13px;font-size:1rem}.auth-icon-badge{width:50px;height:50px}.auth-icon-badge i{font-size:1.3rem}.password-toggle{right:15px}}@media (width<=480px){.auth-page{padding:.25rem}.auth-container{padding:0 .5rem}.auth-card{border-radius:25px;padding:25px 20px}.auth-logo h1{font-size:1.1rem}.auth-header h2{font-size:1.5rem}.auth-header p,.form-group label{font-size:.85rem}.form-group input{padding:12px 16px;font-size:.9rem}.password-input-wrapper input{padding-right:50px!important}.auth-btn{padding:12px;font-size:.9rem}.auth-icon-badge{width:45px;height:45px}.auth-icon-badge i{font-size:1.2rem}.auth-switch p{font-size:.85rem}.auth-switch a{font-size:.9rem}.password-toggle{font-size:1rem;right:12px}}@media (width<=360px){.auth-card{padding:20px 15px}.auth-logo h1{font-size:1rem}.auth-header h2{font-size:1.3rem}.form-group input{padding:10px 14px;font-size:.85rem}.password-input-wrapper input{padding-right:45px!important}.auth-btn{padding:10px;font-size:.85rem}.auth-icon-badge{width:40px;height:40px}.auth-icon-badge i{font-size:1rem}.password-toggle{font-size:.9rem;right:10px}}@media (width>=1200px){.auth-container{max-width:450px}.auth-card{padding:40px 45px}.auth-header h2{font-size:2.2rem}.auth-logo h1{font-size:1.5rem}}@media (width>=1600px){.auth-container{max-width:500px}.auth-card{padding:45px 50px}.auth-header h2{font-size:2.5rem}.auth-logo h1{font-size:1.6rem}}.custom-cursor{pointer-events:none;z-index:9999;border:2px solid #667eea;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:fixed;transform:translate(-50%,-50%)}.theme-blue .custom-cursor{border-color:#2196f3}.theme-violet .custom-cursor{border-color:#9c27b0}.cursor-dot{background-color:#667eea;border-radius:50%;width:6px;height:6px}.theme-blue .cursor-dot{background-color:#2196f3}.theme-violet .cursor-dot{background-color:#9c27b0}@media (width<=768px){.custom-cursor{display:none!important}}.legal-page{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#0a0a1a 0%,#0d1117 50%,#0a0f1e 100%);min-height:100vh;font-family:Inter,system-ui,sans-serif}.legal-page__header{text-align:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid #6366f133;padding:3.5rem 1.5rem 3rem;position:relative;overflow:hidden}.legal-page__header:before{content:"";pointer-events:none;background:radial-gradient(70% 80% at 50% 0,#6366f11f,#0000);position:absolute;inset:0}.legal-page__back{color:#94a3b8cc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.legal-page__back:hover{color:#a5b4fc;background:#6366f114;border-color:#6366f166;transform:translate(-3px)}.legal-page__badge{color:#a5b4fc;letter-spacing:.1em;text-transform:uppercase;background:#6366f11f;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.legal-page__title{background:linear-gradient(135deg,#a5b4fc,#818cf8,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.2}.legal-page__subtitle{color:#94a3b8cc;max-width:560px;margin:0 auto;font-size:.95rem;line-height:1.6}.legal-page__meta{color:#94a3b88c;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.25rem;font-size:.78rem;display:flex}.legal-page__meta-item{align-items:center;gap:.4rem;display:flex}.legal-page__content{max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem}.legal-toc{background:#6366f10f;border:1px solid #6366f12e;border-radius:12px;margin-bottom:3rem;padding:1.5rem 1.75rem}.legal-toc__title{letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc;margin:0 0 .85rem;font-size:.72rem;font-weight:700}.legal-toc__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.legal-toc__list li a{color:#94a3b8cc;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.legal-toc__list li a:hover{color:#a5b4fc}.legal-toc__list li a:before{content:"§";color:#6366f180;flex-shrink:0;font-size:.75rem}.legal-section{margin-bottom:2.75rem;scroll-margin-top:80px}.legal-section__heading{color:#e2e8f0;border-bottom:1px solid #6366f126;align-items:center;gap:.75rem;margin:0 0 1rem;padding-bottom:.6rem;font-size:1.15rem;font-weight:700;display:flex}.legal-section__num{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:inline-flex}.legal-section p{color:#cbd5e1d9;margin:0 0 .85rem;font-size:.92rem;line-height:1.8}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{color:#cbd5e1d9;margin:.5rem 0 .85rem;padding-left:1.5rem;font-size:.92rem;line-height:1.8}.legal-section li{margin-bottom:.4rem}.legal-section strong{color:#e2e8f0;font-weight:600}.legal-section a{color:#a5b4fc;text-underline-offset:3px;-webkit-text-decoration:underline #a5b4fc66;text-decoration:underline #a5b4fc66;transition:color .2s}.legal-section a:hover{color:#c4b5fd}.legal-highlight{color:#cbd5e1e6;background:#6366f112;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem 1.25rem;font-size:.88rem;line-height:1.7}.legal-highlight strong{color:#a5b4fc}.legal-contact-box{background:#6366f114;border:1px solid #6366f138;border-radius:12px;margin-top:1rem;padding:1.5rem 1.75rem}.legal-contact-box p{color:#cbd5e1d9;margin:.3rem 0;font-size:.9rem}.legal-contact-box a{color:#a5b4fc;text-decoration:none}.legal-contact-box a:hover{text-decoration:underline}.legal-page__footer-bar{text-align:center;border-top:1px solid #ffffff0f;max-width:860px;margin:0 auto;padding:2rem 1.5rem}.legal-page__footer-bar p{color:#94a3b873;margin:0 0 .75rem;font-size:.8rem}.legal-page__footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;display:flex}.legal-page__footer-links a{color:#94a3b8a6;font-size:.8rem;text-decoration:none;transition:color .2s}.legal-page__footer-links a:hover{color:#a5b4fc}.legal-page__footer-links span{color:#94a3b840;font-size:.65rem}@media (width<=640px){.legal-page__header{padding:2.5rem 1rem 2rem}.legal-page__content{padding:2rem 1rem 4rem}.legal-toc__list{grid-template-columns:1fr}.legal-page__meta{flex-direction:column;gap:.5rem}}.html-course-root{--hp-primary:#e34f26;--hp-primary-dk:#c73e1d;--hp-secondary:#f16529;--hp-accent:#ff7043;--hp-bg:#fff8f5;--hp-bg-alt:#fff;--hp-card:#fff;--hp-border:#e34f261f;--hp-text:#1a1a2e;--hp-text-muted:#5a5a72;--hp-text-faint:#9898a8;--hp-grad:linear-gradient(135deg, #e34f26, #f16529);--hp-grad-dk:linear-gradient(135deg, #c73e1d, #e34f26);--hp-grad-soft:linear-gradient(135deg, #e34f2614, #f165290a);--hp-shadow-sm:0 1px 4px #0000000f;--hp-shadow-md:0 4px 20px #00000014;--hp-shadow-lg:0 12px 40px #0000001f;--hp-shadow-card:0 8px 32px #e34f261a;--hp-radius-sm:8px;--hp-radius-md:14px;--hp-radius-lg:20px;--hp-radius-xl:28px;--hp-radius-full:9999px;--hp-ease:cubic-bezier(.4, 0, .2, 1);--hp-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--hp-dur-fast:.2s;--hp-dur-mid:.35s;background:var(--hp-bg);color:var(--hp-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html.dark .html-course-root{--hp-bg:#0f0a08;--hp-bg-alt:#1a1210;--hp-card:#221815;--hp-border:#e34f262e;--hp-text:#f5f0ed;--hp-text-muted:#b8a8a0;--hp-text-faint:#7a6a62;--hp-shadow-card:0 8px 32px #e34f2626}.html-course-root *,.html-course-root :before,.html-course-root :after{box-sizing:border-box}.html-course-root .navbar{z-index:var(--z-sticky,200);background:var(--nav-bg,#fffffff2);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border,#e34f261a);box-shadow:none;will-change:box-shadow;transition:box-shadow .35s,background .3s,border-color .3s;position:sticky;top:0;left:0;right:0}.html-course-root .navbar.scrolled{box-shadow:var(--nav-shadow,0 2px 20px #00000017)}.html-course-root .navbar__inner{max-width:var(--max-width,1400px);justify-content:space-between;align-items:center;gap:1rem;height:70px;margin:0 auto;padding:0 5%;display:flex}.html-course-root .navbar__logo{letter-spacing:-.03em;color:var(--nav-link,#1a1a2e);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.15rem;font-size:1.45rem;font-weight:800;line-height:1;text-decoration:none;transition:transform .25s,opacity .25s;display:flex}.html-course-root .navbar__logo:hover{opacity:.9;transform:scale(1.04)}.html-course-root .navbar__logo-tag{color:var(--text-primary,#1a1a2e);font-family:var(--font-mono,"JetBrains Mono", monospace);font-size:1.15rem;font-weight:700}.html-course-root .navbar__logo-html{color:#e34f26;letter-spacing:-.04em;font-size:1.5rem;font-weight:900}.html-course-root .navbar__nav{align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.html-course-root .navbar__nav-item{align-items:center;display:flex}.html-course-root .navbar__nav-link{border-radius:var(--radius-sm,8px);color:var(--nav-link,#1a1a2e);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.html-course-root .navbar__nav-link i{font-size:1rem;line-height:1;transition:color .2s,transform .2s}.html-course-root .navbar__nav-link:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#e34f26,#f16529);border-radius:99px;width:70%;height:2.5px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.html-course-root .navbar__nav-link:hover{color:#e34f26;background-color:var(--nav-link-active-bg,#e34f2612);transform:translateY(-1px)}.html-course-root .navbar__nav-link:hover:after{transform:translate(-50%)scaleX(1)}.html-course-root .navbar__nav-link:hover i{color:#e34f26;transform:scale(1.15)}.html-course-root .navbar__nav-link.active{color:#e34f26;background-color:var(--nav-link-active-bg,#e34f2612);font-weight:600}.html-course-root .navbar__nav-link.active:after{background:linear-gradient(90deg,#e34f26,#f16529);transform:translate(-50%)scaleX(1)}.html-course-root .navbar__nav-link.active i{color:#e34f26}.html-course-root .navbar__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.html-course-root .navbar__theme-btn{border-radius:var(--radius-full,9999px);border:1.5px solid var(--border-color,#0000001a);width:40px;height:40px;color:var(--nav-link,#1a1a2e);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1.1rem;transition:background .25s,border-color .25s,color .25s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.html-course-root .navbar__theme-btn:hover{color:#e34f26;background:#e34f2614;border-color:#e34f264d;transform:scale(1.1)rotate(15deg);box-shadow:0 0 0 4px #e34f2614}.html-course-root .navbar__theme-btn i{line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .2s}.html-course-root .navbar__theme-btn .icon-sun{display:inline-flex}.html-course-root .navbar__theme-btn .icon-moon,html.dark .html-course-root .navbar__theme-btn .icon-sun{display:none}html.dark .html-course-root .navbar__theme-btn .icon-moon{display:inline-flex}html.dark .html-course-root .navbar__theme-btn{color:var(--nav-link,#f0f4ff);border-color:#f1652933}html.dark .html-course-root .navbar__theme-btn:hover{color:#f16529;background:#f165291f;border-color:#f1652966}.html-course-root .navbar__hamburger{border-radius:var(--radius-sm,8px);border:1.5px solid var(--border-color,#0000001a);width:42px;height:42px;color:var(--nav-link,#1a1a2e);cursor:pointer;z-index:calc(var(--z-sticky,200) + 10);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .2s,color .2s,border-color .2s,transform .2s;display:none}.html-course-root .navbar__hamburger:hover{color:#e34f26;background:#e34f2614;border-color:#e34f264d;transform:scale(1.05)}html.dark .html-course-root .navbar__hamburger{color:var(--nav-link,#f0f4ff);border-color:#ffffff1a}html.dark .html-course-root .navbar__hamburger:hover{color:#f16529;background:#f165291f;border-color:#f165294d}.html-course-root .navbar__overlay{-webkit-backdrop-filter:blur(3px);z-index:calc(var(--z-sticky,200) - 1);opacity:0;cursor:pointer;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.html-course-root .navbar__overlay.open{opacity:1;pointer-events:auto}.html-course-root .navbar__mobile-menu{background:var(--bg-surface,#fff);border-left:1px solid var(--border-color,#00000014);width:min(320px,85vw);height:100dvh;z-index:var(--z-sticky,200);flex-direction:column;padding:0;transition:right .35s cubic-bezier(.25,1,.5,1);display:none;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-8px 0 32px #0000001f}html.dark .html-course-root .navbar__mobile-menu{background:var(--bg-surface,#1a1a2e);border-left-color:var(--border-color,#ffffff12);box-shadow:-8px 0 40px #00000080}.html-course-root .navbar__mobile-menu.open{right:0}.html-course-root .navbar__mobile-header{border-bottom:1px solid var(--border-color,#0000000f);background:var(--bg-surface-alt,#fff0ea);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}html.dark .html-course-root .navbar__mobile-header{background:var(--bg-surface-alt,#16213e);border-bottom-color:var(--border-color,#ffffff0f)}.html-course-root .navbar__mobile-logo{color:var(--text-primary,#1a1a2e);align-items:center;gap:.15rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.html-course-root .navbar__mobile-close{border-radius:var(--radius-full,9999px);color:#e34f26;cursor:pointer;background:#e34f2614;border:1px solid #e34f2626;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s,transform .25s;display:flex}.html-course-root .navbar__mobile-close:hover{background:#e34f2626;transform:rotate(90deg)scale(1.1)}.html-course-root .navbar__mobile-nav{flex-direction:column;flex:1;gap:.3rem;padding:1.25rem 1rem;list-style:none;display:flex}.html-course-root .navbar__mobile-link{border-radius:var(--radius-md,12px);color:var(--text-primary,#1a1a2e);align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s,padding-left .2s;display:flex;position:relative;overflow:hidden}.html-course-root .navbar__mobile-link i{text-align:center;width:22px;color:var(--text-muted,#718096);flex-shrink:0;font-size:1.15rem;transition:color .2s,transform .2s}.html-course-root .navbar__mobile-link:hover{color:#e34f26;background:#e34f2612;padding-left:1.3rem}.html-course-root .navbar__mobile-link:hover i{color:#e34f26;transform:scale(1.15)}.html-course-root .navbar__mobile-link.active{color:#e34f26;background:linear-gradient(135deg,#e34f261f 0%,#f1652914 100%);border-left:3px solid #e34f26;padding-left:1.1rem;font-weight:600}.html-course-root .navbar__mobile-link.active i{color:#e34f26}.html-course-root .navbar__mobile-link.active:before{content:"";background:linear-gradient(#e34f26,#f16529);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.html-course-root .navbar__mobile-footer{border-top:1px solid var(--border-color,#0000000f);background:var(--bg-surface-alt,#fff0ea);flex-direction:column;gap:.75rem;padding:1.2rem 1.5rem;display:flex}html.dark .html-course-root .navbar__mobile-footer{background:var(--bg-surface-alt,#16213e);border-top-color:var(--border-color,#ffffff0f)}.html-course-root .navbar__mobile-theme-row{border-radius:var(--radius-md,12px);background:var(--card-bg,#fff);border:1px solid var(--card-border,#e34f2614);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}html.dark .html-course-root .navbar__mobile-theme-row{background:var(--card-bg,#1a1a2e)}.html-course-root .navbar__mobile-theme-label{color:var(--text-secondary,#4a5568);align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;display:flex}.html-course-root .navbar__mobile-theme-label i{color:#e34f26;font-size:1rem}.html-course-root .navbar__toggle-switch{flex-shrink:0;width:48px;height:26px;position:relative}.html-course-root .navbar__toggle-switch input{opacity:0;width:0;height:0;position:absolute}.html-course-root .navbar__toggle-track{background:var(--border-color,#0000001f);cursor:pointer;border-radius:26px;transition:background .3s;position:absolute;inset:0}.html-course-root .navbar__toggle-track:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.html-course-root .navbar__toggle-switch input:checked+.navbar__toggle-track{background:linear-gradient(135deg,#e34f26,#f16529)}.html-course-root .navbar__toggle-switch input:checked+.navbar__toggle-track:before{transform:translate(22px)}.html-course-root .navbar__progress{z-index:1;background:linear-gradient(90deg,#e34f26,#f16529);border-radius:0 2px 2px 0;width:0%;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}html.dark .html-course-root .navbar{background:var(--nav-bg,#0f0f0ff2);border-bottom-color:var(--nav-border,#e34f2626)}html.dark .html-course-root .navbar.scrolled{box-shadow:var(--nav-shadow,0 2px 20px #00000080)}html.dark .html-course-root .navbar__logo{color:var(--nav-link,#f0f4ff)}html.dark .html-course-root .navbar__logo-tag{color:var(--text-primary,#f0f4ff)}html.dark .html-course-root .navbar__nav-link{color:var(--nav-link,#f0f4ff)}html.dark .html-course-root .navbar__nav-link:hover{background-color:var(--nav-link-active-bg,#f165291a);color:#f16529}html.dark .html-course-root .navbar__nav-link.active{color:#f16529;background-color:var(--nav-link-active-bg,#f165291a)}html.dark .html-course-root .navbar__nav-link.active i,html.dark .html-course-root .navbar__nav-link:hover i{color:#f16529}html.dark .html-course-root .navbar__mobile-link{color:var(--text-primary,#f0f4ff)}html.dark .html-course-root .navbar__mobile-link:hover{color:#f16529;background:#f165291a}html.dark .html-course-root .navbar__mobile-link.active{color:#f16529;background:#f165291f;border-left-color:#f16529}html.dark .html-course-root .navbar__mobile-link i{color:var(--text-muted,#718096)}html.dark .html-course-root .navbar__mobile-link:hover i,html.dark .html-course-root .navbar__mobile-link.active i{color:#f16529}@media (width<=900px){.html-course-root .navbar__hamburger,.html-course-root .navbar__mobile-menu{display:flex}.html-course-root .navbar__overlay{display:block}.html-course-root .navbar__nav{display:none}.html-course-root .navbar__inner{padding:0 1.25rem}}@media (width<=480px){.html-course-root .navbar__inner{padding:0 1rem}.html-course-root .navbar__logo{font-size:1.15rem}.html-course-root .navbar__logo-html{font-size:1.2rem}.html-course-root .navbar__logo-tag{font-size:1rem}}.html-course-root .navbar__mobile-nav .navbar__mobile-item{opacity:0;transition:opacity .3s,transform .3s;transform:translate(20px)}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item{opacity:1;transform:translate(0)}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item:first-child{transition-delay:50ms}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item:nth-child(2){transition-delay:.1s}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item:nth-child(3){transition-delay:.15s}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item:nth-child(4){transition-delay:.2s}.html-course-root .navbar__mobile-menu.open .navbar__mobile-nav .navbar__mobile-item:nth-child(5){transition-delay:.25s}.html-course-root .navbar__skip-link{z-index:9999;color:#fff;border-radius:0 0 var(--radius-sm,8px) var(--radius-sm,8px);background:#e34f26;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1rem}.html-course-root .navbar__skip-link:focus{outline:none;top:0}.html-course-root .navbar__back-link,.js-basic-course-root .js-navbar__back-link,.js-int-course-root .navbar__back-link,.js-adv-course-root .navbar__back-link{white-space:nowrap;opacity:.85;border:1.5px solid;border-radius:20px;transition:all .2s;padding:.25rem .8rem!important;font-size:.8rem!important}.html-course-root .navbar__back-link:hover,.js-basic-course-root .js-navbar__back-link:hover,.js-int-course-root .navbar__back-link:hover,.js-adv-course-root .navbar__back-link:hover{opacity:1;transform:translate(-3px)}.html-course-root .navbar__back-link:after,.js-basic-course-root .js-navbar__back-link:after,.js-int-course-root .navbar__back-link:after,.js-adv-course-root .navbar__back-link:after{display:none!important}.html-course-root .js-navbar__mobile-back,.js-basic-course-root .js-navbar__mobile-back{border-top:1px solid #ffa50033;margin-top:.5rem;padding-top:.5rem}.cf-footer{color:#b0b9c8;font-family:var(--font-sans,"Inter", "Segoe UI", sans-serif);z-index:0;background-color:#0f0f0f;position:relative;overflow:hidden}.cf-footer:before{content:"";background:linear-gradient(90deg, var(--cf-color) 0%, var(--cf-color2,var(--cf-color)) 50%, var(--cf-color) 100%);z-index:1;background-size:200% 100%;height:3px;animation:4s infinite cfGradientShift;position:absolute;top:0;left:0;right:0}.cf-footer:after{content:"";background:radial-gradient(circle, rgba(var(--cf-rgb,99,102,241), .06) 0%, transparent 70%);pointer-events:none;z-index:0;width:480px;height:480px;position:absolute;top:-120px;left:-80px}@keyframes cfGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cf-body{z-index:1;grid-template-columns:1.4fr .8fr 1fr 3fr;align-items:start;gap:3rem 2rem;max-width:1500px;margin:0 auto;padding:4rem 5% 2.5rem;display:grid;position:relative}.cf-brand{flex-direction:column;gap:1rem;display:flex}.cf-logo{letter-spacing:-.03em;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;width:fit-content;font-size:1.45rem;font-weight:800;line-height:1;text-decoration:none;transition:opacity .25s;display:inline-flex}.cf-logo:hover{opacity:.85}.cf-logo-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:38px;height:38px}.cf-logo-texts{flex-direction:column;line-height:1.2;display:flex}.cf-logo-name{color:var(--cf-color,#6366f1);letter-spacing:-.02em;font-size:1rem;font-weight:900}.cf-logo-sub{color:#e0e0e0;letter-spacing:.03em;font-size:.72rem;font-weight:500}.cf-brand-divider{background:linear-gradient(90deg, var(--cf-color,#6366f1), var(--cf-color2,var(--cf-color,#6366f1)));border-radius:99px;flex-shrink:0;width:48px;height:3px;margin:.25rem 0}.cf-tagline{color:#8892a4;max-width:310px;font-size:.92rem;line-height:1.75}.cf-tagline strong{color:var(--cf-color,#6366f1)}.cf-social{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.25rem;display:flex}.cf-social-link{color:#8892a4;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.cf-social-link:before{content:"";background:var(--sl-bg,#6366f11f);opacity:0;border-radius:50%;transition:opacity .25s;position:absolute;inset:0}.cf-social-link:hover:before{opacity:1}.cf-social-link:hover{color:var(--sl-color,#6366f1);border-color:var(--sl-border,#6366f166);box-shadow:0 8px 20px #00000040, 0 0 0 3px var(--sl-ring,#6366f11a);transform:translateY(-4px)scale(1.08)}.cf-social-link i{z-index:1;line-height:1;transition:transform .25s;position:relative}.cf-social-link:hover i{transform:scale(1.1)}.cf-social-link--telegram{--sl-bg:#24a1de1f;--sl-color:#24a1de;--sl-border:#24a1de59;--sl-ring:#24a1de1a}.cf-social-link--whatsapp{--sl-bg:#25d3661f;--sl-color:#25d366;--sl-border:#25d36659;--sl-ring:#25d3661a}.cf-social-link--instagram{--sl-bg:#e4405f1f;--sl-color:#e4405f;--sl-border:#e4405f59;--sl-ring:#e4405f1a}.cf-social-link--youtube{--sl-bg:#ff00001f;--sl-color:red;--sl-border:#ff00004d;--sl-ring:#ff000014}.cf-col{flex-direction:column;gap:0;display:flex}.cf-col-heading{letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.8rem;font-weight:700;position:relative}.cf-col-heading:after{content:"";background:linear-gradient(90deg, var(--cf-color,#6366f1), var(--cf-color2,var(--cf-color,#6366f1)));border-radius:99px;width:32px;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.cf-col:hover .cf-col-heading:after{width:48px}.cf-links{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.cf-links li{align-items:center;display:flex}.cf-link{color:#8892a4;border-radius:4px;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.9rem;text-decoration:none;transition:color .2s,gap .2s,padding-left .2s;display:inline-flex}.cf-link i{opacity:0;color:var(--cf-color,#6366f1);flex-shrink:0;font-size:.8rem;transition:opacity .2s,transform .2s,color .2s;transform:translate(-4px)}.cf-link:hover{color:var(--cf-color,#6366f1);padding-left:4px}.cf-link:hover i{opacity:1;transform:translate(0)}.cf-contact-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.cf-contact-item{color:#8892a4;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.5;display:flex}.cf-contact-icon{background:rgba(var(--cf-rgb,99,102,241), .1);border:1px solid rgba(var(--cf-rgb,99,102,241), .15);width:32px;height:32px;color:var(--cf-color,#6366f1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.9rem;transition:background .25s,border-color .25s,transform .25s;display:flex}.cf-contact-item:hover .cf-contact-icon{background:rgba(var(--cf-rgb,99,102,241), .18);border-color:rgba(var(--cf-rgb,99,102,241), .3);transform:scale(1.08)}.cf-contact-text{flex-direction:column;gap:.1rem;display:flex}.cf-contact-label{letter-spacing:.05em;text-transform:uppercase;color:#5a6272;font-size:.72rem;font-weight:600}.cf-contact-value{color:#a0aec0;font-size:.85rem;transition:color .2s}.cf-contact-item:hover .cf-contact-value{color:var(--cf-color,#6366f1)}.cf-contact-link{color:inherit;text-decoration:none;transition:color .2s}.cf-contact-link:hover{color:var(--cf-color,#6366f1)}.cf-all-courses-grid{grid-template-columns:repeat(5,1fr);gap:1rem 1.25rem;display:grid}.cf-course-cat{flex-direction:column;gap:.5rem;display:flex}.cf-course-cat-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--cf-color,#6366f1);border-bottom:1px solid rgba(var(--cf-rgb,99,102,241), .2);white-space:nowrap;margin-bottom:.35rem;padding-bottom:.35rem;font-size:.65rem;font-weight:800}.cf-all-courses-grid .cf-links{gap:.35rem}.cf-bottom{z-index:1;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;max-width:1400px;margin:0 auto;padding:1.5rem 5%;display:flex;position:relative}.cf-bottom-left{color:#5a6272;align-items:center;gap:.5rem;margin:0;font-size:.835rem;display:flex}.cf-bottom-left i.cf-copyright{color:var(--cf-color,#6366f1);font-size:.9rem}.cf-heart{font-size:.8rem;animation:2.5s ease-in-out infinite cfPulse;color:var(--cf-color,#6366f1)!important}@keyframes cfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.cf-bottom-left strong{color:#8892a4;font-weight:600}.cf-bottom-right{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.cf-bottom-link{color:#5a6272;font-size:.835rem;text-decoration:none;transition:color .2s;position:relative}.cf-bottom-link:after{content:"";background:var(--cf-color,#6366f1);border-radius:99px;width:0%;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.cf-bottom-link:hover{color:var(--cf-color,#6366f1)}.cf-bottom-link:hover:after{width:100%}.cf-bottom-sep{color:#333a47;-webkit-user-select:none;user-select:none;font-size:.6rem}.cf-back-top{background:rgba(var(--cf-rgb,99,102,241), .08);border:1px solid rgba(var(--cf-rgb,99,102,241), .18);color:var(--cf-color,#6366f1);cursor:pointer;border-radius:99px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex}.cf-back-top i{font-size:.85rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cf-back-top:hover{background:rgba(var(--cf-rgb,99,102,241), .15);border-color:rgba(var(--cf-rgb,99,102,241), .35);box-shadow:0 6px 18px rgba(var(--cf-rgb,99,102,241), .2);transform:translateY(-3px)}.cf-back-top:hover i{transform:translateY(-3px)}.cf-powered{color:#3d4555;text-align:center;z-index:1;background:#0003;border-top:1px solid #ffffff08;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 5%;font-size:.78rem;display:flex;position:relative}.cf-powered a{color:#5a6272;font-weight:600;text-decoration:none;transition:color .2s}.cf-powered a:hover{color:var(--cf-color,#6366f1)}.cf-powered .cf-thunder{color:var(--cf-color,#6366f1);font-size:.85rem}@media (width<=1100px){.cf-body{grid-template-columns:1fr 1fr;gap:2.5rem 2rem;padding:3rem 1.5rem 2rem}.cf-brand{flex-flow:wrap;grid-column:1/-1;align-items:flex-start;gap:2rem}.cf-col--courses{grid-column:1/-1}.cf-all-courses-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=768px){.cf-body{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.25rem 1.5rem}.cf-brand{flex-direction:column;grid-column:1/1;gap:1rem}.cf-tagline{max-width:100%;font-size:.88rem}.cf-col--courses{grid-column:1/1}.cf-all-courses-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem 1rem}.cf-bottom{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem}.cf-bottom-left{flex-wrap:wrap;justify-content:center;font-size:.8rem}.cf-bottom-right{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.cf-back-top{justify-content:center;width:100%}}@media (width<=480px){.cf-body{grid-template-columns:1fr;gap:1.75rem;padding:2rem 1rem 1.25rem}.cf-all-courses-grid{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}.cf-bottom{gap:.75rem;padding:1rem}.cf-bottom-left{gap:.3rem;font-size:.76rem}.cf-back-top{padding:.5rem 1rem;font-size:.8rem}.cf-powered{gap:.3rem;padding:.65rem 1rem;font-size:.72rem}}@media print{.cf-footer:before,.cf-footer:after{display:none}.cf-social,.cf-back-top,.cf-powered{display:none!important}.cf-body{color:#333;background:#fff;grid-template-columns:repeat(3,1fr);padding:1rem 0}.cf-bottom{color:#555;border-top:1px solid #ccc}}.html-course-module{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative;color:#1a1a2e!important;background:#fff8f5!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}html.dark .html-course-root .html-course-module{color:#f0f0f0!important;background:#0d0d0d!important}.html-course-main{z-index:1;flex:1;width:100%;position:relative}.html-course-main .home{z-index:2;min-height:100%;position:relative}.html-course-module *,.html-course-module :before,.html-course-module :after{box-sizing:border-box}.html-course-module a,.html-course-module button{cursor:pointer!important}.html-course-module .btn--primary{color:#fff!important;background:linear-gradient(135deg,#e34f26,#f16529)!important}.html-course-module i{color:inherit}.html-course-module{--primary:#e34f26!important;--secondary:#f16529!important;--accent:#ff7043!important}.popular-courses-section{background:#fff;width:100%;padding:5rem 1.5rem 6rem;position:relative;overflow:hidden}.popular-courses-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-180px}.popular-courses-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-150px}.py-module-container .popular-courses-section{background:linear-gradient(#0a1520 0%,#0d1e30 50%,#0a1520 100%)}.py-module-container .popular-courses-section:before{background:radial-gradient(circle,#3776ab1f 0%,#0000 65%)}.py-module-container .popular-courses-section:after{background:radial-gradient(circle,#ffd43b12 0%,#0000 65%)}.py-module-container .popular-course-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(145deg,#0f233cf2,#0a1628fa);border-bottom-color:#3776ab26;border-left-color:#3776ab26;border-right-color:#3776ab26}.py-module-container .popular-course-card--active:hover{box-shadow:0 20px 50px #0006, 0 6px 20px #3776ab33, 0 0 0 2px var(--card-accent,#3776ab)}.py-module-container .popular-section-title{color:#e2e8f0}.py-module-container .popular-section-desc{color:#8fafc7}.py-module-container .popular-course-card__title{color:#e2e8f0}.py-module-container .popular-course-card__desc{color:#8fafc7}.popular-courses-container{z-index:1;max-width:1380px;margin:0 auto;position:relative}.popular-section-header{text-align:center;margin-bottom:3.5rem}.popular-section-pill{background:var(--surface,#6366f114);border:1.5px solid var(--primary,#6366f1);color:var(--primary,#6366f1);text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.45rem 1.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.popular-section-title{color:#000;letter-spacing:-.03em;margin-bottom:.85rem;font-family:Inter,sans-serif;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;line-height:1.15}.popular-section-title span{background:linear-gradient(135deg, var(--primary,#6366f1), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.popular-section-desc{color:#000;opacity:1;max-width:560px;margin:0 auto;font-size:.97rem;line-height:1.65}.popular-courses-grid{grid-template-columns:repeat(4,1fr);gap:1.4rem;display:grid}.popular-course-card{cursor:pointer;border-top:3px solid var(--card-accent,#6366f1);background:#fff;border-bottom:1px solid #00000012;border-left:1px solid #00000012;border-right:1px solid #00000012;border-radius:16px;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f,0 1px 3px #0000000a}.popular-course-card--active:hover{box-shadow:0 20px 45px #0000001f, 0 6px 16px #00000014, 0 0 0 2px var(--card-accent,#6366f1);transform:translateY(-7px)}html.dark .popular-course-card{background:var(--surface,#1e2030);border-bottom-color:#ffffff0f;border-left-color:#ffffff0f;border-right-color:#ffffff0f}.popular-course-card__img-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:210px;display:flex;position:relative;overflow:hidden;background-color:#fff!important}.popular-course-card__img-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000012);height:45px;position:absolute;bottom:0;left:0;right:0}.py-module-container .popular-course-card__img-wrap{background:linear-gradient(135deg,#081426f7 0%,#0c1c34f2 100%)!important}.py-module-container .popular-course-card__img-wrap:before{content:"";background:radial-gradient(ellipse at 50% 50%, rgba(var(--card-accent-rgb,55,118,171), .12) 0%, transparent 70%);pointer-events:none;z-index:0;position:absolute;inset:0}.py-module-container .popular-course-card__img{z-index:2;object-fit:contain;filter:drop-shadow(0 6px 20px #00000080)brightness(1.08)saturate(1.1);transition:transform .45s cubic-bezier(.34,1.56,.64,1),filter .3s;position:relative;width:90%!important;height:90%!important}.py-module-container .popular-course-card:hover .popular-course-card__img{filter:drop-shadow(0 10px 28px #0009)brightness(1.12)saturate(1.15);transform:scale(1.1)translateY(-4px)}.popular-course-card__img{object-fit:contain;object-position:center;z-index:1;filter:drop-shadow(0 4px 12px #0000001f);mix-blend-mode:multiply;width:85%;height:85%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:relative}.popular-course-card:hover .popular-course-card__img{transform:scale(1.1)translateY(-4px)}.popular-course-card__badge{z-index:3;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.popular-course-card__badge--live{color:#16a34a;background:#ffffffeb;border:1px solid #16a34a40}.popular-course-card__badge i{font-size:.6rem}.popular-course-card__body{flex-direction:column;flex:1;gap:.55rem;padding:1.15rem 1.2rem 1.3rem;display:flex}.popular-course-card__body:before{content:"";background:var(--card-accent,#6366f1);border-radius:9999px;width:36px;height:3px;margin-bottom:.1rem;display:block}.popular-course-card__title{color:#000;letter-spacing:-.01em;margin:0;font-family:Inter,sans-serif;font-size:.92rem;font-weight:800;line-height:1.3}.popular-course-card__desc{color:#000;opacity:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.popular-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.popular-btn--sm{padding:.55rem 1rem;font-size:.78rem}.popular-btn--primary{background:var(--card-accent,#6366f1);box-shadow:0 3px 10px #0000001f;color:#fff!important}.popular-btn--primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.popular-btn--disabled{background:var(--surface,#f8f8f8);opacity:.6;cursor:not-allowed;border:1.5px dashed var(--border-color,#0000001f);color:var(--text-secondary)!important}html.dark .popular-btn--disabled{background:#ffffff0a}@media (width<=1200px){.popular-courses-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem}}@media (width<=960px){.popular-courses-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width<=680px){.popular-courses-section{padding:3.5rem 1rem 4.5rem}.popular-courses-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.popular-course-card__img-wrap{height:170px}}@media (width<=420px){.popular-courses-grid{grid-template-columns:1fr;gap:1rem}.popular-course-card__img-wrap{height:190px}}.html-course-root{--hp-primary:#e34f26;--hp-primary-dk:#c73e1d;--hp-secondary:#f16529;--hp-accent:#ff7043;--hp-bg:#fff8f5;--hp-bg-alt:#fff;--hp-card:#fff;--hp-border:#e34f261f;--hp-text:#1a1a2e;--hp-text-muted:#3a3a52;--hp-text-faint:#6a6a82;--hp-grad:linear-gradient(135deg, #e34f26, #f16529);--hp-grad-dk:linear-gradient(135deg, #c73e1d, #e34f26);--hp-grad-soft:linear-gradient(135deg, #e34f2614, #f165290a);--hp-shadow-sm:0 1px 4px #0000000f;--hp-shadow-md:0 4px 20px #00000014;--hp-shadow-lg:0 12px 40px #0000001f;--hp-shadow-card:0 8px 32px #e34f261a;--hp-radius-sm:8px;--hp-radius-md:14px;--hp-radius-lg:20px;--hp-radius-xl:28px;--hp-radius-full:9999px;--hp-ease:cubic-bezier(.4, 0, .2, 1);--hp-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--hp-dur-fast:.2s;--hp-dur-mid:.35s;--hp-dur-slow:.6s;--hp-code-bg:#0d1117;--hp-code-bar:#161b22;--hp-code-line:#ffffff08;--hp-code-num:#484f58;--hp-stat-bg:#e34f2614}html.dark .html-course-root .home{--hp-bg:#0d0d0d;--hp-bg-alt:#111;--hp-card:#1a1a1a;--hp-border:#e34f262e;--hp-text:#f0f0f0;--hp-text-muted:#a0a0b8;--hp-text-faint:#606070;--hp-shadow-md:0 4px 20px #00000059;--hp-shadow-lg:0 12px 40px #00000073;--hp-shadow-card:0 8px 32px #e34f2626;--hp-stat-bg:#e34f261f;--hp-grad-soft:linear-gradient(135deg, #e34f261f, #f165290f)}.home{background-color:var(--hp-bg);color:var(--hp-text);min-height:100vh;transition:background-color var(--hp-dur-mid) var(--hp-ease), color var(--hp-dur-mid) var(--hp-ease);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.home i,.home .bi{color:inherit!important}.home .container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.html-course-root .section-header{text-align:center;margin-bottom:3.5rem}.html-course-root .section-pill{background:var(--hp-grad-soft);border:1px solid var(--hp-border);border-radius:var(--hp-radius-full);color:var(--hp-primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex}.html-course-root .section-pill i{font-size:.9rem}.html-course-root .section-title{color:var(--hp-text);letter-spacing:-.02em;margin-bottom:.85rem;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.html-course-root .section-desc{max-width:640px;color:var(--hp-text-muted);margin:0 auto;font-size:1.05rem;line-height:1.7}.html-course-root .btn{border-radius:var(--hp-radius-md);cursor:pointer;transition:all var(--hp-dur-fast) var(--hp-ease);white-space:nowrap;border:none;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.html-course-root .btn i{font-size:1.05em}.html-course-root .btn--sm{padding:.55rem 1.1rem;font-size:.875rem}.html-course-root .btn--md{padding:.75rem 1.4rem;font-size:.95rem}.html-course-root .btn--lg{padding:.9rem 1.8rem;font-size:1rem}.html-course-root .btn--primary{background:var(--hp-grad);color:#fff;box-shadow:0 4px 16px #e34f264d}.html-course-root .btn--primary:hover{background:var(--hp-grad-dk);transform:translateY(-3px);box-shadow:0 8px 24px #e34f2666}.html-course-root .btn--primary:active{transform:translateY(-1px)}.html-course-root .btn--ghost{border:2px solid var(--hp-primary);color:var(--hp-primary);background:0 0}.html-course-root .btn--ghost:hover{background:var(--hp-primary);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #e34f2640}.html-course-root .btn--white{color:var(--hp-primary);background:#fff;box-shadow:0 4px 16px #0000001f}.html-course-root .btn--white:hover{background:#f8f8f8;transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.html-course-root .btn--white-outline{color:#fff;background:0 0;border:2px solid #ffffffbf}.html-course-root .btn--white-outline:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)}.html-course-root .btn--disabled{color:var(--hp-primary);cursor:not-allowed;opacity:.75;background:#e34f261f}.html-course-root .hero{background:var(--hp-bg);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:max(8rem,12vh) 2rem 4rem;display:flex;position:relative}.html-course-root .hero__blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.html-course-root .hero__blob--1{background:radial-gradient(circle,#e34f262e 0%,#0000 70%);width:520px;height:520px;animation:10s ease-in-out infinite htmlBlobFloat;top:-140px;left:-160px}.html-course-root .hero__blob--2{background:radial-gradient(circle,#f1652924 0%,#0000 70%);width:400px;height:400px;animation:13s ease-in-out infinite reverse htmlBlobFloat;bottom:-80px;right:-100px}.html-course-root .hero__blob--3{background:radial-gradient(circle,#e34f260f 0%,#0000 70%);width:280px;height:280px;animation:8s ease-in-out 2s infinite htmlBlobFloat;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes htmlBlobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.04)}66%{transform:translate(-15px,15px)scale(.97)}}.html-course-root .hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}.html-course-root .hero__content{opacity:0;text-align:left;transition:opacity var(--hp-dur-slow) var(--hp-ease), transform var(--hp-dur-slow) var(--hp-ease);flex-direction:column;align-items:flex-start;display:flex;transform:translateY(30px)}.html-course-root .hero--visible .hero__content{opacity:1;transform:translateY(0)}.html-course-root .hero__badge{background:var(--hp-grad-soft);border:1px solid var(--hp-border);border-radius:var(--hp-radius-full);color:var(--hp-primary);letter-spacing:.04em;text-transform:uppercase;animation:htmlBadgePop .6s var(--hp-ease-bounce) both .2s;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.4rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.html-course-root .hero__badge i{font-size:1rem}@keyframes htmlBadgePop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.html-course-root .hero__title{letter-spacing:-.03em;color:var(--hp-text);margin-bottom:1.1rem;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;line-height:1.15}.html-course-root .hero__title-brand{background:var(--hp-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.html-course-root .hero__subtitle{color:var(--hp-text-muted);border-left:3px solid var(--hp-primary);margin-bottom:1.2rem;padding-left:.85rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.html-course-root .hero__desc{color:var(--hp-text-muted);max-width:520px;margin-bottom:2rem;font-size:1rem;line-height:1.8}.html-course-root .hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.html-course-root .hero__trust{flex-wrap:wrap;gap:.6rem 1.4rem;display:flex}.html-course-root .hero__trust-item{color:var(--hp-text-muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.html-course-root .hero__trust-item i{color:var(--hp-primary);font-size:.9rem}.html-course-root .hero__code-wrap{opacity:0;transition:opacity .8s var(--hp-ease) .2s, transform .8s var(--hp-ease) .2s;position:relative;transform:translate(40px)}.html-course-root .hero--visible .hero__code-wrap{opacity:1;transform:translate(0)}.html-course-root .hero__code-window{background:var(--hp-code-bg);border-radius:var(--hp-radius-lg);text-align:left;font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0000008c}.html-course-root .hero__code-bar{background:var(--hp-code-bar);border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.html-course-root .hero__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.html-course-root .hero__dot--red{background:#ff5f57}.html-course-root .hero__dot--yellow{background:#ffbd2e}.html-course-root .hero__dot--green{background:#28ca41}.html-course-root .hero__code-filename{color:#8b949e;align-items:center;gap:.4rem;margin-left:.5rem;font-size:.8rem;display:flex}.html-course-root .hero__code-filename i{color:var(--hp-secondary)}.html-course-root .hero__code-body{padding:1.2rem 0;overflow-x:auto}.html-course-root .hero__code-line{opacity:0;animation:htmlLineReveal .4s var(--hp-ease) forwards;transition:background var(--hp-dur-fast) var(--hp-ease);background:0 0;border-radius:2px;align-items:baseline;gap:1rem;padding:.22rem 1.2rem;font-size:.85rem;line-height:1.6;display:flex}.html-course-root .hero__code-line:hover{background:var(--hp-code-line)}@keyframes htmlLineReveal{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.html-course-root .hero__line-num{text-align:right;min-width:1.5rem;color:var(--hp-code-num);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.78rem}.html-course-root .hero__line-content{flex:1}.html-course-root .hl-tag{color:#e34f26}.html-course-root .hl-attr{color:#d19a66}.html-course-root .hl-str{color:#98c379}.html-course-root .hl-content{color:#abb2bf}.html-course-root .hero__float-badge{background:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius-full);color:var(--hp-text);box-shadow:var(--hp-shadow-md);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:absolute}.html-course-root .hero__float-badge i{color:var(--hp-primary);font-size:1rem}.html-course-root .hero__float-badge--1{animation:5s ease-in-out infinite htmlBadgeFloat;top:-18px;right:30px}.html-course-root .hero__float-badge--2{animation:6s ease-in-out 1.5s infinite reverse htmlBadgeFloat;bottom:-18px;left:20px}@keyframes htmlBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.html-course-root .hero__scroll-hint{color:var(--hp-text-faint);z-index:2;transition:color var(--hp-dur-fast) var(--hp-ease);font-size:1.3rem;text-decoration:none;animation:2s infinite htmlBounceDown;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.html-course-root .hero__scroll-hint:hover{color:var(--hp-primary)}@keyframes htmlBounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.html-course-root .stats-section{background:var(--hp-grad);padding:3.5rem 2rem;position:relative;overflow:hidden}.html-course-root .stats-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.html-course-root .stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid;position:relative}.html-course-root .stat-card{text-align:center;color:#fff;padding:1rem}.html-course-root .stat-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:56px;height:56px;transition:transform var(--hp-dur-mid) var(--hp-ease-bounce);background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;display:flex}.html-course-root .stat-card:hover .stat-icon-wrap{transform:scale(1.15)rotate(-5deg)}.html-course-root .stat-value{letter-spacing:-.04em;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1}.html-course-root .stat-label{opacity:.88;letter-spacing:.02em;font-size:.875rem;font-weight:500}.html-course-root .features-section{background:var(--hp-bg-alt);transition:background var(--hp-dur-mid) var(--hp-ease);padding:6rem 2rem}html.dark .html-course-root .features-section{background:var(--hp-bg-alt)}.html-course-root .features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.html-course-root .feature-card{background:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);color:var(--hp-text);box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur-mid) var(--hp-ease-bounce), box-shadow var(--hp-dur-mid) var(--hp-ease), border-color var(--hp-dur-mid) var(--hp-ease);flex-direction:column;gap:1rem;padding:2rem 1.75rem 1.75rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.html-course-root .feature-card:hover{box-shadow:var(--hp-shadow-card);transform:translateY(-8px)}.html-course-root .feature-card__icon-wrap{border-radius:var(--hp-radius-sm);background:var(--hp-grad-soft);width:54px;height:54px;color:var(--hp-primary);transition:transform var(--hp-dur-mid) var(--hp-ease-bounce), background var(--hp-dur-mid) var(--hp-ease);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.html-course-root .feature-card:hover .feature-card__icon-wrap{background:var(--hp-grad);color:#fff;transform:scale(1.12)rotate(-5deg)}.html-course-root .feature-card__title{color:var(--hp-text);letter-spacing:.01em;font-size:1rem;font-weight:700}.html-course-root .feature-card__desc{color:var(--hp-text-muted);flex:1;font-size:.9rem;line-height:1.65}.html-course-root .feature-card__cta{color:var(--hp-primary);writing-mode:horizontal-tb;transition:gap var(--hp-dur-fast) var(--hp-ease);flex-direction:row;align-items:center;gap:.35rem;margin-top:auto;font-size:.85rem;font-weight:600;display:inline-flex}.html-course-root .feature-card:hover .feature-card__cta{gap:.6rem}.html-course-root .feature-card__cta i{align-items:center;font-size:.85rem;line-height:1;display:inline-flex;transform:none!important}.html-course-root .courses-section{background:var(--hp-bg);transition:background var(--hp-dur-mid) var(--hp-ease);padding:6rem 2rem}.html-course-root .courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;display:grid}.html-course-root .course-card{background:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur-mid) var(--hp-ease-bounce), box-shadow var(--hp-dur-mid) var(--hp-ease), border-color var(--hp-dur-mid) var(--hp-ease);cursor:default;flex-direction:column;display:flex;overflow:hidden}.html-course-root .course-card--active{cursor:pointer}.html-course-root .course-card:hover{box-shadow:var(--hp-shadow-card);border-color:var(--hp-primary);transform:translateY(-10px)scale(1.015)}.html-course-root .course-card__img-wrap{background:#f3f3f3;height:195px;position:relative;overflow:hidden}html.dark .html-course-root .course-card__img-wrap{background:#1a1a1a}.html-course-root .course-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--hp-ease)}.html-course-root .course-card:hover .course-card__img{transform:scale(1.07)}.html-course-root .course-card__badge{border-radius:var(--hp-radius-full);letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.html-course-root .course-card__badge--live{color:#fff;background:#e34f26e6}.course-card__badge i{font-size:.8rem}.html-course-root .course-card__body{flex-direction:column;flex:1;gap:.65rem;padding:1.4rem;display:flex}.html-course-root .course-card__title{color:var(--hp-text);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.35}.html-course-root .course-card__desc{color:var(--hp-text-muted);flex:1;font-size:.875rem;line-height:1.65}.html-course-root .testimonials-section{background:var(--hp-bg-alt);transition:background var(--hp-dur-mid) var(--hp-ease);padding:6rem 2rem;overflow:hidden}.html-course-root .testimonials-track{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.html-course-root .testimonial-card{background:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur-mid) var(--hp-ease-bounce), box-shadow var(--hp-dur-mid) var(--hp-ease);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.testimonial-card:hover{box-shadow:var(--hp-shadow-card);transform:translateY(-6px)}.testimonial-card:after{content:"";background:var(--hp-grad);transform-origin:0;height:3px;transition:transform var(--hp-dur-mid) var(--hp-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.testimonial-card:hover:after{transform:scaleX(1)}.html-course-root .testimonial-card__icon{border-radius:var(--hp-radius-sm);background:var(--hp-grad-soft);width:46px;height:46px;color:var(--hp-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.html-course-root .testimonial-card__quote-icon{color:var(--hp-border);margin-top:-.5rem;font-size:2.5rem;line-height:1}.html-course-root .testimonial-card__text{color:var(--hp-text-muted);flex:1;font-size:.95rem;font-style:italic;line-height:1.75}.html-course-root .testimonial-card__author{color:var(--hp-text);align-items:center;gap:.65rem;font-size:.875rem;font-weight:700;display:flex}.html-course-root .testimonial-card__author-dot{background:var(--hp-grad);border-radius:2px;flex-shrink:0;width:28px;height:3px}.html-course-root .cta-section{background:var(--hp-grad);text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.html-course-root .cta-section__blob{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.html-course-root .cta-section__blob--1{background:#ffffff1f;width:350px;height:350px;top:-100px;left:-80px}.html-course-root .cta-section__blob--2{background:#ffffff1a;width:280px;height:280px;bottom:-80px;right:-60px}.html-course-root .cta-section__inner{z-index:1;position:relative}.html-course-root .cta-section__icon{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;font-size:2rem;animation:3s ease-in-out infinite htmlIconPulse;display:flex}@keyframes htmlIconPulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 16px #fff0}}.html-course-root .cta-section__title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.html-course-root .cta-section__desc{color:#ffffffe0;max-width:620px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.75}.html-course-root .cta-section__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.float-theme-btn,.html-course-root .float-top-btn{cursor:pointer;z-index:900;width:46px;height:46px;transition:transform var(--hp-dur-mid) var(--hp-ease-bounce), box-shadow var(--hp-dur-mid) var(--hp-ease), opacity var(--hp-dur-fast) var(--hp-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;right:1.5rem;box-shadow:0 4px 16px #0000002e}.float-theme-btn{background:var(--hp-card);color:var(--hp-primary);border:1.5px solid var(--hp-border);bottom:5.5rem}.float-theme-btn:hover{transform:scale(1.15)rotate(20deg);box-shadow:0 6px 20px #00000038}.html-course-root .float-top-btn{background:var(--hp-grad);color:#fff;opacity:0;pointer-events:none;bottom:1.5rem;transform:translateY(10px)}.html-course-root .float-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.html-course-root .float-top-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e34f2666}@media (width<=1100px){.html-course-root .hero__inner{gap:2.5rem}.html-course-root .stats-grid{grid-template-columns:repeat(2,1fr)}.html-course-root .hero__float-badge--1,.html-course-root .hero__float-badge--2{display:none}}@media (width<=900px){.html-course-root .hero{min-height:unset;padding:6rem 1.5rem 5rem}.html-course-root .hero__inner{text-align:center;grid-template-columns:1fr;gap:3rem}.html-course-root .hero__content{flex-direction:column;align-items:center;display:flex}.html-course-root .hero__code-wrap{text-align:left;width:100%;max-width:500px;margin:0 auto}.html-course-root .hero__code-line,.html-course-root .hero__line-content{text-align:left}.html-course-root .hero__trust{justify-content:center}.html-course-root .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.html-course-root .features-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.html-course-root .courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.html-course-root .testimonials-track{grid-template-columns:1fr;gap:1rem}}@media (width<=768px){.html-course-root .container{padding:0 1.25rem}.html-course-root .hero{min-height:unset;padding:5rem 1.25rem 4rem}.html-course-root .hero__inner{gap:2.5rem}.html-course-root .hero__code-wrap{width:100%;max-width:100%;margin:0}.html-course-root .hero__code-window{width:100%;overflow-x:auto}.html-course-root .features-section,.html-course-root .courses-section,.html-course-root .testimonials-section,.html-course-root .cta-section{padding:4rem 1.25rem}.html-course-root .stats-section{padding:2.5rem 1.25rem}.html-course-root .section-header{margin-bottom:2.5rem}.html-course-root .features-grid{grid-template-columns:1fr 1fr;gap:1rem}.html-course-root .courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.html-course-root .testimonials-track{grid-template-columns:1fr}.html-course-root .cta-section__actions{flex-direction:column;align-items:center}.html-course-root .float-theme-btn{bottom:5rem;right:1rem}.html-course-root .float-top-btn{bottom:1rem;right:1rem}}@media (width<=500px){.html-course-root .hero{min-height:unset;padding:4rem 1rem 3rem}.html-course-root .hero__inner{gap:2rem}.html-course-root .hero__badge{padding:.35rem .9rem;font-size:.75rem}.html-course-root .hero__title{font-size:1.75rem}.html-course-root .hero__subtitle,.html-course-root .hero__desc{font-size:.9rem}.html-course-root .hero__actions{flex-direction:column;width:100%}.html-course-root .hero__actions .btn{justify-content:center;width:100%}.html-course-root .hero__code-wrap{width:100%;max-width:100%;margin:0}.html-course-root .hero__code-window{width:100%;overflow-x:auto}.html-course-root .hero__code-bar{padding:.5rem .7rem}.html-course-root .hero__code-body{padding:.8rem 0}.html-course-root .hero__code-line{padding:.15rem .7rem;font-size:.72rem}.html-course-root .hero__dot{width:8px;height:8px}.html-course-root .stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.html-course-root .stat-value{font-size:1.6rem}.html-course-root .features-grid,.html-course-root .courses-grid{grid-template-columns:1fr}.html-course-root .section-title{font-size:1.6rem}.html-course-root .feature-card{padding:1.5rem 1.25rem}.html-course-root .testimonial-card{padding:1.5rem}.html-course-root .cta-section__title{font-size:1.6rem}.html-course-root .cta-section__actions .btn{justify-content:center;width:100%}}@media (width<=400px){.html-course-root .hero__blob--1{width:300px;height:300px;top:-80px;left:-80px}.html-course-root .hero__blob--2{width:240px;height:240px;bottom:-60px;right:-60px}.html-course-root .hero__blob--3{width:180px;height:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.dark .home{background:var(--hp-bg,#0f0a08);color:var(--hp-text,#f5f0ed)}html.dark .hero{background:var(--hp-bg,#0f0a08)}html.dark .hero-center h2{color:#f5f0ed}html.dark .welcome-message{color:var(--hp-primary,#e34f26)}html.dark .features,html.dark .learn-more{background:var(--hp-bg-alt,#1a1210)}html.dark .feature-card{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e);box-shadow:0 4px 16px #0006}html.dark .feature-card h3{color:#f5f0ed}html.dark .feature-card p{color:var(--hp-text-muted,#b8a8a0)}html.dark .feature-card:hover{border-color:var(--hp-primary,#e34f26);box-shadow:0 8px 32px #e34f2640}html.dark .courses{background:var(--hp-bg,#0f0a08)}html.dark .course-card{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e);box-shadow:0 4px 16px #0006}html.dark .course-content h3{color:#f5f0ed}html.dark .course-content p{color:var(--hp-text-muted,#b8a8a0)}html.dark .course-card:hover{border-color:var(--hp-primary,#e34f26);box-shadow:0 8px 32px #e34f2640}html.dark .testimonials{background:var(--hp-bg-alt,#1a1210)}html.dark .testimonial-card{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e);box-shadow:0 4px 16px #0006}html.dark .testimonial-card p{color:var(--hp-text-muted,#b8a8a0)}html.dark .testimonial-card h4{color:var(--hp-primary,#e34f26)}html.dark .testimonial-card:hover{border-color:var(--hp-primary,#e34f26);box-shadow:0 8px 32px #e34f2640}html.dark .about{background:var(--hp-bg,#0f0a08)}html.dark .about-text h2{color:#f5f0ed}html.dark .about-text p{color:var(--hp-text-muted,#b8a8a0)}html.dark .contact{background:var(--hp-bg-alt,#1a1210)}html.dark .contact-left h3{color:var(--hp-primary,#e34f26)}html.dark .info-card{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e)}html.dark .info-card h4{color:#f5f0ed}html.dark .info-card p{color:var(--hp-text-muted,#b8a8a0)}html.dark .info-card:hover{border-color:var(--hp-primary,#e34f26);box-shadow:0 4px 20px #e34f2633}html.dark .social-item{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e)}html.dark .social-item span{color:#f5f0ed}html.dark .map-container{background:var(--hp-card,#221815);border-color:var(--hp-primary,#e34f26)}html.dark .tech-showcase{background:var(--hp-bg,#0f0a08)}html.dark .tech-card{background:var(--hp-card,#221815);border-color:var(--hp-primary,#e34f26);box-shadow:0 8px 40px #e34f2633}html.dark .tech-subtitle{color:var(--hp-text-muted,#b8a8a0)}html.dark .learn-more h2,html.dark .courses h2,html.dark .testimonials h2,html.dark .contact h2{color:#f5f0ed}.cmp{--c-primary:#e34f26;--c-primary-dk:#c73e1d;--c-secondary:#f16529;--c-bg:#f4f4f6;--c-surface:#fff;--c-surface-2:#f8f8fa;--c-surface-3:#efeff2;--c-border:#00000014;--c-border-md:#0000001f;--c-text:#1a1a2e;--c-text-muted:#5a5a72;--c-text-faint:#9898b0;--c-ide-bg:#0d1117;--c-ide-bar:#161b22;--c-ide-border:#ffffff0f;--c-ide-tab-bg:#1c2128;--c-ide-tab-active:#0d1117;--c-console-bg:#0d1117;--c-console-text:#d4d4d4;--c-console-err:#f87171;--c-console-warn:#fbbf24;--c-console-log:#86efac;--c-console-muted:#6b7280;--c-shadow-xs:0 1px 3px #00000012;--c-shadow-sm:0 2px 8px #00000017;--c-shadow-md:0 6px 20px #0000001c;--c-shadow-brand:0 4px 16px #e34f2647;--c-r-sm:6px;--c-r-md:10px;--c-r-lg:16px;--c-r-full:9999px;--c-ease:cubic-bezier(.4, 0, .2, 1);--c-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--c-fast:.16s;--c-mid:.3s;--c-header-h:56px;--c-font:"Inter", system-ui, -apple-system, sans-serif;--c-mono:"JetBrains Mono", "Fira Code", monospace;--c-grad:linear-gradient(135deg, #e34f26, #f16529);--c-grad-dk:linear-gradient(135deg, #c73e1d, #e34f26);--c-grad-soft:linear-gradient(135deg, #e34f2617, #f165290a)}.cmp--dark{--c-bg:#0a0a0a;--c-surface:#111;--c-surface-2:#191919;--c-surface-3:#222;--c-border:#ffffff12;--c-border-md:#ffffff1c;--c-text:#f0f0f0;--c-text-muted:#a0a0b8;--c-text-faint:#606072;--c-shadow-xs:0 1px 3px #00000047;--c-shadow-sm:0 2px 8px #00000061;--c-shadow-md:0 6px 20px #0000007a;--c-shadow-brand:0 4px 16px #e34f2652;--c-grad-soft:linear-gradient(135deg, #e34f2621, #f165290f)}.cmp{background:var(--c-bg);height:100vh;color:var(--c-text);font-family:var(--c-font);transition:background var(--c-mid) var(--c-ease), color var(--c-mid) var(--c-ease);flex-direction:column;display:flex;overflow:hidden}.cmp-header{height:var(--c-header-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--c-shadow-xs);z-index:200;transition:background var(--c-mid) var(--c-ease), border-color var(--c-mid) var(--c-ease);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:relative}.cmp-header__left{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cmp-header__back{border-radius:var(--c-r-sm);border:1px solid var(--c-border);background:var(--c-surface-2);width:34px;height:34px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-fast) var(--c-ease);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.cmp-header__back:hover{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-grad-soft);transform:translate(-2px)}.cmp-header__back i{justify-content:center;align-items:center;display:flex}.cmp-header__brand{white-space:nowrap;letter-spacing:-.02em;transition:opacity var(--c-fast) var(--c-ease);align-items:center;gap:.25rem;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.cmp-header__brand-tag{font-family:var(--c-mono);color:var(--c-primary);font-size:.95rem}.cmp-header__brand-html{color:var(--c-primary);font-weight:900}.cmp-header__brand-rest{color:var(--c-text-muted);font-size:.78rem;font-weight:500;display:none}@media (width>=640px){.cmp-header__brand-rest{display:inline}}.cmp-header__sep{background:var(--c-border-md);flex-shrink:0;width:1px;height:22px;margin:0 .15rem;display:none}@media (width>=640px){.cmp-header__sep{display:block}}.cmp-header__page-label{color:var(--c-text-muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:none}@media (width>=640px){.cmp-header__page-label{display:flex}}.cmp-layout-switch{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--c-r-full);gap:3px;padding:3px;display:inline-flex}.cmp-layout-btn{border-radius:var(--c-r-full);width:32px;height:28px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-fast) var(--c-ease);background:0 0;border:none;justify-content:center;align-items:center;font-size:.95rem;display:flex}.cmp-layout-btn--active{background:var(--c-grad);color:#fff;box-shadow:0 2px 8px #e34f264d}.cmp-layout-btn--active:hover{background:var(--c-grad-dk);color:#fff}.cmp-action-btn{border-radius:var(--c-r-sm);border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-muted);font-family:var(--c-font);cursor:pointer;white-space:nowrap;transition:all var(--c-fast) var(--c-ease);align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.cmp-action-btn i{font-size:.9rem;line-height:1}.cmp-action-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-grad-soft)}.cmp-action-btn--primary{background:var(--c-grad);color:#fff;box-shadow:var(--c-shadow-brand);border-color:#0000}.cmp-action-btn--primary:hover{background:var(--c-grad-dk);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 18px #e34f2661}.cmp-action-btn--icon{justify-content:center;width:34px;height:34px;padding:.4rem}@media (width>=840px){.cmp-btn-label{display:inline}}.cmp-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cmp-grid{flex:1;gap:0;min-height:0;display:grid;overflow:hidden}.cmp-grid--split{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.cmp-grid--editor,.cmp-grid--preview{grid-template-columns:1fr}@media (width<=768px){.cmp-grid--split{grid-template-rows:50% 50%;grid-template-columns:1fr}}.cmp-tabs{background:var(--c-ide-tab-bg);border-bottom:1px solid var(--c-ide-border);scrollbar-width:none;flex-shrink:0;align-items:stretch;min-height:42px;display:flex;overflow-x:auto}.cmp-tab{color:#6b7280;height:42px;font-family:var(--c-font);cursor:pointer;white-space:nowrap;border:none;border-right:1px solid var(--c-ide-border);transition:background var(--c-fast) var(--c-ease), color var(--c-fast) var(--c-ease);background:0 0;align-items:center;gap:.45rem;padding:0 1.2rem;font-size:.82rem;font-weight:600;display:inline-flex;position:relative}.cmp-tab i{transition:color var(--c-fast) var(--c-ease);font-size:1rem;line-height:1}.cmp-tab--active{background:var(--c-ide-tab-active);color:#e5e7eb;border-bottom:2px solid var(--tab-color,#e34f26)}.cmp-tab__active-dot{background:var(--tab-color,#e34f26);width:5px;height:5px;box-shadow:0 0 6px var(--tab-color,#e34f26);border-radius:50%;flex-shrink:0}.cmp-tabs__actions{border-left:1px solid var(--c-ide-border);flex-shrink:0;align-items:center;padding:0 .85rem;display:flex}.cmp-tabs__lang-badge{border-radius:var(--c-r-full);font-family:var(--c-font);color:var(--tab-color,#e34f26);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.cmp-console{background:var(--c-console-bg);border-top:1px solid var(--c-ide-border);max-height:40px;transition:max-height var(--c-mid) var(--c-ease);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.cmp-console__header{border-bottom:1px solid var(--c-ide-border);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 .85rem;display:flex}.cmp-console__title{color:#9ca3af;font-size:.78rem;font-weight:600;font-family:var(--c-font);align-items:center;gap:.5rem;display:flex}.cmp-console__count{border-radius:var(--c-r-full);background:var(--c-primary);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.cmp-console__btn{border-radius:var(--c-r-sm);color:#6b7280;font-family:var(--c-font);cursor:pointer;transition:all var(--c-fast) var(--c-ease);background:0 0;border:1px solid #ffffff14;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.cmp-console__btn--toggle{justify-content:center;width:28px;height:28px;padding:0}.cmp-console__output{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;font-family:var(--c-mono);color:var(--c-console-text);flex:1;padding:.4rem .85rem;font-size:.78rem;line-height:1.6;overflow:hidden auto}.cmp-console__empty i{opacity:.6;font-size:.9rem}.cmp-log{border-bottom:1px solid #ffffff08;align-items:baseline;gap:.5rem;padding:.18rem 0;display:flex}.cmp-log:last-child{border-bottom:none}.cmp-log__icon{flex-shrink:0;font-size:.75rem;line-height:1.6}.cmp-log__type{letter-spacing:.06em;opacity:.7;flex-shrink:0;min-width:38px;font-size:.65rem;font-weight:800}.cmp-log__msg{word-break:break-all;white-space:pre-wrap;flex:1}.cmp-log--log,.cmp-log--log .cmp-log__icon{color:var(--c-console-log)}.cmp-log--error{color:var(--c-console-err);border-left:3px solid var(--c-console-err);background:#ef44440f;margin:0 -.85rem;padding:.18rem .85rem}.cmp-log--warn{color:var(--c-console-warn);border-left:3px solid var(--c-console-warn);background:#fbbf240f;margin:0 -.85rem;padding:.18rem .85rem}.cmp-preview-panel{border-left:1px solid var(--c-border);min-height:0;transition:border-color var(--c-mid) var(--c-ease);background:#fff;flex-direction:column;display:flex;overflow:hidden}.cmp-preview-bar{background:var(--c-surface-2);border-bottom:1px solid var(--c-border);height:42px;transition:background var(--c-mid) var(--c-ease), border-color var(--c-mid) var(--c-ease);flex-shrink:0;align-items:center;gap:.75rem;padding:0 .85rem;display:flex}.cmp-preview-url{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--c-r-full);font-family:var(--c-font);color:var(--c-text-muted);white-space:nowrap;text-overflow:ellipsis;transition:background var(--c-mid) var(--c-ease), border-color var(--c-mid) var(--c-ease);flex:1;align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.75rem;display:flex;overflow:hidden}.cmp-preview-url span{text-overflow:ellipsis;overflow:hidden}.cmp-preview-action{border-radius:var(--c-r-sm);border:1px solid var(--c-border);background:var(--c-surface);width:30px;height:30px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-fast) var(--c-ease);justify-content:center;align-items:center;font-size:.9rem;display:flex}.cmp-preview-action:hover{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-grad-soft);transform:scale(1.08)}.cmp-preview-frame{background:#fff;border:none;flex:1;width:100%;min-height:0;transition:none;display:block}.cmp--dark ::-webkit-scrollbar-thumb{background:#ffffff1a}.cmp--dark ::-webkit-scrollbar-thumb:hover{background:#e34f2659}.cmp{scrollbar-width:thin;scrollbar-color:#e34f2640 transparent}.cmp--dark{scrollbar-color:#ffffff1a transparent}@media (width<=600px){.cmp-header{gap:.35rem;padding:0 .6rem}.cmp-action-btn{padding:.38rem .6rem}.cmp-layout-switch{display:none}}@media (width<=768px){.cmp-grid--split{grid-template-rows:50vh 50vh;grid-template-columns:1fr}.cmp-editor-panel{border-right:none;border-bottom:1px solid var(--c-border)}.cmp-preview-panel{border-left:none;border-top:1px solid var(--c-border)}.cmp-console--open{max-height:150px}}@media (width<=1024px) and (width>=769px){.cmp-console--open{max-height:175px}}@media (prefers-reduced-motion:reduce){.cmp,.cmp *{transition-duration:.01ms!important;animation-duration:.01ms!important}}html.dark .compiler-page{background:var(--hp-bg,#0f0a08)}html.dark .compiler-header{background:var(--hp-card,#221815);border-bottom-color:var(--hp-border,#e34f262e)}html.dark .compiler-title{color:#f5f0ed}.html-course-root .tag-page{background-color:#f3f4f6;flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.html-course-root .animate-fade-in{animation:.5s ease-out tagFadeIn}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.html-course-root .tag-page-header{color:#fff;z-index:200;background:linear-gradient(90deg,#e34c26,#f06529);padding:.8rem 1.1rem;position:sticky;top:0;box-shadow:0 2px 10px #0003}.html-course-root .tag-header-inner{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.html-course-root .tag-back-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #fffc;border-radius:6px;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.html-course-root .tag-back-btn:hover{background:#ffffff2e;border-color:#fff}.html-course-root .tag-header-title{text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:800;overflow:hidden}.html-course-root .tag-menu-trigger{cursor:pointer;background:#ffffff26;border:2px solid #ffffff8c;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:36px;padding:0 8px;transition:background .2s,border-color .2s;display:flex}.html-course-root .tag-menu-trigger:hover{background:#ffffff47;border-color:#fff}.html-course-root .tag-menu-trigger span{background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.html-course-root .overlay{z-index:998;opacity:0;pointer-events:none;background:#0000006b;transition:opacity .3s;position:fixed;inset:0}.html-course-root .overlay.active{opacity:1;pointer-events:all}.html-course-root .nav-menu{z-index:999;background:#fff;flex-direction:column;width:295px;height:100vh;transition:right .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-320px;overflow:hidden;box-shadow:-4px 0 24px #0000002e}.html-course-root .nav-menu.open{right:0}.html-course-root .nav-menu-header{background:linear-gradient(90deg,#e34c26,#f06529);flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.html-course-root .nav-menu-header h2{color:#fff;letter-spacing:.04em;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;font-weight:700}.html-course-root .nav-close-btn{cursor:pointer;color:#fff;background:#ffffff2e;border:1.5px solid #ffffff8c;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.html-course-root .nav-close-btn:hover{background:#ffffff52}.html-course-root .nav-close-btn svg{width:16px;height:16px}.html-course-root .nav-menu-body{scrollbar-width:thin;scrollbar-color:#e34c26 #f3f4f6;flex:1;padding:.4rem 0 1.5rem;overflow-y:auto}.html-course-root .nav-menu-body::-webkit-scrollbar{width:4px}.html-course-root .nav-menu-body::-webkit-scrollbar-track{background:#f3f4f6}.html-course-root .nav-menu-body::-webkit-scrollbar-thumb{background:#e34c26;border-radius:4px}.html-course-root .nav-series-group{margin-bottom:.15rem}.html-course-root .nav-series-label{color:#e34c26;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.45rem;padding:.5rem 1rem .25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:800;display:flex}.html-course-root .nav-series-label:after{content:"";background:#fecaca;flex:1;height:1px}.html-course-root .nav-tag-link{color:#374151;white-space:nowrap;letter-spacing:.01em;border-left:3px solid #0000;align-items:center;gap:0;padding:.36rem 1rem .36rem 1.35rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.83rem;font-weight:400;text-decoration:none;transition:background .14s,color .14s,padding-left .14s;display:flex}.html-course-root .nav-tag-link:hover{color:#e34c26;background:#fff5f5;border-left-color:#e34c26;padding-left:1.6rem}.html-course-root .nav-tag-link.active-tag{color:#e34c26;background:#fff5f5;border-left-color:#e34c26;font-weight:700}.html-course-root .nav-tag-bracket{color:#d1d5db;font-size:.78rem;transition:color .14s}.html-course-root .nav-tag-link:hover .nav-tag-bracket,.html-course-root .nav-tag-link.active-tag .nav-tag-bracket{color:#fca5a5}.html-course-root .tag-loading-overlay{z-index:9999;background:linear-gradient(135deg,#e34c26 0%,#f06529 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.22s forwards htmlOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes htmlOverlayFadeIn{0%{opacity:0}to{opacity:1}}.html-course-root .tag-loading-overlay.fade-out{pointer-events:none;animation:.42s forwards htmlOverlayFadeOut}@keyframes htmlOverlayFadeOut{0%{opacity:1}to{opacity:0}}.html-course-root .loading-logo-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.html-course-root .loading-spinner-ring{border:4px solid #ffffff38;border-top-color:#fff;border-radius:50%;animation:.85s linear infinite htmlSpinRing;position:absolute;inset:0}@keyframes htmlSpinRing{to{transform:rotate(360deg)}}.html-course-root .loading-html-text{color:#fff;letter-spacing:-.02em;font-family:JetBrains Mono,Courier New,monospace;font-size:1.45rem;font-weight:900;animation:.85s ease-in-out infinite alternate logoPulse}@keyframes logoPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.html-course-root .loading-tag-name{color:#fffffff2;letter-spacing:.05em;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:999px;padding:.32rem 1.1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:1.05rem;font-weight:700}.html-course-root .loading-dots{gap:.5rem;display:flex}.html-course-root .loading-dot{background:#ffffffe6;border-radius:50%;width:10px;height:10px;animation:.65s ease-in-out infinite htmlDotBounce}.html-course-root .loading-dot:first-child{animation-delay:0s}.html-course-root .loading-dot:nth-child(2){animation-delay:.13s}.html-course-root .loading-dot:nth-child(3){animation-delay:.26s}@keyframes htmlDotBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-13px)}}.html-course-root .loading-caption{color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:500}.html-course-root .tag-info-banner{color:#b91c1c;background:#fef2f2;border-left:4px solid #ef4444;padding:.8rem 1rem;font-size:.875rem}.html-course-root .tag-info-inner{flex-wrap:wrap;align-items:flex-start;gap:.55rem;width:100%;display:flex}.html-course-root .tag-info-icon{color:#ef4444;flex-shrink:0;width:18px;height:18px;margin-top:1px}.html-course-root .tag-info-text{line-height:1.55}.html-course-root .tag-info-text code{color:#dc2626;background:#fee2e2;border-radius:4px;padding:.1rem .42rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;font-weight:700}.html-course-root .tag-main{box-sizing:border-box;flex:1;width:100%;padding:.85rem .85rem 1.5rem}.html-course-root .tag-panels-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:.85rem;min-height:calc(100vh - 160px);display:grid}@media (width<=768px){.html-course-root .tag-panels-grid{min-height:unset;grid-template-columns:1fr}}.html-course-root .editor-panel{background:#1e1e1e;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000002e}.html-course-root .editor-panel-header{background:#111827;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.html-course-root .editor-panel-header-left{align-items:center;gap:.55rem;display:flex}.html-course-root .editor-lang-badge{color:#f9fafb;letter-spacing:.06em;text-transform:uppercase;background:#374151;border-radius:4px;padding:.18rem .55rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.html-course-root .editor-label-text{color:#6b7280;font-size:.78rem}.html-course-root .editor-dots{gap:.38rem;display:flex}.html-course-root .editor-dot{border-radius:50%;width:11px;height:11px}.html-course-root .editor-dot.red{background:#ef4444}.html-course-root .editor-dot.yellow{background:#f59e0b}.html-course-root .editor-dot.green{background:#22c55e}.html-course-root .editor-monaco-wrap{flex:1;min-height:0;overflow:hidden}.html-course-root .editor-actions-bar{background:#111827;flex-wrap:wrap;flex-shrink:0;gap:.5rem;padding:.55rem .8rem;display:flex}.html-course-root .action-btn{cursor:pointer;white-space:nowrap;letter-spacing:.02em;border:none;border-radius:6px;align-items:center;gap:.38rem;padding:.42rem 1rem;font-size:.8rem;font-weight:600;transition:filter .18s,transform .15s;display:inline-flex}.html-course-root .action-btn:hover{filter:brightness(1.13);transform:translateY(-1px)}.html-course-root .action-btn:active{transform:translateY(0)}.html-course-root .action-btn svg{flex-shrink:0;width:14px;height:14px}.html-course-root .action-btn.run{color:#fff;background:#16a34a}.html-course-root .action-btn.compiler{color:#fff;background:#d97706}.html-course-root .action-btn.copy{color:#fff;background:#2563eb}.html-course-root .preview-panel{background:#fff;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000001a}.html-course-root .preview-panel-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.html-course-root .preview-panel-title{color:#1f2937;margin:0;font-size:.95rem;font-weight:700}.html-course-root .preview-live-badge{color:#fff;letter-spacing:.07em;text-transform:uppercase;background:#16a34a;border-radius:999px;padding:.18rem .6rem;font-size:.67rem;font-weight:700}.html-course-root .preview-iframe{background:#fff;border:none;flex:1;width:100%;min-height:0;display:block}.html-course-root .preview-note{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;padding:.65rem .9rem}.html-course-root .preview-note-row{color:#6b7280;align-items:flex-start;gap:.45rem;font-size:.78rem;line-height:1.5;display:flex}.html-course-root .preview-note-row svg{color:#3b82f6;flex-shrink:0;width:13px;height:13px;margin-top:2px}.html-course-root .tag-page-footer{color:#fff;box-sizing:border-box;background-color:#111827;flex-shrink:0;width:100%;margin-top:auto;padding:1.5rem 0 1rem}.html-course-root .tag-footer-container{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:0 1.25rem}.html-course-root .tag-footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}@media (width>=640px){.html-course-root .tag-footer-content{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}}.html-course-root .tag-footer-text h3{white-space:nowrap;margin:0 0 .2rem;font-size:1rem;font-weight:700}.html-course-root .tag-footer-text p{color:#9ca3af;margin:0;font-size:.8rem;line-height:1.4}.html-course-root .tag-social-icons{flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.html-course-root .tag-social-icon-wrapper{flex-direction:column;align-items:center;gap:.2rem;display:flex}.html-course-root .tag-social-icon{color:#fff;background-color:#374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .22s,transform .18s;display:flex}.html-course-root .tag-social-icon svg{flex-shrink:0;width:18px;height:18px}.html-course-root .tag-social-icon:hover{transform:translateY(-3px)}.html-course-root .tag-social-icon-wrapper:first-child .tag-social-icon:hover{background:#e1306c}.html-course-root .tag-social-icon-wrapper:nth-child(2) .tag-social-icon:hover{background:red}.html-course-root .tag-social-icon-wrapper:nth-child(3) .tag-social-icon:hover{background:#08c}.html-course-root .tag-social-icon-label{color:#6b7280;opacity:0;white-space:nowrap;font-size:.62rem;transition:opacity .22s}.html-course-root .tag-social-icon-wrapper:hover .tag-social-icon-label{opacity:1}.html-course-root .tag-contact-email{border-top:1px solid #1f2937;margin-top:.9rem;padding-top:.8rem}.html-course-root .tag-contact-email a{color:#9ca3af;font-size:.82rem;text-decoration:none;transition:color .2s}.html-course-root .tag-contact-email a:hover{color:#fff}.html-course-root .tag-copyright{text-align:center;color:#fff;letter-spacing:.02em;border-top:1px solid #ffffff14;margin-top:1rem;padding:.6rem 0 0;font-size:.78rem;font-weight:500}.html-course-root .tag-copyright p{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0;line-height:1.5;display:flex}.html-course-root .tag-copyright-heart{color:#e34c26;cursor:default;font-size:1rem;line-height:1;transition:transform .1s;display:inline-block}.html-course-root .tag-copyright-heart:hover{animation:.6s infinite heartbeat}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1)}45%{transform:scale(1.25)}60%{transform:scale(1)}to{transform:scale(1)}}@media (width<=480px){.html-course-root .tag-page-footer{padding:1.2rem 0 .8rem}.html-course-root .tag-footer-container{padding:0 1rem}.html-course-root .tag-footer-content{gap:1rem}.html-course-root .tag-footer-text h3{font-size:.92rem}.html-course-root .tag-footer-text p{font-size:.75rem}.html-course-root .tag-social-icons{gap:.75rem}.html-course-root .tag-social-icon{width:36px;height:36px}.html-course-root .tag-social-icon svg{width:16px;height:16px}.html-course-root .tag-copyright{padding-top:.5rem;font-size:.72rem}.html-course-root .tag-header-title{font-size:.95rem}.html-course-root .tag-back-btn{padding:.32rem .6rem;font-size:.76rem}.html-course-root .tag-menu-trigger{width:34px;height:32px}.html-course-root .tag-main{padding:.6rem .6rem 1.2rem}.html-course-root .editor-panel,.html-course-root .preview-panel{min-height:440px}.html-course-root .action-btn{padding:.38rem .7rem;font-size:.76rem}}html.dark .tag-page{background:var(--hp-bg,#0f0a08)}html.dark .tag-page-header{background:var(--hp-card,#221815);border-bottom-color:var(--hp-border,#e34f262e)}html.dark .tag-header-title{color:#f5f0ed}html.dark .tag-back-btn{color:var(--hp-text-muted,#b8a8a0)}html.dark .tag-back-btn:hover{color:var(--hp-primary,#e34f26)}html.dark .tag-info-banner{background:var(--hp-card,#221815);border-bottom-color:var(--hp-border,#e34f262e)}html.dark .tag-info-text{color:var(--hp-text-muted,#b8a8a0)}html.dark .tag-info-text code{color:var(--hp-primary,#e34f26);background:#e34f2626}html.dark .editor-panel,html.dark .preview-panel{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e)}html.dark .editor-panel-header,html.dark .preview-panel-header{border-bottom-color:var(--hp-border,#e34f262e);background:#0000004d}html.dark .editor-label-text,html.dark .preview-panel-title{color:#f5f0ed}html.dark .preview-note{border-color:var(--hp-border,#e34f262e);color:var(--hp-text-muted,#b8a8a0);background:#e34f261a}html.dark .nav-menu{background:var(--hp-card,#221815);border-left-color:var(--hp-border,#e34f262e)}html.dark .nav-menu-header h2{color:#f5f0ed}html.dark .nav-series-label{color:var(--hp-primary,#e34f26)}html.dark .nav-tag-link{color:var(--hp-text-muted,#b8a8a0)}html.dark .nav-tag-link:hover,html.dark .nav-tag-link.active-tag{color:var(--hp-primary,#e34f26);background:#e34f2626}html.dark .overlay{background:#000c}.html-course-root{--hx-primary:#e34f26;--hx-primary-dk:#c73e1d;--hx-secondary:#f16529;--hx-accent:#ff7043;--hx-bg:#fff8f5;--hx-bg-alt:#fff;--hx-card:#fff;--hx-border:#e34f2621;--hx-border-soft:#00000012;--hx-text:#1a1a2e;--hx-text-muted:#5a5a72;--hx-text-faint:#9898b0;--hx-grad:linear-gradient(135deg, #e34f26, #f16529);--hx-grad-dk:linear-gradient(135deg, #c73e1d, #e34f26);--hx-grad-soft:linear-gradient(135deg, #e34f2614, #f165290a);--hx-hero-bg:linear-gradient(150deg, #fff8f5 0%, #fff 50%, #fff5f2 100%);--hx-shadow-xs:0 1px 3px #0000000f;--hx-shadow-sm:0 2px 8px #00000012;--hx-shadow-md:0 6px 24px #00000017;--hx-shadow-lg:0 14px 40px #0000001f;--hx-shadow-brand:0 8px 28px #e34f262e;--hx-r-sm:6px;--hx-r-md:12px;--hx-r-lg:18px;--hx-r-xl:26px;--hx-r-full:9999px;--hx-ease:cubic-bezier(.4, 0, .2, 1);--hx-ease-out:cubic-bezier(0, 0, .2, 1);--hx-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--hx-fast:.18s;--hx-mid:.32s;--hx-slow:.56s;--hx-font:"Inter", system-ui, -apple-system, sans-serif;--hx-mono:"JetBrains Mono", "Fira Code", monospace}html.dark{--hx-bg:#0d0d0d;--hx-bg-alt:#111;--hx-card:#1a1a1a;--hx-border:#e34f2633;--hx-border-soft:#ffffff12;--hx-text:#f0f0f0;--hx-text-muted:#a0a0b8;--hx-text-faint:#606072;--hx-shadow-sm:0 2px 8px #00000047;--hx-shadow-md:0 6px 24px #0006;--hx-shadow-lg:0 14px 40px #0000008c;--hx-shadow-brand:0 8px 28px #e34f2638;--hx-hero-bg:linear-gradient(150deg, #0d0d0d 0%, #111 50%, #0f0b09 100%);--hx-grad-soft:linear-gradient(135deg, #e34f2621, #f165290f)}.html-course-root .hx{font-family:var(--hx-font);background:var(--hx-bg);color:var(--hx-text);min-height:100vh;transition:background var(--hx-mid) var(--hx-ease), color var(--hx-mid) var(--hx-ease);overflow-x:hidden}.html-course-root .hx-container{width:100%;max-width:1260px;margin:0 auto;padding:0 2rem}.html-course-root .hx-hero{background:var(--hx-hero-bg);border-bottom:1px solid var(--hx-border-soft);transition:background var(--hx-mid) var(--hx-ease);padding:6.5rem 2rem 4.5rem;position:relative;overflow:hidden}.html-course-root .hx-hero__blob{filter:blur(70px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.html-course-root .hx-hero__blob--a{background:radial-gradient(circle,#e34f2629 0%,#0000 70%);width:480px;height:480px;animation:11s ease-in-out infinite hxBlobFloat;top:-160px;left:-120px}.html-course-root .hx-hero__blob--b{background:radial-gradient(circle,#f1652921 0%,#0000 70%);width:380px;height:380px;animation:14s ease-in-out infinite reverse hxBlobFloat;bottom:-100px;right:-80px}.html-course-root .hx-hero__blob--c{background:radial-gradient(circle,#ff704314 0%,#0000 70%);width:250px;height:250px;animation:9s ease-in-out 2.5s infinite hxBlobFloat;top:55%;left:55%}@keyframes hxBlobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-18px)scale(1.04)}66%{transform:translate(-12px,12px)scale(.97)}}.html-course-root .hx-hero__inner{z-index:1;text-align:center;opacity:0;max-width:760px;transition:opacity var(--hx-slow) var(--hx-ease), transform var(--hx-slow) var(--hx-ease);flex-direction:column;align-items:center;gap:1.1rem;margin:0 auto;display:flex;position:relative;transform:translateY(24px)}.html-course-root .hx-hero--in .hx-hero__inner{opacity:1;transform:translateY(0)}.html-course-root .hx-breadcrumb{color:var(--hx-text-muted);align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.82rem;font-weight:500;display:flex}.html-course-root .hx-breadcrumb__btn{cursor:pointer;color:var(--hx-text-muted);font-family:var(--hx-font);border-radius:var(--hx-r-sm);transition:color var(--hx-fast) var(--hx-ease), background var(--hx-fast) var(--hx-ease);background:0 0;border:none;align-items:center;gap:.35rem;padding:.2rem .4rem;font-size:.82rem;font-weight:500;display:inline-flex}.html-course-root .hx-breadcrumb__btn:hover{color:var(--hx-primary);background:var(--hx-grad-soft)}.html-course-root .hx-breadcrumb__btn i{font-size:.85rem}.html-course-root .hx-breadcrumb__sep{color:var(--hx-text-faint);font-size:.7rem}.html-course-root .hx-breadcrumb__current{color:var(--hx-primary);font-weight:600}.html-course-root .hx-hero__badge{background:var(--hx-grad-soft);border:1px solid var(--hx-border);border-radius:var(--hx-r-full);letter-spacing:.04em;text-transform:uppercase;color:var(--hx-primary);align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.html-course-root .hx-hero__badge i{font-size:.9rem}.html-course-root .hx-hero__title{letter-spacing:-.035em;color:var(--hx-text);margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.15}.html-course-root .hx-hero__title-accent{background:var(--hx-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.html-course-root .hx-hero__desc{color:var(--hx-text-muted);max-width:580px;margin:0;font-size:1.05rem;line-height:1.75}.html-course-root .hx-hero__desc strong{color:var(--hx-primary);font-weight:700}.html-course-root .hx-search{width:100%;max-width:520px;margin-top:.5rem;position:relative}.html-course-root .hx-search__icon{color:var(--hx-primary);pointer-events:none;z-index:1;font-size:1rem;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.html-course-root .hx-search__input{border:2px solid var(--hx-border);border-radius:var(--hx-r-full);background:var(--hx-card);width:100%;color:var(--hx-text);font-family:var(--hx-font);box-shadow:var(--hx-shadow-sm);transition:border-color var(--hx-fast) var(--hx-ease), box-shadow var(--hx-fast) var(--hx-ease), background var(--hx-mid) var(--hx-ease);appearance:none;outline:none;padding:.9rem 3rem;font-size:.97rem}.html-course-root .hx-search__input:focus{border-color:var(--hx-primary);box-shadow:0 0 0 4px #e34f261f, var(--hx-shadow-md);background:var(--hx-card)}.html-course-root .hx-search__input::placeholder{color:var(--hx-text-faint)}.html-course-root .hx-search__input::-webkit-search-cancel-button{display:none}.html-course-root .hx-search__clear{cursor:pointer;color:var(--hx-text-faint);transition:color var(--hx-fast) var(--hx-ease), background var(--hx-fast) var(--hx-ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.85rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.html-course-root .hx-search__clear:hover{color:var(--hx-primary);background:var(--hx-grad-soft)}.html-course-root .hx-hero__stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:.25rem;display:flex}.html-course-root .hx-hero__stat{color:var(--hx-text-muted);align-items:center;gap:.4rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.html-course-root .hx-hero__stat i{color:var(--hx-primary);font-size:.95rem}.html-course-root .hx-hero__stat strong{color:var(--hx-text);font-weight:800}.html-course-root .hx-hero__stat-sep{background:var(--hx-border);flex-shrink:0;width:1px;height:20px}.html-course-root .hx-intro{background:var(--hx-bg-alt);border-bottom:1px solid var(--hx-border-soft);transition:background var(--hx-mid) var(--hx-ease);padding:3rem 2rem}.html-course-root .hx-intro__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.html-course-root .hx-intro__card{background:var(--hx-card);border:1px solid var(--hx-border);border-radius:var(--hx-r-lg);box-shadow:var(--hx-shadow-xs);cursor:pointer;color:var(--hx-text);transition:transform var(--hx-mid) var(--hx-ease-bounce), box-shadow var(--hx-mid) var(--hx-ease), border-color var(--hx-mid) var(--hx-ease);align-items:center;gap:1rem;padding:1.4rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.html-course-root .hx-intro__card:before{content:"";background:var(--hx-grad-soft);opacity:0;transition:opacity var(--hx-mid) var(--hx-ease);position:absolute;inset:0}.html-course-root .hx-intro__card:hover{box-shadow:var(--hx-shadow-brand);border-color:var(--hx-primary);transform:translateY(-5px)}.html-course-root .hx-intro__card:hover:before{opacity:1}.html-course-root .hx-intro__card-icon{z-index:1;border-radius:var(--hx-r-md);background:var(--hx-grad-soft);border:1px solid var(--hx-border);width:48px;height:48px;color:var(--hx-primary);transition:background var(--hx-mid) var(--hx-ease), color var(--hx-mid) var(--hx-ease), transform var(--hx-mid) var(--hx-ease-bounce);flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex;position:relative}.html-course-root .hx-intro__card:hover .hx-intro__card-icon{background:var(--hx-grad);color:#fff;border-color:#0000;transform:scale(1.1)rotate(-6deg)}.html-course-root .hx-intro__card-body{z-index:1;flex:1;min-width:0;position:relative}.html-course-root .hx-intro__card-body h3{color:var(--hx-text);margin:0 0 .3rem;font-size:.95rem;font-weight:700}.html-course-root .hx-intro__card-body p{color:var(--hx-text-muted);margin:0;font-size:.82rem;line-height:1.55}.html-course-root .hx-intro__card-arrow{z-index:1;color:var(--hx-text-faint);transition:transform var(--hx-fast) var(--hx-ease), color var(--hx-fast) var(--hx-ease);flex-shrink:0;font-size:1rem;position:relative}.html-course-root .hx-intro__card:hover .hx-intro__card-arrow{color:var(--hx-primary);transform:translate(5px)}.html-course-root .hx-toggle-bar{background:var(--hx-bg);border-bottom:1px solid var(--hx-border-soft);transition:background var(--hx-mid) var(--hx-ease);z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;position:sticky;top:68px}html.dark .html-course-root .hx-toggle-bar{background:#0d0d0deb}.html-course-root .hx-toggle{background:var(--hx-card);border:1px solid var(--hx-border);border-radius:var(--hx-r-full);box-shadow:var(--hx-shadow-xs);gap:4px;padding:4px;display:inline-flex}.html-course-root .hx-toggle__btn{border-radius:var(--hx-r-full);font-family:var(--hx-font);cursor:pointer;color:var(--hx-text-muted);transition:background var(--hx-fast) var(--hx-ease), color var(--hx-fast) var(--hx-ease), box-shadow var(--hx-fast) var(--hx-ease);background:0 0;border:none;align-items:center;gap:.45rem;padding:.5rem 1.3rem;font-size:.875rem;font-weight:600;display:inline-flex}.html-course-root .hx-toggle__btn i{font-size:.9rem}.html-course-root .hx-toggle__btn:hover{color:var(--hx-primary);background:var(--hx-grad-soft)}.html-course-root .hx-toggle__btn--active{background:var(--hx-grad);color:#fff;box-shadow:0 3px 10px #e34f2647}.html-course-root .hx-toggle__btn--active:hover{background:var(--hx-grad-dk);color:#fff}.html-course-root .hx-search-summary{background:var(--hx-bg);border-bottom:1px solid var(--hx-border-soft);transition:background var(--hx-mid) var(--hx-ease);padding:1rem 2rem}.html-course-root .hx-search-summary .hx-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.html-course-root .hx-search-summary p{color:var(--hx-text-muted);align-items:center;gap:.45rem;margin:0;font-size:.9rem;display:flex}.html-course-root .hx-search-summary p i{color:var(--hx-primary)}.html-course-root .hx-search-summary p strong{color:var(--hx-text);font-weight:700}.html-course-root .hx-search-summary p em{color:var(--hx-primary);font-style:normal;font-weight:600}.html-course-root .hx-search-summary__clear{border:1.5px solid var(--hx-border);border-radius:var(--hx-r-full);font-family:var(--hx-font);color:var(--hx-text-muted);cursor:pointer;transition:all var(--hx-fast) var(--hx-ease);white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.html-course-root .hx-search-summary__clear:hover{border-color:var(--hx-primary);color:var(--hx-primary);background:var(--hx-grad-soft)}.html-course-root .hx-search-summary__clear i{font-size:.85rem}.html-course-root .hx-section{background:var(--hx-bg);transition:background var(--hx-mid) var(--hx-ease);padding:4rem 2rem 5rem}.html-course-root .hx-section--alt{background:var(--hx-bg-alt)}.html-course-root .hx-section__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}.html-course-root .hx-section__header-left{flex:1;min-width:0}.html-course-root .hx-section__title{color:var(--hx-text);letter-spacing:-.025em;align-items:center;gap:.6rem;margin:0 0 .4rem;font-size:clamp(1.3rem,2.8vw,1.75rem);font-weight:800;display:flex}.html-course-root .hx-section__title i{color:var(--hx-primary);flex-shrink:0;font-size:1.1em}.html-course-root .hx-section__desc{color:var(--hx-text-muted);margin:0;font-size:.92rem;line-height:1.65}.html-course-root .hx-section__count{background:var(--hx-grad-soft);border:1px solid var(--hx-border);border-radius:var(--hx-r-full);color:var(--hx-primary);letter-spacing:.03em;white-space:nowrap;flex-shrink:0;align-self:flex-start;padding:.4rem .95rem;font-size:.78rem;font-weight:700}.html-course-root .hx-cat-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem;display:grid}.html-course-root .hx-cat-card{background:var(--hx-card);border:1px solid var(--hx-border);border-radius:var(--hx-r-lg);box-shadow:var(--hx-shadow-xs);transition:transform var(--hx-mid) var(--hx-ease-bounce), box-shadow var(--hx-mid) var(--hx-ease), border-color var(--hx-mid) var(--hx-ease);animation:hxCardIn .5s var(--hx-ease-bounce) both;flex-direction:column;display:flex;overflow:hidden}.html-course-root .hx-cat-card:hover{box-shadow:var(--hx-shadow-brand);border-color:var(--cat-color,var(--hx-primary));transform:translateY(-6px)}@keyframes hxCardIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.html-course-root .hx-cat-card__head{border-bottom:1px solid var(--hx-border-soft);background:var(--hx-grad-soft);align-items:flex-start;gap:.85rem;padding:1.2rem 1.3rem;display:flex;position:relative}.html-course-root .hx-cat-card__head:before{content:"";background:var(--cat-color,var(--hx-grad));height:3px;position:absolute;top:0;left:0;right:0}.html-course-root .hx-cat-card__icon-wrap{border-radius:var(--hx-r-sm);width:38px;height:38px;color:var(--cat-color,var(--hx-primary));transition:transform var(--hx-mid) var(--hx-ease-bounce), background var(--hx-mid) var(--hx-ease), color var(--hx-mid) var(--hx-ease);background:#e34f261a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.html-course-root .hx-cat-card:hover .hx-cat-card__icon-wrap{background:var(--cat-color,var(--hx-primary));color:#fff;transform:rotate(-8deg)scale(1.1)}.html-course-root .hx-cat-card__name{color:var(--hx-text);margin:0 0 .2rem;font-size:.95rem;font-weight:700;line-height:1.3}.html-course-root .hx-cat-card__desc{color:var(--hx-text-muted);margin:0;font-size:.78rem;line-height:1.5}.html-course-root .hx-cat-card__count{color:var(--cat-color,var(--hx-primary));border-radius:var(--hx-r-full);white-space:nowrap;background:#e34f261a;flex-shrink:0;align-self:flex-start;margin-left:auto;padding:.25rem .6rem;font-size:.75rem;font-weight:800}.html-course-root .hx-cat-card__tags{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin:0;padding:1rem 1.3rem;list-style:none;display:flex}.html-course-root .hx-tag-chip{border-radius:var(--hx-r-sm);background:var(--hx-bg-alt);border:1px solid var(--hx-border-soft);font-family:var(--hx-mono);color:var(--hx-text-muted);transition:background var(--hx-fast) var(--hx-ease), color var(--hx-fast) var(--hx-ease), border-color var(--hx-fast) var(--hx-ease), transform var(--hx-fast) var(--hx-ease-bounce), box-shadow var(--hx-fast) var(--hx-ease);white-space:nowrap;align-items:center;padding:.28rem .65rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}html.dark .html-course-root .hx-tag-chip{background:#ffffff0d;border-color:#ffffff14}.html-course-root .hx-tag-chip:hover{background:var(--hx-primary);color:#fff;border-color:var(--hx-primary);transform:translateY(-2px);box-shadow:0 4px 12px #e34f2647}.html-course-root .hx-tag-chip__angle{color:var(--hx-primary);transition:color var(--hx-fast) var(--hx-ease);font-weight:700}.html-course-root .hx-tag-chip:hover .hx-tag-chip__angle{color:#ffffffbf}.html-course-root .hx-letter-nav{background:var(--hx-card);border:1px solid var(--hx-border);border-radius:var(--hx-r-lg);box-shadow:var(--hx-shadow-xs);flex-wrap:wrap;gap:.35rem;margin-bottom:2.5rem;padding:1rem 1.25rem;display:flex}.html-course-root .hx-letter-nav__btn{border-radius:var(--hx-r-sm);border:1px solid var(--hx-border-soft);background:var(--hx-bg);width:36px;height:36px;font-family:var(--hx-font);color:var(--hx-text-muted);cursor:pointer;transition:all var(--hx-fast) var(--hx-ease);justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.html-course-root .hx-letter-nav__btn:hover{background:var(--hx-primary);color:#fff;border-color:var(--hx-primary);transform:scale(1.12);box-shadow:0 3px 10px #e34f2647}.html-course-root .hx-alpha-groups{flex-direction:column;gap:2.5rem;display:flex}.html-course-root .hx-alpha-group{scroll-margin-top:140px}.html-course-root .hx-alpha-group__letter{color:var(--hx-primary);letter-spacing:-.03em;margin-bottom:.85rem;padding-bottom:.4rem;font-size:1.6rem;font-weight:900;line-height:1;position:relative}.html-course-root .hx-alpha-group__letter:after{content:"";background:var(--hx-grad);border-radius:2px;width:36px;height:3px;position:absolute;bottom:0;left:0}.html-course-root .hx-alpha-flat{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.html-course-root .hx-alpha-chip{border-radius:var(--hx-r-md);background:var(--hx-card);border:1.5px solid var(--hx-border);font-family:var(--hx-mono);color:var(--hx-text-muted);transition:background var(--hx-fast) var(--hx-ease), color var(--hx-fast) var(--hx-ease), border-color var(--hx-fast) var(--hx-ease), transform var(--hx-fast) var(--hx-ease-bounce), box-shadow var(--hx-fast) var(--hx-ease);white-space:nowrap;align-items:center;padding:.4rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.html-course-root .hx-alpha-chip:hover{background:var(--hx-primary);color:#fff;border-color:var(--hx-primary);transform:translateY(-3px);box-shadow:0 5px 14px #e34f264d}.html-course-root .hx-alpha-chip__bracket{color:var(--hx-primary);transition:color var(--hx-fast) var(--hx-ease);font-size:.9em;font-weight:700}.html-course-root .hx-alpha-chip:hover .hx-alpha-chip__bracket{color:#ffffffbf}.html-course-root .hx-empty{text-align:center;color:var(--hx-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.html-course-root .hx-empty__icon{color:var(--hx-border);font-size:3rem}.html-course-root .hx-empty p{margin:0;font-size:1rem}.html-course-root .hx-empty p strong{color:var(--hx-primary)}.html-course-root .hx-empty__btn{background:var(--hx-grad);border-radius:var(--hx-r-full);color:#fff;font-family:var(--hx-font);cursor:pointer;transition:all var(--hx-fast) var(--hx-ease);border:none;align-items:center;gap:.45rem;padding:.55rem 1.3rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e34f2647}.html-course-root .hx-empty__btn:hover{background:var(--hx-grad-dk);transform:translateY(-2px);box-shadow:0 6px 18px #e34f2659}.html-course-root .hx-empty__btn i{font-size:.9rem}.html-course-root .hx-cta{background:var(--hx-bg);border-top:1px solid var(--hx-border-soft);transition:background var(--hx-mid) var(--hx-ease);padding:3rem 2rem}html.dark .html-course-root .hx-cta{background:var(--hx-bg-alt)}.html-course-root .hx-cta__inner{background:var(--hx-card);border:1px solid var(--hx-border);border-radius:var(--hx-r-xl);max-width:1260px;box-shadow:var(--hx-shadow-sm);align-items:center;gap:1.75rem;margin:0 auto;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.html-course-root .hx-cta__inner:before{content:"";background:var(--hx-grad-soft);pointer-events:none;position:absolute;inset:0}.html-course-root .hx-cta__inner:after{content:"";background:var(--hx-grad);height:3px;position:absolute;top:0;left:0;right:0}.html-course-root .hx-cta__icon{z-index:1;border-radius:var(--hx-r-md);background:var(--hx-grad);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;animation:3s ease-in-out infinite hxCTAIconPulse;display:flex;position:relative;box-shadow:0 4px 14px #e34f264d}@keyframes hxCTAIconPulse{0%,to{box-shadow:0 4px 14px #e34f264d}50%{box-shadow:0 4px 22px #e34f2680}}.html-course-root .hx-cta__text{z-index:1;flex:1;min-width:0;position:relative}.html-course-root .hx-cta__text h3{color:var(--hx-text);margin:0 0 .3rem;font-size:1.1rem;font-weight:800}.html-course-root .hx-cta__text p{color:var(--hx-text-muted);margin:0;font-size:.88rem;line-height:1.6}.html-course-root .hx-cta__actions{z-index:1;flex-shrink:0;gap:.75rem;display:flex;position:relative}.html-course-root .hx-cta__btn{border-radius:var(--hx-r-full);font-family:var(--hx-font);cursor:pointer;transition:all var(--hx-fast) var(--hx-ease);white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.65rem 1.3rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.html-course-root .hx-cta__btn i{font-size:.9rem}.html-course-root .hx-cta__btn--primary{background:var(--hx-grad);color:#fff;box-shadow:0 4px 14px #e34f264d}.html-course-root .hx-cta__btn--primary:hover{background:var(--hx-grad-dk);transform:translateY(-2px);box-shadow:0 6px 18px #e34f2661}.html-course-root .hx-cta__btn--ghost{border:1.5px solid var(--hx-border);color:var(--hx-text-muted);background:0 0}.html-course-root .hx-cta__btn--ghost:hover{border-color:var(--hx-primary);color:var(--hx-primary);background:var(--hx-grad-soft);transform:translateY(-2px)}.html-course-root .hx-back-top{background:var(--hx-grad);color:#fff;cursor:pointer;z-index:900;opacity:0;pointer-events:none;width:46px;height:46px;transition:opacity var(--hx-fast) var(--hx-ease), transform var(--hx-mid) var(--hx-ease-bounce), box-shadow var(--hx-fast) var(--hx-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(12px)scale(.85);box-shadow:0 4px 16px #e34f264d}.html-course-root .hx-back-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.html-course-root .hx-back-top:hover{background:var(--hx-grad-dk);transform:translateY(-4px)scale(1.08);box-shadow:0 8px 22px #e34f2666}@media (width<=1024px){.html-course-root .hx-cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.html-course-root .hx-intro__grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.html-course-root .hx-hero{padding:5.5rem 1.5rem 3.5rem}.html-course-root .hx-container{padding:0 1.25rem}.html-course-root .hx-intro__grid{grid-template-columns:1fr;gap:.85rem}.html-course-root .hx-toggle-bar{padding:1rem 1.25rem;top:60px}.html-course-root .hx-section{padding:3rem 1.25rem 3.5rem}.html-course-root .hx-cat-grid{grid-template-columns:1fr}.html-course-root .hx-section__header{flex-direction:column;gap:.5rem}.html-course-root .hx-section__count{align-self:flex-start}.html-course-root .hx-cta__inner{text-align:center;flex-direction:column;padding:1.75rem}.html-course-root .hx-cta__icon{width:50px;height:50px;font-size:1.3rem}.html-course-root .hx-cta__actions{flex-direction:column;width:100%}.html-course-root .hx-cta__btn{justify-content:center;width:100%}.html-course-root .hx-letter-nav{padding:.75rem}.html-course-root .hx-letter-nav__btn{width:32px;height:32px;font-size:.78rem}.html-course-root .hx-back-top{bottom:1rem;right:1rem}}@media (width<=520px){.html-course-root .hx-hero__title{font-size:1.85rem}.html-course-root .hx-hero__stats{gap:.2rem}.html-course-root .hx-hero__stat{padding:0 .6rem;font-size:.78rem}.html-course-root .hx-hero__stat-sep{height:16px}.html-course-root .hx-search__input{font-size:.9rem}.html-course-root .hx-toggle__btn{padding:.45rem .9rem;font-size:.8rem}.html-course-root .hx-alpha-flat{gap:.4rem}.html-course-root .hx-alpha-chip{padding:.35rem .75rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.dark .hx-page{background:var(--hp-bg,#0f0a08);color:var(--hp-text,#f5f0ed)}html.dark .hx-hero{background:var(--hp-bg,#0f0a08)}html.dark .hx-hero__title{color:#f5f0ed}html.dark .hx-hero__desc{color:var(--hp-text-muted,#b8a8a0)}html.dark .hx-search-bar{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e)}html.dark .hx-search-bar__input{color:#f5f0ed;background:0 0}html.dark .hx-search-bar__input::placeholder{color:var(--hp-text-faint,#7a6a62)}html.dark .hx-tabs__btn{color:var(--hp-text-muted,#b8a8a0)}html.dark .hx-tabs__btn--active{color:var(--hp-primary,#e34f26);background:var(--hp-card,#221815)}html.dark .hx-category-card{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e)}html.dark .hx-category-card__title{color:#f5f0ed}html.dark .hx-category-card:hover{border-color:var(--hp-primary,#e34f26);box-shadow:0 8px 32px #e34f2640}html.dark .hx-tag-chip,html.dark .hx-alpha-chip{background:var(--hp-card,#221815);border-color:var(--hp-border,#e34f262e);color:var(--hp-text-muted,#b8a8a0)}html.dark .hx-tag-chip:hover,html.dark .hx-alpha-chip:hover{background:var(--hp-primary,#e34f26);color:#fff;border-color:var(--hp-primary,#e34f26)}html.dark .hx-alpha-section__letter{color:var(--hp-primary,#e34f26)}.css-course-root{--ch-primary:#264de4;--ch-primary-dk:#1b35b5;--ch-secondary:#2965f1;--ch-accent:#42a1d0;--ch-bg:#eef2ff;--ch-bg-alt:#fff;--ch-card:#fff;--ch-border:#264de41f;--ch-border-soft:#00000012;--ch-text:#0f1729;--ch-text-muted:#4a5580;--ch-text-faint:#9099c0;--ch-grad:linear-gradient(135deg, #264de4, #2965f1);--ch-grad-dk:linear-gradient(135deg, #1b35b5, #264de4);--ch-grad-accent:linear-gradient(135deg, #264de4, #42a1d0);--ch-grad-soft:linear-gradient(135deg, #264de414, #2965f10a);--ch-shadow-xs:0 1px 4px #0000000f;--ch-shadow-sm:0 2px 10px #00000014;--ch-shadow-md:0 6px 24px #0000001a;--ch-shadow-lg:0 14px 40px #00000021;--ch-shadow-card:0 8px 32px #264de41f;--ch-r-sm:8px;--ch-r-md:14px;--ch-r-lg:20px;--ch-r-xl:28px;--ch-r-full:9999px;--ch-ease:cubic-bezier(.4, 0, .2, 1);--ch-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ch-dur-fast:.18s;--ch-dur-mid:.32s;background:var(--ch-bg);color:var(--ch-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html.dark .css-course-root{--ch-bg:#080c1a;--ch-bg-alt:#0f1420;--ch-card:#151a2e;--ch-border:#264de42e;--ch-border-soft:#ffffff0d;--ch-text:#e8ecf8;--ch-text-muted:#8a95c0;--ch-text-faint:#5a6488;--ch-shadow-card:0 8px 32px #264de42e}.css-course-root *,.css-course-root :before,.css-course-root :after{box-sizing:border-box}.css-course-root{--nav-h:68px;--nav-bg-light:#fffffff5;--nav-bg-dark:#080c1af5;--nav-border-light:#264de41a;--nav-border-dark:#264de42e;--nav-primary:#264de4;--nav-primary-dk:#1b35b5;--nav-secondary:#2965f1;--nav-grad:linear-gradient(135deg, #264de4, #2965f1);--nav-grad-soft:linear-gradient(135deg, #264de41a, #2965f10d);--nav-text-light:#0f1729;--nav-text-dark:#e8eaf6;--nav-muted-light:#4a5580;--nav-muted-dark:#7b8db5;--nav-ease:cubic-bezier(.4, 0, .2, 1);--nav-bounce:cubic-bezier(.34, 1.56, .64, 1);--nav-fast:.17s;--nav-mid:.3s;--nav-font:"Inter", system-ui, -apple-system, sans-serif;--nav-mono:"JetBrains Mono", monospace}.css-course-root .css-navbar__skip{z-index:9999;background:var(--nav-primary);color:#fff;font-family:var(--nav-font);transition:top var(--nav-fast) var(--nav-ease);border-radius:0 0 8px 8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:1rem}.css-course-root .css-navbar__skip:focus{top:0}.css-course-root .css-navbar{z-index:1000;background:var(--nav-bg-light);border-bottom:1px solid var(--nav-border-light);-webkit-backdrop-filter:blur(16px);transition:background var(--nav-mid) var(--nav-ease), border-color var(--nav-mid) var(--nav-ease), box-shadow var(--nav-mid) var(--nav-ease);position:sticky;top:0}html.dark .css-course-root .css-navbar{background:var(--nav-bg-dark);border-color:var(--nav-border-dark)}.css-course-root .css-navbar--scrolled{box-shadow:0 2px 20px #264de41a}html.dark .css-course-root .css-navbar--scrolled{box-shadow:0 2px 20px #0006}.css-course-root .css-navbar__progress{background:var(--nav-grad);pointer-events:none;z-index:1;border-radius:0 9999px 9999px 0;height:2.5px;transition:width 80ms linear;position:absolute;bottom:0;left:0}.css-course-root .css-navbar__inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.css-course-root .css-navbar__logo{font-family:var(--nav-font);letter-spacing:-.02em;transition:opacity var(--nav-fast) var(--nav-ease);flex-shrink:0;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.css-course-root .css-navbar__logo:hover{opacity:.82}.css-course-root .css-navbar__logo-tag{font-family:var(--nav-mono);color:#264de48c;letter-spacing:0;transition:color var(--nav-fast) var(--nav-ease);font-size:.9rem;font-weight:700}html.dark .css-course-root .css-navbar__logo-tag{color:#2965f199}.css-course-root .css-navbar__logo-css{color:var(--nav-primary);letter-spacing:-.04em;font-size:1.3rem;font-weight:900}html.dark .css-course-root .css-navbar__logo-css{color:var(--nav-secondary)}.css-course-root .css-navbar__nav{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.css-course-root .css-navbar__nav-item{position:relative}.css-course-root .css-navbar__nav-link{font-family:var(--nav-font);color:var(--nav-muted-light);white-space:nowrap;transition:color var(--nav-fast) var(--nav-ease), background var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}html.dark .css-course-root .css-navbar__nav-link{color:var(--nav-muted-dark)}.css-course-root .css-navbar__nav-link i{transition:color var(--nav-fast) var(--nav-ease);font-size:.95rem}.css-course-root .css-navbar__nav-link:after{content:"";background:var(--nav-grad);width:0;height:2px;transition:width var(--nav-mid) var(--nav-ease);border-radius:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.css-course-root .css-navbar__nav-link:hover{color:var(--nav-primary);background:var(--nav-grad-soft)}html.dark .css-course-root .css-navbar__nav-link:hover{color:var(--nav-secondary);background:#264de41a}.css-course-root .css-navbar__nav-link:hover:after{width:55%}.css-course-root .css-navbar__nav-link.active{color:var(--nav-primary);background:#264de41a}html.dark .css-course-root .css-navbar__nav-link.active{color:var(--nav-secondary);background:#264de426}.css-course-root .css-navbar__nav-link.active:after{width:60%}.css-course-root .css-navbar__nav-link.active i{color:var(--nav-primary)}html.dark .css-course-root .css-navbar__nav-link.active i{color:var(--nav-secondary)}.css-course-root .css-navbar__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.css-course-root .css-navbar__theme-btn{background:var(--nav-grad-soft);width:38px;height:38px;color:var(--nav-primary);cursor:pointer;transition:transform var(--nav-mid) var(--nav-bounce), background var(--nav-fast) var(--nav-ease), border-color var(--nav-fast) var(--nav-ease), box-shadow var(--nav-fast) var(--nav-ease);border:1.5px solid #264de42e;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative;overflow:hidden}html.dark .css-course-root .css-navbar__theme-btn{color:var(--nav-secondary);background:#264de41a;border-color:#264de440}.css-course-root .css-navbar__theme-btn:hover{background:var(--nav-grad);color:#fff;border-color:#0000;transform:rotate(20deg)scale(1.12);box-shadow:0 4px 14px #264de459}.css-course-root .css-navbar__theme-btn .icon-sun,.css-course-root .css-navbar__theme-btn .icon-moon{transition:opacity var(--nav-fast) var(--nav-ease), transform var(--nav-mid) var(--nav-bounce);position:absolute}.css-course-root .css-navbar__theme-btn .icon-sun{opacity:1;transform:rotate(0)scale(1)}.css-course-root .css-navbar__theme-btn .icon-moon{opacity:0;transform:rotate(90deg)scale(.6)}html.dark .css-course-root .css-navbar__theme-btn .icon-sun{opacity:0;transform:rotate(-90deg)scale(.6)}html.dark .css-course-root .css-navbar__theme-btn .icon-moon{opacity:1;transform:rotate(0)scale(1)}.css-course-root .css-navbar__hamburger{background:var(--nav-grad-soft);width:38px;height:38px;color:var(--nav-muted-light);cursor:pointer;transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);border:1.5px solid #264de426;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:none}html.dark .css-course-root .css-navbar__hamburger{color:var(--nav-muted-dark);background:#264de41a;border-color:#264de433}.css-course-root .css-navbar__hamburger:hover{background:var(--nav-primary);color:#fff;border-color:#0000;transform:scale(1.06)}.css-course-root .css-navbar__overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--nav-mid) var(--nav-ease);background:#080c1a8c;position:fixed;inset:0}.css-course-root .css-navbar__overlay.open{opacity:1;pointer-events:auto}.css-course-root .css-navbar__mobile{z-index:1200;background:var(--nav-bg-light);border-left:1px solid var(--nav-border-light);flex-direction:column;width:min(320px,88vw);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-8px 0 40px #264de426}html.dark .css-course-root .css-navbar__mobile{background:var(--nav-bg-dark);border-color:var(--nav-border-dark);box-shadow:-8px 0 40px #00000080}.css-course-root .css-navbar__mobile.open{transform:translate(0)}.css-course-root .css-navbar__mobile-head{background:linear-gradient(135deg,#264de40f,#2965f108);border-bottom:1px solid #264de41a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}html.dark .css-course-root .css-navbar__mobile-head{background:#264de414;border-color:#264de426}.css-course-root .css-navbar__mobile-logo{align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.css-course-root .css-navbar__mobile-close{width:34px;height:34px;color:var(--nav-muted-light);cursor:pointer;transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease);background:0 0;border:1px solid #264de426;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}html.dark .css-course-root .css-navbar__mobile-close{color:var(--nav-muted-dark);border-color:#264de433}.css-course-root .css-navbar__mobile-close:hover{background:var(--nav-primary);color:#fff;border-color:#0000}.css-course-root .css-navbar__mobile-nav{flex-direction:column;flex:1;gap:.25rem;margin:0;padding:1rem .75rem;list-style:none;display:flex}.css-course-root .css-navbar__mobile-item{opacity:0;transform:translate(16px)}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item{animation:mobileItemIn .35s var(--nav-ease) forwards}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item:first-child{animation-delay:60ms}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item:nth-child(2){animation-delay:.1s}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item:nth-child(3){animation-delay:.14s}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item:nth-child(4){animation-delay:.18s}.css-course-root .css-navbar__mobile.open .css-navbar__mobile-item:nth-child(5){animation-delay:.22s}@keyframes mobileItemIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.css-course-root .css-navbar__mobile-link{font-family:var(--nav-font);color:var(--nav-muted-light);transition:color var(--nav-fast) var(--nav-ease), background var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}html.dark .css-course-root .css-navbar__mobile-link{color:var(--nav-muted-dark)}.css-course-root .css-navbar__mobile-link i{text-align:center;flex-shrink:0;width:1.4rem;font-size:1.1rem}.css-course-root .css-navbar__mobile-link:hover{color:var(--nav-primary);background:#264de414;transform:translate(4px)}html.dark .css-course-root .css-navbar__mobile-link:hover{color:var(--nav-secondary);background:#264de41f}.css-course-root .css-navbar__mobile-link.active{color:#fff;background:var(--nav-grad);box-shadow:0 3px 12px #264de44d}.css-course-root .css-navbar__mobile-link.active:hover{background:var(--nav-grad);opacity:.92;transform:none}.css-course-root .css-navbar__mobile-foot{border-top:1px solid #264de41a;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.25rem;display:flex}html.dark .css-course-root .css-navbar__mobile-foot{border-color:#264de426}.css-course-root .css-navbar__mobile-theme-row{justify-content:space-between;align-items:center;display:flex}.css-course-root .css-navbar__mobile-theme-label{font-family:var(--nav-font);color:var(--nav-muted-light);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}html.dark .css-course-root .css-navbar__mobile-theme-label{color:var(--nav-muted-dark)}.css-course-root .css-navbar__mobile-theme-label i{color:var(--nav-primary);font-size:1rem}.css-course-root .css-navbar__toggle-switch{cursor:pointer;display:inline-block;position:relative}.css-course-root .css-navbar__toggle-switch input{opacity:0;width:0;height:0;position:absolute}.css-course-root .css-navbar__toggle-track{width:44px;height:24px;transition:background var(--nav-mid) var(--nav-ease), border-color var(--nav-mid) var(--nav-ease);background:#264de426;border:1.5px solid #264de433;border-radius:9999px;display:block;position:relative}.css-course-root .css-navbar__toggle-track:after{content:"";background:var(--nav-primary);width:16px;height:16px;transition:transform var(--nav-mid) var(--nav-bounce), background var(--nav-mid) var(--nav-ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #264de466}.css-course-root .css-navbar__toggle-switch input:checked+.css-navbar__toggle-track{background:var(--nav-grad);border-color:var(--nav-primary)}.css-course-root .css-navbar__toggle-switch input:checked+.css-navbar__toggle-track:after{background:#fff;transform:translate(20px)}.css-course-root .css-navbar__social-icon{width:34px;height:34px;color:var(--nav-muted-light);transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);background:#264de414;border:1px solid #264de41f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}html.dark .css-course-root .css-navbar__social-icon{color:var(--nav-muted-dark);background:#264de41a}.css-course-root .css-navbar__social-icon:hover{background:var(--nav-primary);color:#fff;border-color:#0000;transform:translateY(-2px)}@media (width<=900px){.css-course-root .css-navbar__nav{display:none}.css-course-root .css-navbar__hamburger{display:flex}.css-course-root .css-navbar__inner{padding:0 1.25rem}}@media (width<=480px){.css-course-root .css-navbar__inner{padding:0 1rem}.css-course-root .css-navbar__logo-css{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.css-course-root .css-navbar,.css-course-root .css-navbar__mobile,.css-course-root .css-navbar__overlay,.css-course-root .css-navbar__mobile-item,.css-course-root .css-navbar__nav-link,.css-course-root .css-navbar__mobile-link,.css-course-root .css-navbar__theme-btn,.css-course-root .css-navbar__progress{transition-duration:.01ms!important;animation-duration:.01ms!important}}.css-course-root .css-navbar__back-link{border:1.5px solid var(--ch-primary);white-space:nowrap;background:0 0;border-radius:20px;font-weight:600;transition:all .2s;color:var(--ch-primary)!important;padding:.3rem .9rem!important;font-size:.78rem!important}.css-course-root .css-navbar__back-link:hover{transform:translate(-2px);background:var(--ch-primary)!important;color:#fff!important}.css-course-root .css-navbar__back-link:after{display:none!important}.css-course-root .css-navbar__mobile-back{border-top:1px solid var(--ch-border);margin-top:.5rem;padding-top:.5rem;font-weight:600;color:var(--ch-primary)!important}.css-course-root{--ch-primary:#264de4;--ch-primary-dk:#1b35b5;--ch-secondary:#2965f1;--ch-accent:#42a1d0;--ch-bg:#eef2ff;--ch-bg-alt:#fff;--ch-card:#fff;--ch-border:#264de41f;--ch-border-soft:#00000012;--ch-text:#0f1729;--ch-text-muted:#4a5580;--ch-text-faint:#9099c0;--ch-grad:linear-gradient(135deg, #264de4, #2965f1);--ch-grad-dk:linear-gradient(135deg, #1b35b5, #264de4);--ch-grad-accent:linear-gradient(135deg, #264de4, #42a1d0);--ch-grad-soft:linear-gradient(135deg, #264de414, #2965f10a);--ch-shadow-xs:0 1px 4px #0000000f;--ch-shadow-sm:0 2px 10px #00000014;--ch-shadow-md:0 6px 24px #0000001a;--ch-shadow-lg:0 14px 40px #00000021;--ch-shadow-card:0 8px 32px #264de41f;--ch-r-sm:8px;--ch-r-md:14px;--ch-r-lg:20px;--ch-r-xl:28px;--ch-r-full:9999px;--ch-ease:cubic-bezier(.4, 0, .2, 1);--ch-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ch-dur-fast:.18s;--ch-dur-mid:.32s;--ch-dur-slow:.6s;--ch-code-bg:#0d1117;--ch-code-bar:#161b22;--ch-code-num:#484f58;--ch-code-line:#ffffff08}html.dark .css-course-root .css-home{--ch-bg:#080c1a;--ch-bg-alt:#0d1120;--ch-card:#111827;--ch-border:#264de438;--ch-border-soft:#ffffff12;--ch-text:#e8eaf6;--ch-text-muted:#7b8db5;--ch-text-faint:#4a5270;--ch-shadow-xs:0 1px 4px #0000004d;--ch-shadow-sm:0 2px 10px #0006;--ch-shadow-md:0 6px 24px #00000080;--ch-shadow-lg:0 14px 40px #0009;--ch-shadow-card:0 8px 32px #264de42e;--ch-grad-soft:linear-gradient(135deg, #264de424, #2965f112)}.css-course-root .css-home{background:var(--ch-bg);color:var(--ch-text);min-height:100vh;transition:background var(--ch-dur-mid) var(--ch-ease), color var(--ch-dur-mid) var(--ch-ease);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.css-course-root .css-container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.css-course-root .css-section-header{text-align:center;margin-bottom:3.5rem}.css-course-root .css-section-pill{background:var(--ch-grad-soft);border:1px solid var(--ch-border);border-radius:var(--ch-r-full);color:var(--ch-primary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.css-course-root .css-section-pill i{font-size:.9rem}.css-course-root .css-section-title{color:var(--ch-text);letter-spacing:-.025em;margin-bottom:.85rem;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.css-course-root .css-section-desc{max-width:640px;color:var(--ch-text-muted);margin:0 auto;font-size:1.05rem;line-height:1.75}.css-course-root .css-btn{border-radius:var(--ch-r-md);cursor:pointer;white-space:nowrap;transition:all var(--ch-dur-fast) var(--ch-ease);border:none;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.css-course-root .css-btn i{font-size:1.05em}.css-course-root .css-btn--sm{padding:.55rem 1.1rem;font-size:.875rem}.css-course-root .css-btn--md{padding:.75rem 1.4rem;font-size:.95rem}.css-course-root .css-btn--lg{padding:.9rem 1.8rem;font-size:1rem}.css-course-root .css-btn--primary{background:var(--ch-grad);color:#fff;box-shadow:0 4px 16px #264de44d}.css-course-root .css-btn--primary:hover{background:var(--ch-grad-dk);transform:translateY(-3px);box-shadow:0 8px 24px #264de466}.css-course-root .css-btn--ghost{border:2px solid var(--ch-primary);color:var(--ch-primary);background:0 0}.css-course-root .css-btn--ghost:hover{background:var(--ch-primary);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #264de440}.css-course-root .css-btn--white{color:var(--ch-primary);background:#fff;box-shadow:0 4px 16px #0000001f}.css-course-root .css-btn--white:hover{background:#f0f4ff;transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.css-course-root .css-btn--white-outline{color:#fff;background:0 0;border:2px solid #ffffffbf}.css-course-root .css-btn--white-outline:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)}.css-course-root .css-btn--disabled{color:var(--ch-primary);cursor:not-allowed;opacity:.7;background:#264de41a}.css-course-root .css-hero{background:var(--ch-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.css-course-root .css-hero__blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.css-course-root .css-hero__blob--1{background:radial-gradient(circle,#264de42e 0%,#0000 70%);width:520px;height:520px;animation:10s ease-in-out infinite chBlobFloat;top:-140px;left:-160px}.css-course-root .css-hero__blob--2{background:radial-gradient(circle,#2965f124 0%,#0000 70%);width:400px;height:400px;animation:13s ease-in-out infinite reverse chBlobFloat;bottom:-80px;right:-100px}.css-course-root .css-hero__blob--3{background:radial-gradient(circle,#42a1d014 0%,#0000 70%);width:280px;height:280px;animation:8s ease-in-out 2s infinite chBlobFloat;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes chBlobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.04)}66%{transform:translate(-15px,15px)scale(.97)}}.css-course-root .css-hero__chip{border-radius:var(--ch-r-full);background:var(--ch-card);border:1.5px solid var(--ch-border);color:var(--ch-primary);box-shadow:var(--ch-shadow-sm);pointer-events:none;z-index:1;white-space:nowrap;padding:.4rem .9rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;position:absolute}.css-course-root .css-hero__chip--1{animation:6s ease-in-out infinite cssChipFloat;top:12%;left:4%}.css-course-root .css-hero__chip--2{animation:7s ease-in-out 1s infinite reverse cssChipFloat;top:22%;right:3%}.css-course-root .css-hero__chip--3{animation:5s ease-in-out .5s infinite cssChipFloat;bottom:28%;left:3%}.css-course-root .css-hero__chip--4{animation:8s ease-in-out 2s infinite reverse cssChipFloat;bottom:20%;right:4%}@keyframes cssChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.css-course-root .css-hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}.css-course-root .css-hero__content{opacity:0;transition:opacity var(--ch-dur-slow) var(--ch-ease), transform var(--ch-dur-slow) var(--ch-ease);transform:translateY(30px)}.css-course-root .css-hero--in .css-hero__content{opacity:1;transform:translateY(0)}.css-course-root .css-hero__badge{background:var(--ch-grad-soft);border:1px solid var(--ch-border);border-radius:var(--ch-r-full);color:var(--ch-primary);letter-spacing:.05em;text-transform:uppercase;animation:cssBadgePop .6s var(--ch-ease-bounce) both .2s;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.4rem 1.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.css-course-root .css-hero__badge i{font-size:1rem}@keyframes cssBadgePop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.css-course-root .css-hero__title{letter-spacing:-.03em;color:var(--ch-text);margin-bottom:1.1rem;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;line-height:1.15}.css-course-root .css-hero__title-brand{background:var(--ch-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.css-course-root .css-hero__subtitle{color:var(--ch-text-muted);align-items:center;gap:.85rem;margin-bottom:1.2rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;display:flex}.css-course-root .css-hero__subtitle-bar{background:var(--ch-grad);border-radius:2px;flex-shrink:0;width:3px;height:1.2em;display:inline-block}.css-course-root .css-hero__desc{color:var(--ch-text-muted);max-width:520px;margin-bottom:2rem;font-size:1rem;line-height:1.8}.css-course-root .css-hero__actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.css-course-root .css-hero__trust{flex-wrap:wrap;gap:.6rem 1.4rem;display:flex}.css-course-root .css-hero__trust-item{color:var(--ch-text-muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.css-course-root .css-hero__trust-item i{color:var(--ch-primary);font-size:.9rem}.css-course-root .css-hero__code-wrap{opacity:0;transition:opacity .8s var(--ch-ease) .25s, transform .8s var(--ch-ease) .25s;position:relative;transform:translate(40px)}.css-course-root .css-hero--in .css-hero__code-wrap{opacity:1;transform:translate(0)}.css-course-root .css-hero__code-window{background:var(--ch-code-bg);border-radius:var(--ch-r-lg);font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0000008c}.css-course-root .css-hero__code-bar{background:var(--ch-code-bar);border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.css-course-root .css-hero__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.css-course-root .css-hero__dot--red{background:#ff5f57}.css-course-root .css-hero__dot--yellow{background:#ffbd2e}.css-course-root .css-hero__dot--green{background:#28ca41}.css-course-root .css-hero__code-filename{color:#8b949e;align-items:center;gap:.4rem;margin-left:.5rem;font-size:.8rem;display:flex}.css-course-root .css-hero__code-filename i{color:#264de4}.css-course-root .css-hero__code-body{padding:1.2rem 0;overflow-x:auto}.css-course-root .css-hero__code-line{opacity:0;animation:cssLineReveal .4s var(--ch-ease) forwards;transition:background var(--ch-dur-fast) var(--ch-ease);align-items:baseline;gap:1rem;padding:.22rem 1.2rem;font-size:.85rem;line-height:1.6;display:flex}.css-course-root .css-hero__code-line:hover{background:var(--ch-code-line)}@keyframes cssLineReveal{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.css-course-root .css-hero__line-num{text-align:right;min-width:1.5rem;color:var(--ch-code-num);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.78rem}.css-course-root .css-hero__line-content{flex:1}.css-course-root .css-selector{color:#79b8ff}.css-course-root .css-prop{color:#b392f0}.css-course-root .css-colon{color:#e1e4e8}.css-course-root .css-val{color:#9ecbff}.css-course-root .css-num{color:#f8c555}.css-course-root .css-str{color:#79b8ff}.css-course-root .css-fn{color:#c8e1ff}.css-course-root .css-brace{color:#e1e4e8}.css-course-root .css-semi{color:#e1e4e8;opacity:.5}.css-course-root .css-comment{color:#6a737d;font-style:italic}.css-course-root .css-hero__float-badge{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-full);color:var(--ch-text);box-shadow:var(--ch-shadow-md);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:absolute}.css-course-root .css-hero__float-badge i{color:var(--ch-primary);font-size:1rem}.css-course-root .css-hero__float-badge--1{animation:5s ease-in-out infinite cssFloatBadge;top:-18px;right:30px}.css-course-root .css-hero__float-badge--2{animation:6s ease-in-out 1.5s infinite reverse cssFloatBadge;bottom:-18px;left:20px}@keyframes cssFloatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.css-course-root .css-hero__scroll{color:var(--ch-text-faint);z-index:2;transition:color var(--ch-dur-fast) var(--ch-ease);font-size:1.3rem;text-decoration:none;animation:2s infinite cssBounceDown;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.css-course-root .css-hero__scroll:hover{color:var(--ch-primary)}@keyframes cssBounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.css-course-root .css-stats-section{background:var(--ch-grad);padding:3.5rem 2rem;position:relative;overflow:hidden}.css-course-root .css-course-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-lg);box-shadow:var(--ch-shadow-sm);transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease), border-color var(--ch-dur-mid) var(--ch-ease);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.css-course-root .css-course-card__img-wrap{background:#f3f3f3;height:195px;position:relative;overflow:hidden}html.dark .css-course-root .css-course-card__img-wrap{background:#1a1a1a}.css-course-root .css-course-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ch-ease)}.css-course-root .css-course-card:hover .css-course-card__img{transform:scale(1.07)}.css-course-root .css-course-card__badge{border-radius:var(--ch-r-full);letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#0000008c;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.css-course-root .css-course-card__body{flex-direction:column;flex:1;gap:.65rem;padding:1.4rem;display:flex}.css-course-root .css-course-card__title{color:var(--ch-text);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.35}.css-course-root .css-stats-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.css-course-root .css-stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid;position:relative}.css-course-root .css-stat-card{text-align:center;color:#fff;padding:1rem}.css-course-root .css-stat-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:56px;height:56px;transition:transform var(--ch-dur-mid) var(--ch-ease-bounce);background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;display:flex}.css-course-root .css-stat-card:hover .css-stat-icon{transform:scale(1.15)rotate(-5deg)}.css-course-root .css-stat-value{letter-spacing:-.04em;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1}.css-course-root .css-stat-label{opacity:.88;letter-spacing:.02em;font-size:.875rem;font-weight:500}.css-course-root .css-features-section{background:var(--ch-bg-alt);transition:background var(--ch-dur-mid) var(--ch-ease);padding:6rem 2rem}.css-course-root .css-features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.css-course-root .css-feature-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-lg);color:var(--ch-text);box-shadow:var(--ch-shadow-xs);transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease), border-color var(--ch-dur-mid) var(--ch-ease);flex-direction:column;gap:1rem;padding:2rem 1.75rem 1.75rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.css-course-root .css-feature-card:before{content:"";background:var(--f-color,var(--ch-grad));transform-origin:0;height:3px;transition:transform var(--ch-dur-mid) var(--ch-ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.css-course-root .css-feature-card:hover{box-shadow:var(--ch-shadow-card);border-color:var(--ch-primary);transform:translateY(-8px)}.css-course-root .css-feature-card:hover:before{transform:scaleX(1)}.css-course-root .css-feature-card__icon-wrap{border-radius:var(--ch-r-sm);background:var(--ch-grad-soft);width:54px;height:54px;color:var(--f-color,var(--ch-primary));transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), background var(--ch-dur-mid) var(--ch-ease), color var(--ch-dur-mid) var(--ch-ease);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.css-course-root .css-feature-card:hover .css-feature-card__icon-wrap{background:var(--ch-grad);color:#fff;transform:scale(1.12)rotate(-5deg)}.css-course-root .css-feature-card__title{color:var(--ch-text);letter-spacing:.01em;font-size:1rem;font-weight:700}.css-course-root .css-feature-card__desc{color:var(--ch-text-muted);flex:1;font-size:.9rem;line-height:1.65}.css-course-root .css-feature-card__cta{color:var(--ch-primary);writing-mode:horizontal-tb;transition:gap var(--ch-dur-fast) var(--ch-ease);flex-direction:row;align-items:center;gap:.35rem;margin-top:auto;font-size:.85rem;font-weight:700;display:inline-flex}.css-course-root .css-feature-card:hover .css-feature-card__cta{gap:.6rem}.css-course-root .css-feature-card__cta i{align-items:center;font-size:.85rem;line-height:1;display:inline-flex;transform:none!important}.css-course-root .css-demos-section{background:var(--ch-bg);transition:background var(--ch-dur-mid) var(--ch-ease);padding:6rem 2rem}.css-course-root .css-demos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;display:grid}.css-course-root .css-demo-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-xl);color:var(--ch-text);box-shadow:var(--ch-shadow-xs);transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease), border-color var(--ch-dur-mid) var(--ch-ease);flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.css-course-root .css-demo-card:before{content:"";opacity:0;transition:opacity var(--ch-dur-mid) var(--ch-ease);pointer-events:none;background:linear-gradient(135deg,#264de40a,#0000);position:absolute;inset:0}.css-course-root .css-demo-card:hover{border-color:var(--d-color,var(--ch-primary));transform:translateY(-10px)scale(1.015);box-shadow:0 16px 48px #264de438}.css-course-root .css-demo-card:hover:before{opacity:1}.css-course-root .css-demo-card__badge{border-radius:var(--ch-r-full);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-primary);background:#264de41a;border:1px solid #264de433;align-self:flex-start;align-items:center;gap:.4rem;padding:.28rem .7rem;font-size:.65rem;font-weight:800;display:inline-flex}.css-course-root .css-demo-card__dot{background:var(--ch-primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite cssPulse}@keyframes cssPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.css-course-root .css-demo-card__icon{border-radius:var(--ch-r-md);width:56px;height:56px;color:var(--d-color,var(--ch-primary));transition:background var(--ch-dur-mid) var(--ch-ease), color var(--ch-dur-mid) var(--ch-ease), transform var(--ch-dur-mid) var(--ch-ease-bounce);background:#264de414;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.css-course-root .css-demo-card:hover .css-demo-card__icon{background:var(--d-color,var(--ch-primary));color:#fff;transform:scale(1.1)rotate(-6deg)}.css-course-root .css-demo-card__preview{background:var(--ch-bg);border-radius:var(--ch-r-md);border:1px solid var(--ch-border-soft);justify-content:center;align-items:center;min-height:100px;padding:1.25rem;display:flex;overflow:hidden}.css-course-root .css-mini-flex{justify-content:center;gap:.5rem;width:100%;display:flex}.css-course-root .css-mini-flex__item{background:var(--ch-grad);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.css-course-root .css-mini-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;width:100%;display:grid}.css-course-root .css-mini-grid__item{background:var(--ch-grad);opacity:.7;border-radius:4px;height:24px}.css-course-root .css-mini-grid__item:nth-child(2){opacity:.85}.css-course-root .css-mini-grid__item:nth-child(3){opacity:.55}.css-course-root .css-mini-grid__item:nth-child(4){opacity:1}.css-course-root .css-mini-grid__item:nth-child(5){opacity:.65}.css-course-root .css-mini-grid__item:nth-child(6){opacity:.8}.css-course-root .css-mini-anim{justify-content:center;align-items:center;width:100%;height:60px;display:flex}.css-course-root .css-mini-anim__ball{background:var(--ch-grad);border-radius:50%;width:36px;height:36px;animation:1.2s ease-in-out infinite miniBounce;box-shadow:0 4px 12px #264de459}@keyframes miniBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.css-course-root .css-demo-card__title{color:var(--ch-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.css-course-root .css-demo-card__desc{color:var(--ch-text-muted);flex:1;font-size:.875rem;line-height:1.7}.css-course-root .css-demo-card__cta{color:var(--d-color,var(--ch-primary));transition:gap var(--ch-dur-fast) var(--ch-ease);align-items:center;gap:.4rem;margin-top:auto;font-size:.875rem;font-weight:700;display:inline-flex}.css-course-root .css-demo-card:hover .css-demo-card__cta{gap:.65rem}.css-course-root .css-demo-card__cta i{font-size:.85rem}.css-course-root .css-courses-section{background:var(--ch-bg-alt);transition:background var(--ch-dur-mid) var(--ch-ease);padding:6rem 2rem}.css-course-root .css-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;display:grid}.css-course-root .css-course-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-lg);box-shadow:var(--ch-shadow-xs);cursor:default;transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease), border-color var(--ch-dur-mid) var(--ch-ease);flex-direction:column;gap:.85rem;padding:2rem 1.75rem 1.75rem;display:flex;position:relative;overflow:hidden}.css-course-root .css-course-card--active{cursor:pointer}.css-course-root .css-course-card:hover{box-shadow:var(--ch-shadow-card);border-color:var(--c-color,var(--ch-primary));transform:translateY(-8px)scale(1.015)}.css-course-root .css-course-card__accent{background:var(--c-color,var(--ch-grad));transform-origin:0;height:3px;transition:transform var(--ch-dur-mid) var(--ch-ease);position:absolute;top:0;left:0;right:0;transform:scaleX(.5)}.css-course-root .css-course-card:hover .css-course-card__accent{transform:scaleX(1)}.css-course-root .css-course-card__icon-wrap{border-radius:var(--ch-r-sm);width:52px;height:52px;color:var(--c-color,var(--ch-primary));transition:background var(--ch-dur-mid) var(--ch-ease), color var(--ch-dur-mid) var(--ch-ease), transform var(--ch-dur-mid) var(--ch-ease-bounce);background:#264de414;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.css-course-root .css-course-card:hover .css-course-card__icon-wrap{background:var(--c-color,var(--ch-primary));color:#fff;transform:scale(1.1)rotate(-6deg)}.css-course-root .css-course-card__badge{border-radius:var(--ch-r-full);letter-spacing:.04em;text-transform:uppercase;color:var(--ch-text-muted);background:#0000000f;align-self:flex-start;align-items:center;gap:.35rem;padding:.22rem .7rem;font-size:.7rem;font-weight:800;display:inline-flex}html.dark .css-course-root .css-course-card__badge{background:#ffffff14}.css-course-root .css-course-card__badge--live{color:var(--ch-primary);background:#264de41a}.css-course-root .css-course-card__badge i{font-size:.75rem}.css-course-root .css-course-card__title{color:var(--ch-text);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.35}.css-course-root .css-course-card__desc{color:var(--ch-text-muted);flex:1;font-size:.875rem;line-height:1.65}.css-course-root .css-testimonials-section{background:var(--ch-bg);transition:background var(--ch-dur-mid) var(--ch-ease);padding:6rem 2rem}.css-course-root .css-testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem;display:grid}.css-course-root .css-testimonial-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:var(--ch-r-lg);box-shadow:var(--ch-shadow-xs);transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.css-course-root .css-testimonial-card:hover{box-shadow:var(--ch-shadow-card);transform:translateY(-6px)}.css-course-root .css-testimonial-card:after{content:"";background:var(--ch-grad);transform-origin:0;height:3px;transition:transform var(--ch-dur-mid) var(--ch-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.css-course-root .css-testimonial-card:hover:after{transform:scaleX(1)}.css-course-root .css-testimonial-card__icon{border-radius:var(--ch-r-sm);background:var(--ch-grad-soft);width:46px;height:46px;color:var(--ch-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.css-course-root .css-testimonial-card__quote{color:var(--ch-border);margin-top:-.5rem;font-size:2.5rem;line-height:1}.css-course-root .css-testimonial-card__text{color:var(--ch-text-muted);flex:1;font-size:.93rem;font-style:italic;line-height:1.75}.css-course-root .css-testimonial-card__author{color:var(--ch-text);align-items:center;gap:.65rem;font-size:.875rem;font-weight:700;display:flex}.css-course-root .css-testimonial-card__author-line{background:var(--ch-grad);border-radius:2px;flex-shrink:0;width:28px;height:3px}.css-course-root .css-cta-section{background:var(--ch-grad);text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.css-course-root .css-cta-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.css-course-root .css-cta-section__blob{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.css-course-root .css-cta-section__blob--1{background:#ffffff1f;width:350px;height:350px;top:-100px;left:-80px}.css-course-root .css-cta-section__blob--2{background:#ffffff1a;width:280px;height:280px;bottom:-80px;right:-60px}.css-course-root .css-cta-section__inner{z-index:1;position:relative}.css-course-root .css-cta-section__icon{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;font-size:2rem;animation:3s ease-in-out infinite cssIconPulse;display:flex}@keyframes cssIconPulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 16px #fff0}}.css-course-root .css-cta-section__title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.css-course-root .css-cta-section__desc{color:#ffffffe0;max-width:620px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.75}.css-course-root .css-cta-section__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.css-course-root .css-float-theme,.css-course-root .css-float-top{cursor:pointer;z-index:900;width:46px;height:46px;transition:transform var(--ch-dur-mid) var(--ch-ease-bounce), box-shadow var(--ch-dur-mid) var(--ch-ease), opacity var(--ch-dur-fast) var(--ch-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;right:1.5rem;box-shadow:0 4px 16px #0000002e}.css-course-root .css-float-theme{background:var(--ch-card);color:var(--ch-primary);border:1.5px solid var(--ch-border);bottom:5.5rem}.css-course-root .css-float-theme:hover{transform:scale(1.15)rotate(20deg);box-shadow:0 6px 20px #00000038}.css-course-root .css-float-top{background:var(--ch-grad);color:#fff;opacity:0;pointer-events:none;bottom:1.5rem;transform:translateY(10px)}.css-course-root .css-float-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.css-course-root .css-float-top:hover{transform:translateY(-4px);box-shadow:0 8px 24px #264de466}@media (width<=1100px){.css-course-root .css-hero__inner{gap:2.5rem}.css-course-root .css-stats-grid{grid-template-columns:repeat(2,1fr)}.css-course-root .css-hero__chip{display:none}}@media (width<=900px){.css-course-root .css-hero{padding:6rem 1.5rem 5rem}.css-course-root .css-hero__inner{text-align:center;grid-template-columns:1fr;gap:3rem}.css-course-root .css-hero__content{flex-direction:column;align-items:center;display:flex}.css-course-root .css-hero__subtitle,.css-course-root .css-hero__trust{justify-content:center}.css-course-root .css-hero__code-wrap,.css-course-root .css-hero__code-line,.css-course-root .css-hero__line-content{text-align:left}.css-course-root .css-hero__float-badge--1{top:-14px;right:10px}.css-course-root .css-hero__float-badge--2{bottom:-14px;left:10px}}@media (width<=768px){.css-course-root .css-container{padding:0 1.25rem}.css-course-root .css-features-section,.css-course-root .css-demos-section,.css-course-root .css-courses-section,.css-course-root .css-testimonials-section,.css-course-root .css-cta-section{padding:4rem 1.25rem}.css-course-root .css-stats-section{padding:2.5rem 1.25rem}.css-course-root .css-section-header{margin-bottom:2.5rem}.css-course-root .css-features-grid{grid-template-columns:1fr 1fr;gap:1rem}.css-course-root .css-courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.css-course-root .css-demos-grid,.css-course-root .css-testimonials-grid{grid-template-columns:1fr}.css-course-root .css-cta-section__actions{flex-direction:column;align-items:center}.css-course-root .css-float-theme{bottom:5rem;right:1rem}.css-course-root .css-float-top{bottom:1rem;right:1rem}}@media (width<=500px){.css-course-root .css-hero__inner{gap:2rem}.css-course-root .css-hero__title{font-size:1.75rem}.css-course-root .css-hero__actions{flex-direction:column;width:100%}.css-course-root .css-hero__actions .css-btn{justify-content:center}.css-course-root .css-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.css-course-root .css-stat-value{font-size:1.6rem}.css-course-root .css-features-grid,.css-course-root .css-courses-grid{grid-template-columns:1fr}.css-course-root .css-section-title,.css-course-root .css-cta-section__title{font-size:1.6rem}.css-course-root .css-cta-section__actions .css-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.css-prop-page{background-color:#eef2ff;flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex}.css-animate-fade-in{animation:.5s ease-out cssPropFadeIn}@keyframes cssPropFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.css-prop-header{color:#fff;z-index:200;background:linear-gradient(135deg,#264de4,#2965f1);padding:.8rem 1.1rem;position:sticky;top:0;box-shadow:0 2px 16px #264de459}.css-prop-header-inner{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.css-prop-back-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #ffffffbf;border-radius:7px;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.css-prop-back-btn:hover{background:#ffffff2e;border-color:#fff}.css-prop-header-title{text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:800;overflow:hidden}.css-prop-menu-trigger{cursor:pointer;background:#ffffff26;border:2px solid #ffffff8c;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:36px;padding:0 8px;transition:background .2s,border-color .2s;display:flex}.css-prop-menu-trigger:hover{background:#ffffff47;border-color:#fff}.css-prop-menu-trigger span{background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.css-loading-overlay{z-index:9999;background:linear-gradient(135deg,#264de4 0%,#2965f1 60%,#1b35b5 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.22s forwards cssOverlayIn;display:flex;position:fixed;inset:0}@keyframes cssOverlayIn{0%{opacity:0}to{opacity:1}}.css-loading-overlay.fade-out{pointer-events:none;animation:.42s forwards cssOverlayOut}@keyframes cssOverlayOut{0%{opacity:1}to{opacity:0}}.css-loading-logo-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.css-loading-spinner-ring{border:4px solid #ffffff38;border-top-color:#fff;border-radius:50%;animation:.85s linear infinite cssSpinRing;position:absolute;inset:0}@keyframes cssSpinRing{to{transform:rotate(360deg)}}.css-loading-logo-text{color:#fff;letter-spacing:-.02em;text-align:center;font-family:JetBrains Mono,Courier New,monospace;font-size:1.1rem;font-weight:900;line-height:1.2;animation:.85s ease-in-out infinite alternate cssLogoPulse}@keyframes cssLogoPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.css-loading-prop-name{color:#fffffff2;letter-spacing:.05em;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:999px;padding:.32rem 1.1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:1rem;font-weight:700}.css-loading-dots{gap:.5rem;display:flex}.css-loading-dot{background:#ffffffe6;border-radius:50%;width:10px;height:10px;animation:.65s ease-in-out infinite cssDotBounce}.css-loading-dot:first-child{animation-delay:0s}.css-loading-dot:nth-child(2){animation-delay:.13s}.css-loading-dot:nth-child(3){animation-delay:.26s}@keyframes cssDotBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-13px)}}.css-loading-caption{color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:500}.css-prop-info-banner{color:#1b35b5;background:#eff6ff;border-left:4px solid #264de4;padding:.8rem 1rem;font-size:.875rem}.css-prop-info-inner{flex-wrap:wrap;align-items:flex-start;gap:.55rem;width:100%;display:flex}.css-prop-info-icon{color:#264de4;flex-shrink:0;width:18px;height:18px;margin-top:1px}.css-prop-info-text{line-height:1.55}.css-prop-info-text code{color:#264de4;background:#dbeafe;border-radius:4px;padding:.1rem .42rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;font-weight:700}.css-prop-main{box-sizing:border-box;flex:1;width:100%;padding:.85rem .85rem 1.5rem}.css-prop-panels-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:.85rem;min-height:calc(100vh - 180px);display:grid}@media (width<=768px){.css-prop-panels-grid{min-height:unset;grid-template-columns:1fr}}.css-editor-panel{background:#0d1117;border:1px solid #264de433;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 4px 20px #264de433}.css-editor-panel-header{background:#161b22;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.css-editor-panel-header-left{align-items:center;gap:.55rem;display:flex}.css-editor-lang-badge{color:#79b8ff;letter-spacing:.06em;text-transform:uppercase;background:#264de440;border:1px solid #264de44d;border-radius:5px;padding:.18rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.css-editor-label-text{color:#8b949e;letter-spacing:.02em;font-size:.78rem;font-weight:500}.css-editor-dots{align-items:center;gap:.35rem;display:flex}.css-editor-dot{border-radius:50%;width:12px;height:12px}.css-editor-dot.red{background:#ff5f57}.css-editor-dot.yellow{background:#ffbd2e}.css-editor-dot.green{background:#28ca41}.css-editor-monaco-wrap{flex:1;min-height:0;overflow:hidden}.css-editor-actions-bar{background:#161b22;border-top:1px solid #ffffff12;flex-wrap:wrap;flex-shrink:0;gap:.6rem;padding:.6rem .9rem;display:flex}.css-action-btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex}.css-action-btn:hover{transform:translateY(-2px)}.css-action-btn:active{transform:scale(.97)}.css-action-btn svg{flex-shrink:0;width:14px;height:14px}.css-action-btn.run{color:#fff;background:linear-gradient(135deg,#264de4,#2965f1);box-shadow:0 3px 12px #264de459}.css-action-btn.run:hover{background:linear-gradient(135deg,#1b35b5,#264de4);box-shadow:0 6px 18px #264de473}.css-action-btn.compiler{color:#fff;background:#1b35b5;box-shadow:0 3px 10px #1b35b559}.css-action-btn.compiler:hover{background:#142a8e;box-shadow:0 5px 15px #1b35b573}.css-action-btn.copy{color:#79b8ff;background:#264de41f;border:1px solid #264de440}.css-action-btn.copy:hover{color:#a8c8ff;background:#264de438;border-color:#264de473}.css-preview-panel{background:#fff;border:1px solid #264de426;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 4px 20px #264de41f}.css-preview-panel-header{background:#f0f4ff;border-bottom:1px solid #264de41f;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.css-preview-panel-title{color:#264de4;align-items:center;gap:.45rem;margin:0;font-size:.82rem;font-weight:700;display:flex}.css-preview-panel-title i{font-size:.9rem}.css-preview-live-badge{color:#264de4;letter-spacing:.06em;text-transform:uppercase;background:#264de41a;border:1px solid #264de433;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.css-preview-live-badge-dot{background:#264de4;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite cssLivePulse}@keyframes cssLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.css-preview-dots-row{align-items:center;gap:.35rem;display:flex}.css-preview-wdot{border-radius:50%;width:11px;height:11px}.css-preview-wdot.red{background:#ff5f57}.css-preview-wdot.yellow{background:#ffbd2e}.css-preview-wdot.green{background:#28ca41}.css-preview-iframe{background:#fff;border:none;flex:1;width:100%;min-height:0;display:block}.css-preview-note{color:#4a5580;background:#eff6ff;border-top:1px solid #264de41a;flex-shrink:0;padding:.5rem .9rem;font-size:.78rem}.css-preview-note-row{align-items:flex-start;gap:.45rem;display:flex}.css-preview-note-row svg{color:#264de4;flex-shrink:0;width:14px;height:14px;margin-top:1px}.css-preview-note-row strong{color:#264de4}.css-page-footer{color:#c9d3f0;background:linear-gradient(135deg,#0a0f2e 0%,#0d1433 60%,#111827 100%);margin-top:auto;padding:1.75rem 0 1rem;position:relative}.css-page-footer:before{content:"";background:linear-gradient(90deg,#264de4,#2965f1,#42a1d0,#2965f1,#264de4);height:3px;position:absolute;top:0;left:0;right:0}.css-footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.css-footer-content{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=640px){.css-footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.css-footer-text h3{color:#fff;letter-spacing:-.01em;margin:0 0 .2rem;font-size:1rem;font-weight:800}.css-footer-text p{color:#7b8db5;margin:0;font-size:.8rem}.css-social-icons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.css-social-icon-wrapper{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.css-social-icon{color:#7b8db5;background:#264de41f;border:1.5px solid #264de438;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .22s;display:flex}.css-social-icon svg{width:17px;height:17px}.css-social-icon:hover{color:#fff;background:linear-gradient(135deg,#264de4,#2965f1);border-color:#0000;transform:translateY(-4px);box-shadow:0 6px 16px #264de466}.css-social-icon-wrapper:first-child .css-social-icon:hover{background:#e1306c}.css-social-icon-wrapper:nth-child(2) .css-social-icon:hover{background:red}.css-social-icon-wrapper:nth-child(3) .css-social-icon:hover{background:#08c}.css-social-icon-wrapper:nth-child(4) .css-social-icon:hover{background:#25d366}.css-social-icon-label{color:#4a5580;white-space:nowrap;opacity:0;pointer-events:none;font-size:.62rem;font-weight:600;transition:all .2s;transform:translateY(-3px)}.css-social-icon-wrapper:hover .css-social-icon-label{opacity:1;transform:translateY(0)}.css-contact-email{text-align:center;margin-bottom:.6rem}.css-contact-email a{color:#7b8db5;font-size:.8rem;text-decoration:none;transition:color .18s}.css-contact-email a:hover{color:#264de4}.css-footer-copyright{text-align:center;border-top:1px solid #ffffff12;padding-top:.75rem}.css-footer-copyright p{color:#4a5580;margin:0;font-size:.75rem}.css-interactive-section{background:#eef2ff;padding:1rem .85rem 1.5rem}.css-interactive-card{background:#fff;border:1.5px solid #264de426;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #264de41a}.css-interactive-card-header{background:linear-gradient(135deg,#264de40f,#2965f108);border-bottom:1px solid #264de41a;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.css-interactive-card-icon{color:#fff;background:linear-gradient(135deg,#264de4,#2965f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex;box-shadow:0 4px 12px #264de44d}.css-interactive-card-header h2{color:#264de4;letter-spacing:-.02em;margin:0 0 .1rem;font-size:1.1rem;font-weight:800}.css-interactive-card-header p{color:#4a5580;margin:0;font-size:.8rem;line-height:1.5}.css-interactive-card-body{padding:1.5rem}.hover-scale{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.hover-scale:hover{transform:translateY(-2px)scale(1.005);box-shadow:0 8px 28px #264de433}@media (width<=480px){.css-prop-header-title{font-size:.95rem}.css-prop-back-btn{padding:.32rem .65rem;font-size:.78rem}.css-prop-menu-trigger{width:34px;height:32px}.css-prop-main{padding:.55rem .55rem 1rem}.css-editor-panel,.css-preview-panel{min-height:380px}.css-action-btn{padding:.38rem .75rem;font-size:.75rem}.css-interactive-section{padding:.55rem .55rem 1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.py-module-container{--p1:#3776ab;--p2:#ffd43b;--p1d:#2a5f8f;--p1dd:#163552;--p1l:#5a9fd4;--p1xl:#e6f2fb;--p2d:#e6be2a;--p2xl:#fffce8;--n0:#fff;--n1:#f7fafd;--n2:#edf3f9;--n3:#d8e8f4;--n4:#b0cce0;--n5:#7a9db8;--n6:#4a6a82;--n7:#2c4a60;--n8:#162d3e;--n9:#0a1a28;--bg:#0a1520;--surface:#0f1e32d9;--border:#3776ab33;--border-color:#3776ab33;--text:#e2e8f0;--text-secondary:#8fafc7;--muted:var(--n5);--primary:#3776ab;--s1:0 1px 3px #0a1a280f, 0 1px 2px #0a1a280a;--s2:0 4px 12px #0a1a2814, 0 2px 4px #0a1a280d;--s3:0 8px 24px #0a1a281c, 0 3px 8px #0a1a2812;--s4:0 16px 48px #0a1a2826, 0 6px 16px #0a1a2817;--s5:0 32px 80px #0a1a2833;--r1:6px;--r2:10px;--r3:16px;--r4:22px;--r5:32px;--rp:9999px;--font:"Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;font-family:var(--font);color:#e2e8f0;background:#0a1520;line-height:1.6}.py-module-container *{box-sizing:border-box}.py-navbar a,.py-nav-menu a,.py-mob-drawer a,.py-topics-page a,.py-subtopic-page a,.py-about-page a,.py-contact-page a,.py-tasks-page a,.py-home a:not(.cf-footer a):not(.pc-card a){color:var(--p1);text-decoration:none;transition:color .18s}.py-navbar a:hover,.py-nav-menu a:hover,.py-mob-drawer a:hover{color:var(--p1d)}.py-navbar{z-index:400;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--s1);background:#fffffff0;position:sticky;top:0}.py-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.py-nav-brand{flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.py-nav-logo-icon{background:var(--p1);color:#fff;border-radius:var(--r1);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:monospace;font-weight:800;display:flex}.py-nav-brand-text{flex-direction:column;line-height:1.1;display:flex}.py-nb-main{color:var(--n8);letter-spacing:-.2px;font-size:.95rem;font-weight:800}.py-nb-sub{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;font-size:.62rem;font-weight:600}.py-nav-menu{align-items:center;gap:.15rem;list-style:none;display:flex}.py-nav-menu a{border-radius:var(--r2);color:var(--n6);white-space:nowrap;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.875rem;font-weight:600;transition:all .18s;display:flex}.py-nav-menu a:hover{background:var(--p1xl);color:var(--p1)}.py-nav-menu a.active{background:var(--p1);color:#fff}.py-nav-pill{background:var(--p2);color:var(--n9);border-radius:var(--rp);padding:1px 6px;font-size:.58rem;font-weight:800}.py-nav-end{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.py-nav-pg{border-radius:var(--r2);background:var(--p2);color:var(--n9);white-space:nowrap;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.82rem;font-weight:700;transition:all .18s;display:flex}.py-nav-pg:hover{background:var(--p2d);color:var(--n9);transform:translateY(-1px);box-shadow:0 4px 12px #ffd43b59}.py-nav-pg--play{color:#1a1a1a;border-radius:var(--r2);white-space:nowrap;background:#f5c800;align-items:center;gap:.4rem;padding:.42rem 1.05rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:flex}.py-nav-pg--play:hover{color:#1a1a1a;background:#e6b800;transform:translateY(-1px);box-shadow:0 4px 14px #f5c80073}.py-nav-pg--play i{font-size:.9rem}.py-mob-pg{color:#1a1a1a;border-radius:var(--r2);text-align:center;background:#f5c800;margin-top:.5rem;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:block}.py-hbg{cursor:pointer;border-radius:var(--r1);background:0 0;border:none;flex-direction:column;gap:4px;padding:.45rem;display:none}.py-hbg:hover{background:var(--n2)}.py-hbg span{background:var(--n7);border-radius:2px;width:20px;height:2px;transition:all .28s;display:block}.py-hbg.on span:first-child{transform:rotate(45deg)translate(4px,4px)}.py-hbg.on span:nth-child(2){opacity:0;transform:scaleX(0)}.py-hbg.on span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.py-mob-bg{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1a2899;display:none;position:fixed;inset:0}.py-mob-bg.on{display:block}.py-mob-drawer{background:var(--surface);width:min(290px,86vw);height:100vh;box-shadow:var(--s5);flex-direction:column;gap:.3rem;padding:68px 1rem 1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.py-mob-bg.on .py-mob-drawer{transform:translate(0)}.py-mob-drawer a{border-radius:var(--r2);color:var(--n7);align-items:center;gap:.65rem;padding:.7rem .9rem;font-size:.92rem;font-weight:600;transition:all .18s;display:flex}.py-mob-drawer a:hover,.py-mob-drawer a.active{background:var(--p1xl);color:var(--p1)}.py-mob-pg-btn{background:var(--p2);color:var(--n9);justify-content:center;margin-top:.65rem;font-weight:700}.py-footer{background:var(--n9);color:var(--n5);padding:4rem 2rem 2rem}.py-footer-inner{max-width:1280px;margin:0 auto}.py-footer-grid{border-bottom:1px solid var(--n8);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;display:grid}.py-fb-logo{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.py-footer-logo-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:32px;height:32px}.py-fb-logo span{color:#fff;font-size:.95rem;font-weight:800}.py-footer-brand-col p{color:var(--n5);max-width:230px;font-size:.84rem;line-height:1.75}.py-footer-col h5{text-transform:uppercase;letter-spacing:1.3px;color:var(--n4);margin-bottom:.9rem;font-size:.68rem;font-weight:700}.py-footer-col ul{flex-direction:column;gap:.45rem;list-style:none;display:flex}.py-footer-col ul a{color:var(--n5);font-size:.84rem;transition:color .18s}.py-footer-col ul a:hover{color:var(--p2)}.py-footer-socials{flex-direction:column;gap:.45rem;display:flex}.py-footer-socials a{border-radius:var(--r2);background:var(--n8);color:var(--n5);align-items:center;gap:.65rem;padding:.45rem .7rem;font-size:.8rem;font-weight:500;transition:all .18s;display:flex}.py-footer-socials a:hover{background:var(--p1);color:#fff;transform:translate(3px)}.py-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.5rem;display:flex}.py-footer-legal{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.py-footer-legal p{color:var(--n6);font-size:.8rem}.py-footer-legal-links{align-items:center;gap:1.2rem;display:flex}.py-footer-legal-links a{color:var(--n6);font-size:.8rem;transition:color .18s}.py-footer-legal-links a:hover{color:var(--p2)}.py-footer-pill{background:var(--n8);border-radius:var(--rp);color:var(--n5);align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.7rem;display:flex}.py-footer-pill:before{content:"";background:var(--p2);border-radius:50%;width:5px;height:5px}.py-chip{background:var(--p1xl);color:var(--p1);letter-spacing:.8px;text-transform:uppercase;border-radius:var(--rp);align-items:center;gap:.35rem;padding:.22rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.py-tag-y{background:var(--p2xl);color:#7a5c00}.py-btn{border-radius:var(--r2);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.65rem 1.4rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.py-btn-y{background:var(--p2);color:var(--n9);box-shadow:0 4px 14px #ffd43b47}.py-btn-y:hover{background:var(--p2d);color:var(--n9);transform:translateY(-2px);box-shadow:0 6px 20px #ffd43b61}.py-btn-o{color:var(--p1);border:2px solid var(--p1);background:0 0}.py-btn-o:hover{background:var(--p1);color:#fff;transform:translateY(-2px)}.py-btn-w{color:var(--p1);box-shadow:var(--s2);background:#fff}.py-btn-w:hover{background:var(--p1xl);color:var(--p1d);transform:translateY(-2px)}@media (width<=768px){.py-nav-menu,.py-nav-end .py-nav-pg,.py-nav-end .py-nav-pg--play{display:none}.py-hbg{display:flex}.py-footer-grid{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.py-footer-bar{text-align:center;flex-direction:column}}.py-hero{background:linear-gradient(150deg,#0c1a27 0%,#162535 50%,#0c1a27 100%);padding:8rem 2rem 6rem;position:relative;overflow:hidden}.py-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#3776ab26,#0000 40%),radial-gradient(circle at 20% 80%,#ffd43b1a,#0000 40%);position:absolute;inset:0}.py-hero-inner{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.py-hero-eyebrow{color:#5a9fd4;background:#3776ab1f;border:1px solid #3776ab4d;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.py-hero-h1{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.py-hl{color:#ffd43b;text-shadow:0 0 30px #ffd43b4d}.py-hero-sub{color:#ffffffad;max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.65}.py-hero-btns{gap:1rem;margin-bottom:3rem;display:flex}.py-hero-stats{border-top:1px solid #ffffff14;gap:3rem;padding-top:2rem;display:flex}.py-hs-n{color:#ffd43b;font-size:2rem;font-weight:800}.py-hs-l{color:#ffffff73;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.py-terminal{background:#1e293b;border:1px solid #ffffff14;border-radius:1rem;width:100%;font-family:Fira Code,JetBrains Mono,monospace;overflow:hidden;box-shadow:0 25px 50px -12px #0000008c}.py-term-topbar{background:#111b27;align-items:center;padding:.75rem 1.25rem;display:flex}.py-term-dots{gap:.5rem;display:flex}.py-term-dots span{border-radius:50%;width:12px;height:12px}.py-term-dots span:first-child{background:#ff5f56}.py-term-dots span:nth-child(2){background:#ffbd2e}.py-term-dots span:nth-child(3){background:#27c93f}.py-term-title{text-align:center;color:#94a3b8;flex:1;font-size:.75rem}.py-term-body{color:#e2e8f0;padding:1.5rem;font-size:.92rem;line-height:1.75}.py-tl-prompt{color:#22c55e;margin-right:.75rem}.py-tl-comment{color:#64748b;font-style:italic}.py-tl-kw{color:#f472b6}.py-tl-fn{color:#38bdf8}.py-tl-str{color:#fbbf24}.py-tl-var{color:#a78bfa}.py-tl-cmd{color:#e2e8f0}.py-tl-out{color:#94a3b8;margin-left:2rem}.py-tl-blank{height:.6rem}.py-cursor{vertical-align:middle;background:#ffd43b;border-radius:1px;width:8px;height:1.1em;animation:1s step-start infinite py-blink;display:inline-block}@keyframes py-blink{50%{opacity:0}}.py-feat-sec{background:linear-gradient(#0f1e2d 0%,#0a1520 100%);padding:6rem 2rem}.py-sec-hd{text-align:center;margin-bottom:4rem}.py-sec-hd h2{color:#fff;margin:.75rem 0 1rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.py-sec-hd p{color:#7a9db8;max-width:580px;margin:0 auto;font-size:1rem;line-height:1.65}.py-feat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.py-feat-card{background:#ffffff0a;border:1px solid #3776ab33;border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.py-feat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3776ab,#ffd43b);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.py-feat-card:hover{background:#3776ab14;border-color:#3776ab73;transform:translateY(-5px);box-shadow:0 12px 32px #3776ab1f}.py-feat-card:hover:before{opacity:1}.py-feat-ico{margin-bottom:1.25rem;font-size:2.2rem;display:block}.py-feat-card h3{color:#fff;margin-bottom:.65rem;font-size:1.15rem;font-weight:700}.py-feat-card p{color:#7a9db8;font-size:.9rem;line-height:1.65}.py-prev-sec{background:#0a1520;padding:6rem 2rem}.py-prev-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:1200px;margin:0 auto 3rem;display:flex}.py-prev-hd h2{color:#fff;margin-top:.5rem;font-size:clamp(1.8rem,4vw,2.3rem);font-weight:800}.py-prev-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;max-width:1200px;margin:0 auto;display:grid}.py-prev-card{background:#ffffff08;border:1px solid #3776ab33;border-radius:1.25rem;padding:2.25rem;transition:all .3s;position:relative;overflow:hidden}.py-prev-card:hover{background:#3776ab14;border-color:#3776ab;transform:translateY(-4px);box-shadow:0 12px 30px #3776ab26}.py-pc-ico{margin-bottom:1.25rem;font-size:2rem;display:block}.py-prev-card h3{color:#fff;margin-bottom:.65rem;font-size:1.15rem;font-weight:700}.py-prev-card p{color:#7a9db8;font-size:.9rem;line-height:1.65}.py-btn-o{color:#5a9fd4;background:0 0;border:1.5px solid #3776ab66;border-radius:.6rem;align-items:center;gap:.3rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.py-btn-o:hover{color:#fff;background:#3776ab;border-color:#3776ab;transform:translateY(-2px);box-shadow:0 4px 14px #3776ab4d}.py-cta-sec{text-align:center;color:#fff;background:linear-gradient(135deg,#3776ab 0%,#2a5f8f 60%,#1e4a73 100%);padding:6rem 2rem;position:relative;overflow:hidden}.py-cta-sec:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% -20%,#ffd43b1f,#0000 60%);position:absolute;inset:0}.py-cta-inner{z-index:1;position:relative}.py-cta-inner h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:900}.py-cta-inner h2 span{color:#ffd43b}.py-cta-inner p{opacity:.88;max-width:560px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.py-cta-btns{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}@media (width<=900px){.py-hero-inner{text-align:center;grid-template-columns:1fr;gap:3rem}.py-hero-content{flex-direction:column;align-items:center;display:flex}.py-hero-sub{margin-left:auto;margin-right:auto}.py-hero-stats{justify-content:center;gap:2rem}}@media (width<=600px){.py-hero{padding:6rem 1.25rem 4rem}.py-feat-sec,.py-prev-sec,.py-cta-sec{padding:4rem 1.25rem}.py-hero-btns,.py-cta-btns{flex-direction:column;width:100%}.py-prev-hd{flex-direction:column;align-items:flex-start}.py-terminal{border-radius:.75rem}}.py-topics-page{background:#0a1520;min-height:100vh}.py-topics-hero{background:linear-gradient(150deg, var(--n9) 0%, var(--p1dd) 45%, var(--p1) 100%);text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.py-topics-hero .py-chip{margin-bottom:1rem;display:inline-block}.py-topics-hero h1{color:#fff;letter-spacing:-1px;margin:1rem 0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;line-height:1.1}.py-topics-hero h1 span{color:var(--p2)}.py-topics-hero p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.py-topics-body{max-width:1200px;margin:0 auto;padding:4rem 2rem}.py-topic-sec{margin-bottom:5rem}.py-topic-sec-hd{border-bottom:2px solid var(--border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex;position:relative}.py-topic-sec-hd:after{content:"";background:var(--p1);width:100px;height:2px;position:absolute;bottom:-2px;left:0}.py-sec-num{background:var(--p1);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #3b82f64d}.py-topic-sec-hd h2{color:#fff;letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.py-topic-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.py-topic-card{border-radius:var(--r3);background:#ffffff0a;border:1px solid #3776ab33;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.py-topic-card:hover{background:#3776ab12;border-color:#3776ab80;transform:translateY(-8px);box-shadow:0 12px 32px #3776ab2e}.py-tc-top{background:#3776ab0d;border-bottom:1px solid #3776ab26;padding:1.75rem}.py-tc-top h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.py-tc-top p{color:#7a9db8;font-size:.9rem;line-height:1.6}.py-tc-links{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.py-tc-link{border-radius:var(--r2);color:#a0b8cc;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.py-tc-link:before{content:"";background:#3776ab4d;border:2px solid #3776ab;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .2s}.py-tc-link:hover{color:#5a9fd4;background:#3776ab1a;transform:translate(8px)}.py-tc-link:hover:before{background:#3776ab;transform:scale(1.2)}@media (width<=768px){.py-topics-hero{padding:4rem 1.5rem}.py-topics-body{padding:3rem 1.5rem}.py-topic-cards-grid{grid-template-columns:1fr}.py-topic-sec-hd h2{font-size:1.5rem}}@media (width<=480px){.py-topics-body{padding:2.5rem 1rem}.py-topic-sec{margin-bottom:3.5rem}}.py-about-page{background:var(--bg);min-height:100vh}.py-about-hero{background:linear-gradient(150deg, var(--n9) 0%, var(--p1dd) 45%, var(--p1) 100%);text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.py-about-hero .py-chip{margin-bottom:1rem;display:inline-block}.py-about-hero h1{color:#fff;letter-spacing:-1px;margin:1rem 0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;line-height:1.1}.py-about-hero h1 span{color:var(--p2);display:block}.py-about-hero p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.py-about-body{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:4rem 2rem;display:flex}.py-about-mission{border:1px solid var(--border);border-radius:var(--r4);text-align:center;box-shadow:var(--s1);background:#fff;padding:4rem 3rem}.py-about-mission .py-mico{margin-bottom:1.5rem;font-size:3.5rem;animation:3s ease-in-out infinite py-float;display:inline-block}.py-about-mission h2{color:var(--p1dd);margin-bottom:1.5rem;font-size:2rem;font-weight:800}.py-about-mission p{color:var(--muted);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.9}.py-about-cards{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.py-about-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);flex-direction:column;height:100%;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.py-about-card:hover{box-shadow:var(--s4);border-color:var(--p1xl);transform:translateY(-8px)}.py-about-card .py-aco{background:var(--p1xl);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:1.8rem;display:flex}.py-about-card h2{color:var(--p1dd);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.py-about-card p{color:var(--muted);margin-bottom:1rem;font-size:1rem;line-height:1.8}.py-about-card p:last-child{margin-bottom:0}.py-about-vals{background:var(--n9);border-radius:var(--r4);grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem;padding:4rem 3rem;display:grid}.py-val-item{text-align:center}.py-val-item .py-vi{margin-bottom:1.25rem;font-size:2.5rem;display:inline-block}.py-val-item h3{color:var(--p2);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.py-val-item p{color:var(--n5);font-size:.95rem;line-height:1.7}@keyframes py-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=992px){.py-about-vals{grid-template-columns:1fr;gap:2.5rem;padding:3rem 2rem}}@media (width<=768px){.py-about-hero{padding:4rem 1.5rem}.py-about-body{padding:3rem 1.5rem}.py-about-cards{grid-template-columns:1fr}.py-about-mission{padding:3rem 2rem}.py-about-card{padding:2rem}}@media (width<=480px){.py-about-hero h1{font-size:2.2rem}.py-about-mission{padding:2.5rem 1.5rem}}.py-contact-page{background:var(--bg);min-height:100vh}.py-contact-hero{background:linear-gradient(150deg, var(--n9) 0%, var(--p1dd) 45%, var(--p1) 100%);text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.py-contact-hero .py-chip{margin-bottom:1rem;display:inline-block}.py-contact-hero h1{color:#fff;letter-spacing:-1px;margin:1rem 0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;line-height:1.1}.py-contact-hero h1 span{color:var(--p2)}.py-contact-hero p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.py-contact-body{grid-template-columns:1.5fr 1fr;align-items:start;gap:3rem;max-width:1100px;margin:0 auto;padding:4rem 2rem;display:grid}.py-cf-card{border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--s2);background:#fff;padding:3rem}.py-cf-card h2{color:var(--n8);letter-spacing:-.5px;margin-bottom:2rem;font-size:1.8rem;font-weight:800}.py-form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.py-fg{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.py-fg label{color:var(--n7);padding-left:4px;font-size:.9rem;font-weight:700}.py-fg input,.py-fg textarea,.py-fg select{border:2px solid var(--border);font-family:var(--font);color:var(--text);background:var(--surface);border-radius:12px;outline:none;padding:.9rem 1.25rem;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.py-fg input:focus,.py-fg textarea:focus,.py-fg select:focus{border-color:var(--p1);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.py-fg textarea{resize:vertical;min-height:160px}.py-ci-stack{flex-direction:column;gap:1.5rem;display:flex}.py-ci-block{border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--s1);background:#fff;align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.py-ci-block:hover{border-color:var(--p1);box-shadow:var(--s3);transform:translate(8px)}.py-ci-ico{background:var(--p1xl);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.py-ci-ico svg{width:24px;height:24px;stroke:var(--p1)}.py-ci-txt h3{color:var(--n8);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.py-ci-txt p{color:var(--muted);font-size:.95rem;line-height:1.6}.py-ci-soc{background:var(--n9);border-radius:var(--r4);margin-top:1rem;padding:2rem}.py-ci-soc h3{text-transform:uppercase;letter-spacing:2px;color:var(--n4);margin-bottom:1.5rem;font-size:.85rem;font-weight:800}.py-ci-soc-links{flex-direction:column;gap:.75rem;display:flex}.py-ci-soc-link{color:var(--n4);background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.py-ci-soc-link:hover{background:var(--p1);color:#fff;transform:translateY(-2px)}.py-ci-soc-link svg{flex-shrink:0;width:20px;height:20px}@media (width<=992px){.py-contact-body{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.py-contact-hero{padding:4rem 1.5rem}.py-contact-body{padding:3rem 1.5rem}.py-cf-card{padding:2.5rem 1.5rem}.py-form-row{grid-template-columns:1fr;gap:0}}@media (width<=480px){.py-contact-body{padding:2rem 1rem}.py-cf-card h2{font-size:1.5rem}}.py-tasks-page{background:var(--bg);min-height:100vh}.py-tasks-hero{background:linear-gradient(150deg, var(--n9) 0%, var(--p1dd) 45%, var(--p1) 100%);text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.py-tasks-hero .py-chip{margin-bottom:1rem;display:inline-block}.py-tasks-hero h1{color:#fff;letter-spacing:-1.5px;margin:1rem 0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;line-height:1.1}.py-tasks-hero h1 span{color:var(--p2)}.py-tasks-hero p{color:#fffc;max-width:600px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.8}.py-tasks-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.py-tasks-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s}.py-tasks-chip:hover{background:#ffffff26;transform:translateY(-2px)}.py-tasks-body{grid-template-columns:320px 1fr;align-items:start;gap:2.5rem;max-width:1300px;margin:0 auto;padding:4rem 2rem;display:grid}.py-tasks-sidebar{border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--s2);background:#fff;position:sticky;top:100px;overflow:hidden}.py-sb-hd{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--p1xl) 0%, transparent 100%);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.py-sb-hd h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--p1dd);font-size:.85rem;font-weight:800}.py-sb-count{background:var(--p1);color:#fff;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:800;box-shadow:0 4px 10px #3b82f64d}.py-task-ul{flex-direction:column;gap:.5rem;max-height:calc(100vh - 250px);padding:.75rem;list-style:none;display:flex;overflow-y:auto}.py-task-ul::-webkit-scrollbar{width:5px}.py-task-ul::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.py-task-li{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.py-task-li:hover{background:var(--p1xl)}.py-task-li.py-sel{border-color:var(--p1);box-shadow:var(--s2);background:#fff}.py-task-li.py-done .py-tnum{color:#fff;background:#22c55e}.py-tnum{background:var(--p1xl);width:32px;height:32px;color:var(--p1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.py-task-li.py-sel .py-tnum{background:var(--p1);color:#fff}.py-tinfo{flex-direction:column;gap:.25rem;min-width:0;display:flex}.py-ttitle{color:var(--n8);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.py-tdiff{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.py-task-editor{border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--s3);background:#fff;flex-direction:column;min-height:600px;display:flex;overflow:hidden}.py-t-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.py-eico{opacity:.3;margin-bottom:2rem;font-size:5rem;animation:4s ease-in-out infinite py-float}.py-t-empty h3{color:var(--n8);margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.py-t-hd{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#3b82f60d 0%,#0000 100%);padding:2.5rem}.py-t-hd-top{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.py-t-idx{background:var(--p1);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.py-t-diff{text-transform:uppercase;border-radius:8px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.py-t-done-badge{color:#166534;background:#dcfce7;border-radius:8px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.py-t-hd h2{color:var(--p1dd);letter-spacing:-.5px;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.py-t-instr{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.py-hint-btn{border:2px solid var(--p2);color:var(--n8);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);background:0 0;border-radius:12px;padding:.6rem 1.25rem;transition:all .2s}.py-hint-btn:hover{background:var(--p2xl);transform:translateY(-2px)}.py-hint-box{border:1.5px dashed var(--p2);color:var(--n8);background:#fffbeb;border-radius:16px;gap:1rem;margin-top:1rem;padding:1.25rem;font-size:1rem;line-height:1.7;animation:.3s ease-out py-slideIn;display:flex}@keyframes py-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.py-t-body{flex-direction:column;flex:1;gap:2rem;padding:2.5rem;display:flex}.py-editor-wrap{box-shadow:var(--s4);background:#0d1117;border:1px solid #30363d;border-radius:20px;overflow:hidden}.py-editor-bar{background:#161b22;border-bottom:1px solid #30363d;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.py-edots{gap:8px;display:flex}.py-edots span{border-radius:50%;width:12px;height:12px}.py-edots span:first-child{background:#ff5f57}.py-edots span:nth-child(2){background:#febc2e}.py-edots span:nth-child(3){background:#28c840}.py-efile{font-family:var(--mono);color:#8b949e;flex:1;font-size:.85rem}.py-elang{color:var(--p2);background:#ffd43b1a;border:1px solid #ffd43b33;border-radius:8px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.py-code-ta{width:100%;min-height:300px;font-family:"Fira Code", var(--mono);color:#e6edf3;resize:vertical;caret-color:var(--p2);tab-size:4;background:0 0;border:none;outline:none;padding:1.5rem;font-size:1rem;line-height:1.8}.py-t-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.py-run-btn{min-width:200px;padding:1rem 2rem;font-size:1.1rem}.py-done-pill{color:#166534;background:#dcfce7;border:2px solid #bbf7d0;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:800;display:inline-flex}.py-spin{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite py-spin;display:inline-block}@keyframes py-spin{to{transform:rotate(360deg)}}.py-out-panel{border:2px solid var(--border);border-radius:20px;animation:.4s ease-out py-fadeIn;overflow:hidden}@keyframes py-fadeIn{0%{opacity:0}to{opacity:1}}.py-out-loading{background:var(--surface);color:var(--muted);align-items:center;gap:1.5rem;padding:2rem;font-size:1.1rem;font-weight:600;display:flex}.py-ai-dots{gap:6px;display:flex}.py-ai-dot{background:var(--p1);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite py-aipulse}.py-ai-dot:nth-child(2){animation-delay:.2s}.py-ai-dot:nth-child(3){animation-delay:.4s}@keyframes py-aipulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.py-term-blk{background:#0d1117}.py-term-bar{background:#161b22;border-bottom:1px solid #30363d;padding:.75rem 1.5rem}.py-term-bar span{font-family:var(--mono);color:#8b949e;text-transform:uppercase;font-size:.8rem;font-weight:700}.py-term-body{font-family:"Fira Code", var(--mono);min-height:80px;padding:1.5rem;font-size:1rem;line-height:1.8}.py-tout{color:#39d353;white-space:pre-wrap}.py-terr{color:#ff7b72;white-space:pre-wrap}.py-tempty{color:#484f58;font-style:italic}.py-val-res{border-top:2px solid var(--border);align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex}.py-val-res.py-pass{background:#f0fdf4;border-top-color:#bbf7d0}.py-val-res.py-fail{background:#fff1f2;border-top-color:#fecdd3}.py-val-ico{flex-shrink:0;font-size:2rem}.py-val-txt{flex-direction:column;gap:.5rem;display:flex}.py-val-txt strong{font-size:1.2rem;font-weight:800}.py-val-res.py-pass .py-val-txt strong{color:#166534}.py-val-res.py-fail .py-val-txt strong{color:#9f1239}.py-val-txt span{color:var(--muted);font-size:1rem;line-height:1.6}@media (width<=1100px){.py-tasks-body{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.py-tasks-hero{padding:4rem 1.5rem}.py-tasks-body{padding:3rem 1.5rem}.py-t-hd,.py-t-body{padding:1.5rem}}@media (width<=480px){.py-t-actions{flex-direction:column}.py-t-actions .py-btn{justify-content:center;width:100%}.py-t-hd h2{font-size:1.5rem}}.py-sub-layout{grid-template-columns:280px 1fr;align-items:start;gap:3rem;max-width:1300px;margin:0 auto;padding:4rem 2rem;display:grid}.py-sub-sidebar{position:sticky;top:100px}.py-toc-box{border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--s2);background:#fff;overflow:hidden}.py-toc-hd{background:var(--p1);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.py-toc-hd span{text-transform:uppercase;letter-spacing:1.5px;color:#fff;font-size:.85rem;font-weight:800}.py-toc-ul{flex-direction:column;gap:4px;padding:.75rem;list-style:none;display:flex}.py-toc-ul a{color:var(--muted);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.py-toc-ul a:before{content:"";background:var(--border);border:2px solid var(--p1);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .2s}.py-toc-ul a:hover{background:var(--p1xl);color:var(--p1);transform:translate(5px)}.py-toc-ul a:hover:before{background:var(--p1);transform:scale(1.2)}.py-sub-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.py-sub-crumbs a{color:var(--muted);font-weight:500;text-decoration:none;transition:color .16s}.py-sub-crumbs a:hover{color:var(--p1)}.py-sub-crumbs .py-sep{color:var(--border);font-size:1.1rem}.py-sub-title-area{margin-bottom:3rem}.py-sub-title-area h1{color:var(--n8);letter-spacing:-1px;margin-bottom:1.25rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:900;line-height:1.1}.py-sub-chips{flex-wrap:wrap;gap:.75rem;display:flex}.py-sub-chip{background:var(--p1xl);color:var(--p1);border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.py-sub-chip svg{width:16px;height:16px;stroke:var(--p1)}.py-sub-sections{flex-direction:column;gap:2.5rem;display:flex}.py-cs{border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--s1);background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.py-cs:hover{box-shadow:var(--s3);transform:translateY(-4px)}.py-cs-hd{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#3b82f60d 0%,#0000 100%);align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.py-cs-ico{background:var(--p1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex;box-shadow:0 4px 10px #3b82f64d}.py-cs-hd h2{color:var(--p1dd);font-size:1.25rem;font-weight:800}.py-cs-body{padding:2.5rem}.py-cs-body p{color:var(--n7);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.8}.py-cs-body p:last-child{margin-bottom:0}.py-prereq-ul{flex-direction:column;gap:1rem;margin-top:1rem;list-style:none;display:flex}.py-prereq-ul li{color:var(--n7);align-items:flex-start;gap:1rem;font-size:1.05rem;line-height:1.6;display:flex}.py-prereq-ul li:before{content:"✓";color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.8rem;font-weight:800;display:flex}.py-code-blk{border-radius:var(--r3);box-shadow:var(--s2);background:#0d1117;border:1px solid #30363d;margin:1.5rem 0;overflow:hidden}.py-code-blk-bar{background:#161b22;border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.py-code-blk-bar span{font-family:var(--mono);color:#8b949e;font-size:.75rem;font-weight:700}.py-code-blk pre{font-family:"Fira Code", var(--mono);color:#79c0ff;white-space:pre;margin:0;padding:1.75rem;font-size:.95rem;line-height:1.8;overflow-x:auto}.py-res-card{border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--s1);background:#fff;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s;display:flex}.py-res-card:hover{border-color:var(--p1);box-shadow:var(--s3);transform:translate(10px)}.py-res-ico{background:var(--p1);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.py-res-ico svg{stroke:#fff;width:24px;height:24px}.py-res-info{flex:1}.py-res-info h4{color:var(--n8);margin-bottom:.35rem;font-size:1.1rem;font-weight:700}.py-res-info p{color:var(--muted);margin:0;font-size:.9rem}.py-res-link{background:var(--p1);color:#fff;white-space:nowrap;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.py-res-link:hover{background:var(--p1dd);color:#fff;box-shadow:0 4px 12px #3b82f666}.py-iq-list{counter-reset:py-iq;flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.py-iq-item{border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--s1);background:#fff;transition:all .3s;overflow:hidden}.py-iq-item:hover{border-color:var(--p1);box-shadow:var(--s2)}.py-iq-q{cursor:pointer;counter-increment:py-iq;background:#fff;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;transition:background .2s;display:flex;position:relative}.py-iq-q:before{content:counter(py-iq);background:var(--p2);width:28px;height:28px;color:var(--n9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.py-iq-q span{color:var(--n8);flex:1;font-size:1.05rem;font-weight:600;line-height:1.4}.py-iq-chevron{width:20px;height:20px;color:var(--n4);transition:transform .3s cubic-bezier(.4,0,.2,1)}.py-iq-item.open .py-iq-chevron{color:var(--p1);transform:rotate(180deg)}.py-iq-item.open .py-iq-q{background:var(--p1xl)}.py-iq-a{background:#fcfdfe;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.py-iq-a.showing{max-height:500px}.py-iq-a-inner{color:var(--n6);border-top:1px solid var(--p1xl);padding:1.5rem 2rem 1.75rem 4.75rem;font-size:1rem;line-height:1.8}@media (width<=1024px){.py-sub-layout{grid-template-columns:240px 1fr;gap:2rem}}@media (width<=768px){.py-sub-layout{grid-template-columns:1fr;padding:3rem 1.5rem}.py-sub-sidebar{position:static}.py-cs-body{padding:1.5rem}.py-res-card{flex-direction:column;align-items:flex-start;gap:1rem}.py-res-link{text-align:center;width:100%}}@media (width<=480px){.py-sub-layout{padding:2.5rem 1rem}.py-sub-title-area h1{font-size:1.8rem}}.p5-playground-root,.p5-playground-root *,.p5-playground-root :before,.p5-playground-root :after{box-sizing:border-box;margin:0;padding:0}.p5-playground-root{color:#f0f0f0;background:#0a0a0a;min-height:100vh;font-family:Barlow,sans-serif;overflow-x:hidden}.p5-playground-root ::selection{color:#fff;background:#e61e32}.p5-playground-root ::-webkit-scrollbar{width:4px;height:4px}.p5-playground-root ::-webkit-scrollbar-track{background:#0a0a0a}.p5-playground-root ::-webkit-scrollbar-thumb{background:#e61e32}.p5-playground-root ::-webkit-scrollbar-thumb:hover{background:#f5c400}.p5-playground-root .p5-panel{background:#111;border:1px solid #222;position:relative}.p5-playground-root .p5-header{background:#0a0a0a;border-bottom:3px solid #e61e32;position:relative;overflow:hidden}.p5-playground-root .p5-header:before{content:"";opacity:.12;pointer-events:none;background:#e61e32;width:60px;position:absolute;top:0;bottom:0;left:-20px;transform:skew(-15deg)}.p5-playground-root .p5-btn{letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);white-space:nowrap;background:#e61e32;border:none;align-items:center;gap:7px;padding:7px 20px;font-family:Oswald,Impact,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.p5-playground-root .p5-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.p5-playground-root .p5-btn:hover{background:#ff2a3d;transform:translate(-2px,-2px);box-shadow:4px 4px #f5c400}.p5-playground-root .p5-btn:active{box-shadow:none;transform:translate(0)}.p5-playground-root .p5-btn:disabled{color:#666;cursor:not-allowed;box-shadow:none;background:#333;transform:none}.p5-playground-root .p5-btn-ghost{letter-spacing:.1em;text-transform:uppercase;color:#f0f0f0;cursor:pointer;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);white-space:nowrap;background:0 0;border:1px solid #333;align-items:center;gap:6px;padding:6px 14px;font-family:Oswald,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.p5-playground-root .p5-btn-ghost:hover{color:#e61e32;border-color:#e61e32;transform:translate(-2px,-2px);box-shadow:3px 3px #e61e32}.p5-playground-root .p5-btn-ghost:active{box-shadow:none;transform:translate(0)}.p5-playground-root .p5-card{clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);background:#141414;border:1px solid #222;transition:all .15s;position:relative;overflow:hidden}.p5-playground-root .p5-card:after{content:"";transform-origin:top;background:#e61e32;width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.p5-playground-root .p5-card:hover{border-color:#e61e32;transform:translate(-3px,-3px);box-shadow:3px 3px #e61e32}.p5-playground-root .p5-card:hover:after{transform:scaleY(1)}.p5-playground-root .p5-badge{letter-spacing:.15em;text-transform:uppercase;color:#fff;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#e61e32;padding:2px 8px;font-family:Oswald,sans-serif;font-size:.6rem;font-weight:700}.p5-playground-root .p5-divider{background:#e61e32;height:2px;position:relative}.p5-playground-root .p5-divider:after{content:"";clip-path:polygon(8px 0%,100% 0%,100% 100%,0% 100%);background:#f5c400;width:30%;height:100%;position:absolute;top:0;right:0}.p5-playground-root .p5-input{color:#f0f0f0;background:#0a0a0a;border:1px solid #333;border-left:3px solid #e61e32;outline:none;width:100%;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:border-color .15s}.p5-playground-root .p5-input:focus{border-color:#e61e32;box-shadow:3px 0 #e61e32}.p5-playground-root .p5-input::placeholder{color:#333}.p5-playground-root .p5-slash-bg{position:relative;overflow:hidden}.p5-playground-root .p5-slash-bg:before{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#0000 0 18px,#e61e3208 18px 20px);position:absolute;inset:0}.p5-playground-root .p5-scroll-row{scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.p5-playground-root .p5-scroll-row::-webkit-scrollbar{display:none}.p5-playground-root .p5-tab-active{color:#e61e32!important;background:#e61e321f!important;border-bottom:2px solid #e61e32!important}@keyframes p5Glitch{0%,90%,to{clip-path:none;transform:none}91%{clip-path:inset(20% 0 60%);transform:translate(-4px)}93%{clip-path:inset(60% 0 10%);transform:translate(4px)}95%{clip-path:inset(40% 0);transform:translate(-2px)}97%{clip-path:none;transform:none}}.p5-playground-root .p5-glitch{animation:6s ease-in-out infinite p5Glitch}@keyframes p5SlideIn{0%{opacity:0;transform:translate(-20px)skew(-5deg)}to{opacity:1;transform:translate(0)skew(0)}}.p5-playground-root .p5-slide-in{animation:.3s forwards p5SlideIn}@keyframes p5Flash{0%,to{opacity:1}50%{opacity:.7;color:#e61e32}}.p5-playground-root .p5-flash{animation:2s ease-in-out infinite p5Flash}@keyframes p5PulseBorder{0%,to{box-shadow:3px 3px #e61e32}50%{box-shadow:3px 3px #f5c400}}.p5-playground-root .p5-pulse{animation:2s ease-in-out infinite p5PulseBorder}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.p5-playground-root .p5-cursor{animation:1s step-end infinite blink}@keyframes p5Wipe{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.p5-playground-root .p5-wipe{animation:.5s forwards p5Wipe}.js-basic-course-root{--color-bg:#fffef0;--color-bg-alt:#fafae8;--color-card:#fff;--color-border:#f7df1e47;--color-border-soft:#f7df1e26;--color-text:#1a1a0e;--color-text-muted:#5a5a2a;--color-text-faint:#9a9a6a;background:var(--color-bg);color:var(--color-text);min-height:100vh}html.dark .js-basic-course-root{--color-bg:#0e0e0a;--color-bg-alt:#141410;--color-card:#1a1a10;--color-border:#f7df1e2e;--color-border-soft:#f7df1e1a;--color-text:#f5f5e8;--color-text-muted:#a8a87a;--color-text-faint:#6a6a4a}.js-basic-course-root *,.js-basic-course-root :before,.js-basic-course-root :after{transition:background-color .25s,border-color .25s,color .25s}[class*=animation],[style*=animation],[style*=transition]{transition:unset}.js-basic-course-root{--nav-h:68px;--nav-bg-light:#fffde7f5;--nav-bg-dark:#0e0e0af5;--nav-border-light:#f7df1e40;--nav-border-dark:#f7df1e2e;--nav-primary:#f7df1e;--nav-primary-dk:#c9b800;--nav-secondary:#f0b429;--nav-dark-js:#323330;--nav-grad:linear-gradient(135deg, #323330, #4a4a3a);--nav-grad-soft:linear-gradient(135deg, #f7df1e1f, #f0b4290f);--nav-text-light:#1a1a0e;--nav-text-dark:#f5f5e8;--nav-muted-light:#5a5a2a;--nav-muted-dark:#a8a87a;--nav-ease:cubic-bezier(.4, 0, .2, 1);--nav-bounce:cubic-bezier(.34, 1.56, .64, 1);--nav-fast:.17s;--nav-mid:.3s;--nav-font:"Inter", system-ui, -apple-system, sans-serif;--nav-mono:"JetBrains Mono", monospace}.js-basic-course-root .js-navbar__skip{z-index:9999;background:var(--nav-dark-js);color:var(--nav-primary);font-family:var(--nav-font);transition:top var(--nav-fast) var(--nav-ease);border-radius:0 0 8px 8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:1rem}.js-basic-course-root .js-navbar__skip:focus{top:0}.js-basic-course-root .js-navbar{z-index:1000;background:var(--nav-bg-light);border-bottom:1px solid var(--nav-border-light);-webkit-backdrop-filter:blur(16px);transition:background var(--nav-mid) var(--nav-ease), border-color var(--nav-mid) var(--nav-ease), box-shadow var(--nav-mid) var(--nav-ease);position:sticky;top:0}html.dark .js-basic-course-root .js-navbar{background:var(--nav-bg-dark);border-color:var(--nav-border-dark)}.js-basic-course-root .js-navbar--scrolled{box-shadow:0 2px 20px #f7df1e26}html.dark .js-basic-course-root .js-navbar--scrolled{box-shadow:0 2px 20px #00000073}.js-basic-course-root .js-navbar__progress{pointer-events:none;z-index:1;background:linear-gradient(90deg,#323330,#f7df1e,#f0b429);border-radius:0 9999px 9999px 0;height:2.5px;transition:width 80ms linear;position:absolute;bottom:0;left:0}.js-basic-course-root .js-navbar__inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.js-basic-course-root .js-navbar__logo{transition:opacity var(--nav-fast) var(--nav-ease);flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.js-basic-course-root .js-navbar__logo:hover{opacity:.85}.js-basic-course-root .js-navbar__logo-badge{color:#323330;font-family:var(--nav-mono);letter-spacing:.04em;transition:transform var(--nav-fast) var(--nav-ease), box-shadow var(--nav-fast) var(--nav-ease);background:#f7df1e;border-radius:6px;justify-content:center;align-items:center;padding:.22rem .6rem;font-size:.88rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 2px 8px #f7df1e66}.js-basic-course-root .js-navbar__logo:hover .js-navbar__logo-badge{transform:scale(1.06);box-shadow:0 4px 14px #f7df1e8c}.js-basic-course-root .js-navbar__logo-text{font-family:var(--nav-font);letter-spacing:.06em;color:var(--nav-dark-js);text-transform:uppercase;font-size:.95rem;font-weight:800}html.dark .js-basic-course-root .js-navbar__logo-text{color:#f5f5e8}.js-basic-course-root .js-navbar__nav{align-items:center;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.js-basic-course-root .js-navbar__nav-item{position:relative}.js-basic-course-root .js-navbar__nav-link{font-family:var(--nav-font);color:var(--nav-muted-light);white-space:nowrap;transition:color var(--nav-fast) var(--nav-ease), background var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}html.dark .js-basic-course-root .js-navbar__nav-link{color:var(--nav-muted-dark)}.js-basic-course-root .js-navbar__nav-link i{transition:color var(--nav-fast) var(--nav-ease);font-size:.95rem}.js-basic-course-root .js-navbar__nav-link:after{content:"";width:0;height:2px;transition:width var(--nav-mid) var(--nav-ease);background:linear-gradient(90deg,#323330,#f7df1e);border-radius:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}html.dark .js-basic-course-root .js-navbar__nav-link:after{background:linear-gradient(90deg,#f7df1e,#f0b429)}.js-basic-course-root .js-navbar__nav-link:hover{color:var(--nav-dark-js);background:#f7df1e24}html.dark .js-basic-course-root .js-navbar__nav-link:hover{color:var(--nav-primary);background:#f7df1e1a}.js-basic-course-root .js-navbar__nav-link:hover:after{width:55%}.js-basic-course-root .js-navbar__nav-link.active{color:var(--nav-dark-js);background:#f7df1e2e;font-weight:700}html.dark .js-basic-course-root .js-navbar__nav-link.active{color:var(--nav-primary);background:#f7df1e1f}.js-basic-course-root .js-navbar__nav-link.active:after{width:60%}.js-basic-course-root .js-navbar__nav-link.active i{color:#c9b800}html.dark .js-basic-course-root .js-navbar__nav-link.active i{color:var(--nav-primary)}.js-basic-course-root .js-navbar__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.js-basic-course-root .js-navbar__theme-btn{width:38px;height:38px;color:var(--nav-dark-js);cursor:pointer;transition:transform var(--nav-mid) var(--nav-bounce), background var(--nav-fast) var(--nav-ease), border-color var(--nav-fast) var(--nav-ease), box-shadow var(--nav-fast) var(--nav-ease);background:#f7df1e1a;border:1.5px solid #f7df1e59;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative;overflow:hidden}html.dark .js-basic-course-root .js-navbar__theme-btn{color:var(--nav-primary);background:#f7df1e14;border-color:#f7df1e40}.js-basic-course-root .js-navbar__theme-btn:hover{background:var(--nav-primary);color:var(--nav-dark-js);border-color:#0000;transform:rotate(20deg)scale(1.12);box-shadow:0 4px 14px #f7df1e73}.js-basic-course-root .js-navbar__theme-btn .icon-sun,.js-basic-course-root .js-navbar__theme-btn .icon-moon{transition:opacity var(--nav-fast) var(--nav-ease), transform var(--nav-mid) var(--nav-bounce);position:absolute}.js-basic-course-root .js-navbar__theme-btn .icon-sun{opacity:1;transform:rotate(0)scale(1)}.js-basic-course-root .js-navbar__theme-btn .icon-moon{opacity:0;transform:rotate(90deg)scale(.6)}html.dark .js-basic-course-root .js-navbar__theme-btn .icon-sun{opacity:0;transform:rotate(-90deg)scale(.6)}html.dark .js-basic-course-root .js-navbar__theme-btn .icon-moon{opacity:1;transform:rotate(0)scale(1)}.js-basic-course-root .js-navbar__hamburger{width:38px;height:38px;color:var(--nav-muted-light);cursor:pointer;transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);background:#f7df1e14;border:1.5px solid #f7df1e40;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:none}html.dark .js-basic-course-root .js-navbar__hamburger{color:var(--nav-muted-dark);background:#f7df1e14;border-color:#f7df1e2e}.js-basic-course-root .js-navbar__hamburger:hover{background:var(--nav-primary);color:var(--nav-dark-js);border-color:#0000;transform:scale(1.06)}.js-basic-course-root .js-navbar__overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--nav-mid) var(--nav-ease);background:#0e0e0a99;position:fixed;inset:0}.js-basic-course-root .js-navbar__overlay.open{opacity:1;pointer-events:auto}.js-basic-course-root .js-navbar__mobile{z-index:1200;background:var(--nav-bg-light);border-left:1px solid var(--nav-border-light);flex-direction:column;width:min(320px,88vw);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-8px 0 40px #f7df1e26}html.dark .js-basic-course-root .js-navbar__mobile{background:var(--nav-bg-dark);border-color:var(--nav-border-dark);box-shadow:-8px 0 40px #0000008c}.js-basic-course-root .js-navbar__mobile.open{transform:translate(0)}.js-basic-course-root .js-navbar__mobile-head{background:#f7df1e12;border-bottom:1px solid #f7df1e2e;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}html.dark .js-basic-course-root .js-navbar__mobile-head{background:#f7df1e0f;border-color:#f7df1e24}.js-basic-course-root .js-navbar__mobile-logo{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.js-basic-course-root .js-navbar__mobile-close{width:34px;height:34px;color:var(--nav-muted-light);cursor:pointer;transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease);background:0 0;border:1px solid #f7df1e38;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}html.dark .js-basic-course-root .js-navbar__mobile-close{color:var(--nav-muted-dark);border-color:#f7df1e2e}.js-basic-course-root .js-navbar__mobile-close:hover{background:var(--nav-primary);color:var(--nav-dark-js);border-color:#0000}.js-basic-course-root .js-navbar__mobile-nav{flex-direction:column;flex:1;gap:.25rem;margin:0;padding:1rem .75rem;list-style:none;display:flex}.js-basic-course-root .js-navbar__mobile-item{opacity:0;transform:translate(16px)}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item{animation:jsMobileItemIn .35s var(--nav-ease) forwards}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item:first-child{animation-delay:60ms}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item:nth-child(2){animation-delay:.1s}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item:nth-child(3){animation-delay:.14s}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item:nth-child(4){animation-delay:.18s}.js-basic-course-root .js-navbar__mobile.open .js-navbar__mobile-item:nth-child(5){animation-delay:.22s}@keyframes jsMobileItemIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.js-basic-course-root .js-navbar__mobile-link{font-family:var(--nav-font);color:var(--nav-muted-light);transition:color var(--nav-fast) var(--nav-ease), background var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}html.dark .js-basic-course-root .js-navbar__mobile-link{color:var(--nav-muted-dark)}.js-basic-course-root .js-navbar__mobile-link i{text-align:center;flex-shrink:0;width:1.4rem;font-size:1.1rem}.js-basic-course-root .js-navbar__mobile-link:hover{color:var(--nav-dark-js);background:#f7df1e24;transform:translate(4px)}html.dark .js-basic-course-root .js-navbar__mobile-link:hover{color:var(--nav-primary);background:#f7df1e1a}.js-basic-course-root .js-navbar__mobile-link.active{color:var(--nav-dark-js);background:var(--nav-primary);font-weight:700;box-shadow:0 3px 12px #f7df1e59}html.dark .js-basic-course-root .js-navbar__mobile-link.active{color:var(--nav-dark-js);background:var(--nav-primary)}.js-basic-course-root .js-navbar__mobile-link.active:hover{opacity:.92;transform:none}.js-basic-course-root .js-navbar__mobile-foot{border-top:1px solid #f7df1e26;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.25rem;display:flex}html.dark .js-basic-course-root .js-navbar__mobile-foot{border-color:#f7df1e1f}.js-basic-course-root .js-navbar__mobile-theme-row{justify-content:space-between;align-items:center;display:flex}.js-basic-course-root .js-navbar__mobile-theme-label{font-family:var(--nav-font);color:var(--nav-muted-light);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}html.dark .js-basic-course-root .js-navbar__mobile-theme-label{color:var(--nav-muted-dark)}.js-basic-course-root .js-navbar__mobile-theme-label i{color:#c9b800;font-size:1rem}html.dark .js-basic-course-root .js-navbar__mobile-theme-label i{color:var(--nav-primary)}.js-basic-course-root .js-navbar__toggle-switch{cursor:pointer;display:inline-block;position:relative}.js-basic-course-root .js-navbar__toggle-switch input{opacity:0;width:0;height:0;position:absolute}.js-basic-course-root .js-navbar__toggle-track{width:44px;height:24px;transition:background var(--nav-mid) var(--nav-ease), border-color var(--nav-mid) var(--nav-ease);background:#f7df1e2e;border:1.5px solid #f7df1e4d;border-radius:9999px;display:block;position:relative}.js-basic-course-root .js-navbar__toggle-track:after{content:"";width:16px;height:16px;transition:transform var(--nav-mid) var(--nav-bounce), background var(--nav-mid) var(--nav-ease);background:#c9b800;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #f7df1e80}.js-basic-course-root .js-navbar__toggle-switch input:checked+.js-navbar__toggle-track{background:var(--nav-primary);border-color:var(--nav-primary-dk)}.js-basic-course-root .js-navbar__toggle-switch input:checked+.js-navbar__toggle-track:after{background:var(--nav-dark-js);transform:translate(20px)}.js-basic-course-root .js-navbar__social-icon{width:34px;height:34px;color:var(--nav-muted-light);transition:background var(--nav-fast) var(--nav-ease), color var(--nav-fast) var(--nav-ease), transform var(--nav-fast) var(--nav-ease);background:#f7df1e1a;border:1px solid #f7df1e2e;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}html.dark .js-basic-course-root .js-navbar__social-icon{color:var(--nav-muted-dark);background:#f7df1e14}.js-basic-course-root .js-navbar__social-icon:hover{background:var(--nav-primary);color:var(--nav-dark-js);border-color:#0000;transform:translateY(-2px)}@media (width<=900px){.js-basic-course-root .js-navbar__nav{display:none}.js-basic-course-root .js-navbar__hamburger{display:flex}.js-basic-course-root .js-navbar__inner{padding:0 1.25rem}}@media (width<=480px){.js-basic-course-root .js-navbar__inner{padding:0 1rem}.js-basic-course-root .js-navbar__logo-badge{padding:.18rem .5rem;font-size:.78rem}.js-basic-course-root .js-navbar__logo-text{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.js-basic-course-root .js-navbar,.js-basic-course-root .js-navbar__mobile,.js-basic-course-root .js-navbar__overlay,.js-basic-course-root .js-navbar__mobile-item,.js-basic-course-root .js-navbar__nav-link,.js-basic-course-root .js-navbar__mobile-link,.js-basic-course-root .js-navbar__theme-btn,.js-basic-course-root .js-navbar__progress{transition-duration:.01ms!important;animation-duration:.01ms!important}}.js-basic-course-root .html-course-root .navbar__back-link,.js-basic-course-root .js-navbar__back-link,.js-basic-course-root .js-int-course-root .navbar__back-link,.js-basic-course-root .js-adv-course-root .navbar__back-link{white-space:nowrap;opacity:.85;border:1.5px solid;border-radius:20px;transition:all .2s;padding:.25rem .8rem!important;font-size:.8rem!important}.js-basic-course-root .html-course-root .navbar__back-link:hover,.js-basic-course-root .js-navbar__back-link:hover,.js-basic-course-root .js-int-course-root .navbar__back-link:hover,.js-basic-course-root .js-adv-course-root .navbar__back-link:hover{opacity:1;transform:translate(-3px)}.js-basic-course-root .html-course-root .navbar__back-link:after,.js-basic-course-root .js-navbar__back-link:after,.js-basic-course-root .js-int-course-root .navbar__back-link:after,.js-basic-course-root .js-adv-course-root .navbar__back-link:after{display:none!important}.js-basic-course-root .html-course-root .js-navbar__mobile-back,.js-basic-course-root .js-navbar__mobile-back{border-top:1px solid #ffa50033;margin-top:.5rem;padding-top:.5rem}.js-basic-course-root{--jsh-primary:#f7df1e;--jsh-primary-dk:#c9b800;--jsh-secondary:#f0b429;--jsh-dark-js:#323330;--jsh-bg:#fffde7;--jsh-bg-alt:#fff;--jsh-card:#fff;--jsh-border:#f7df1e47;--jsh-border-soft:#00000012;--jsh-text:#1a1a0e;--jsh-text-muted:#4a4a2a;--jsh-text-faint:#9a9a6a;--jsh-grad:linear-gradient(135deg, #323330, #4a4a3a);--jsh-grad-yellow:linear-gradient(135deg, #f7df1e, #f0b429);--jsh-grad-soft:linear-gradient(135deg, #f7df1e1a, #f0b4290d);--jsh-shadow-xs:0 1px 4px #0000000f;--jsh-shadow-sm:0 2px 10px #00000017;--jsh-shadow-md:0 6px 24px #0000001c;--jsh-shadow-lg:0 14px 40px #00000024;--jsh-shadow-card:0 8px 32px #f7df1e33;--jsh-r-sm:8px;--jsh-r-md:14px;--jsh-r-lg:20px;--jsh-r-xl:28px;--jsh-r-full:9999px;--jsh-ease:cubic-bezier(.4, 0, .2, 1);--jsh-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--jsh-dur-fast:.18s;--jsh-dur-mid:.32s;--jsh-dur-slow:.6s;--jsh-code-bg:#0d1117;--jsh-code-bar:#161b22;--jsh-code-num:#484f58;--jsh-code-line:#ffffff08}html.dark .js-basic-course-root .jsh{--jsh-bg:#0e0e0a;--jsh-bg-alt:#141410;--jsh-card:#1c1c16;--jsh-border:#f7df1e2e;--jsh-border-soft:#ffffff12;--jsh-text:#f5f5e8;--jsh-text-muted:#a8a87a;--jsh-text-faint:#5a5a3a;--jsh-shadow-xs:0 1px 4px #00000052;--jsh-shadow-sm:0 2px 10px #0000006b;--jsh-shadow-md:0 6px 24px #00000085;--jsh-shadow-lg:0 14px 40px #0000009e;--jsh-shadow-card:0 8px 32px #f7df1e1f;--jsh-grad-soft:linear-gradient(135deg, #f7df1e1a, #f0b4290d)}.js-basic-course-root .jsh{background:var(--jsh-bg);color:var(--jsh-text);min-height:100vh;transition:background var(--jsh-dur-mid) var(--jsh-ease), color var(--jsh-dur-mid) var(--jsh-ease);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.js-basic-course-root .jsh-container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.js-basic-course-root .jsh-section-header{text-align:center;margin-bottom:3.5rem}.js-basic-course-root .jsh-section-pill{background:var(--jsh-grad-soft);border:1px solid var(--jsh-border);border-radius:var(--jsh-r-full);color:var(--jsh-primary-dk);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}html.dark .js-basic-course-root .jsh-section-pill{color:var(--jsh-primary)}.js-basic-course-root .jsh-section-pill i{font-size:.9rem}.js-basic-course-root .jsh-section-title{color:var(--jsh-text);letter-spacing:-.025em;margin-bottom:.85rem;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.js-basic-course-root .jsh-section-desc{max-width:640px;color:var(--jsh-text-muted);margin:0 auto;font-size:1.05rem;line-height:1.75}.js-basic-course-root .jsh-btn{border-radius:var(--jsh-r-md);cursor:pointer;white-space:nowrap;transition:all var(--jsh-dur-fast) var(--jsh-ease);border:none;align-items:center;gap:.5rem;font-family:inherit;font-weight:700;text-decoration:none;display:inline-flex}.js-basic-course-root .jsh-btn i{font-size:1.05em}.js-basic-course-root .jsh-btn--sm{padding:.55rem 1.1rem;font-size:.875rem}.js-basic-course-root .jsh-btn--md{padding:.75rem 1.4rem;font-size:.95rem}.js-basic-course-root .jsh-btn--lg{padding:.9rem 1.8rem;font-size:1rem}.js-basic-course-root .jsh-btn--primary{background:var(--jsh-grad-yellow);color:var(--jsh-dark-js);box-shadow:0 4px 16px #f7df1e59}.js-basic-course-root .jsh-btn--primary:hover{background:linear-gradient(135deg,#ffe566,#f7df1e);transform:translateY(-3px);box-shadow:0 8px 24px #f7df1e80}.js-basic-course-root .jsh-btn--ghost{border:2px solid var(--jsh-dark-js);color:var(--jsh-dark-js);background:0 0}html.dark .js-basic-course-root .jsh-btn--ghost{border-color:var(--jsh-primary);color:var(--jsh-primary)}.js-basic-course-root .jsh-btn--ghost:hover{background:var(--jsh-dark-js);color:var(--jsh-primary);transform:translateY(-3px);box-shadow:0 6px 20px #3233304d}html.dark .js-basic-course-root .jsh-btn--ghost:hover{background:var(--jsh-primary);color:var(--jsh-dark-js)}.js-basic-course-root .jsh-btn--dark{background:var(--jsh-dark-js);color:var(--jsh-primary);box-shadow:0 4px 16px #32333059}.js-basic-course-root .jsh-btn--dark:hover{background:#1a1a10;transform:translateY(-3px);box-shadow:0 8px 24px #32333080}.js-basic-course-root .jsh-btn--dark-outline{color:var(--jsh-dark-js);background:0 0;border:2px solid #ffffffb3}.js-basic-course-root .jsh-btn--dark-outline:hover{border-color:var(--jsh-dark-js);background:#ffffff26;transform:translateY(-3px)}.js-basic-course-root .jsh-btn--disabled{color:var(--jsh-primary-dk);cursor:not-allowed;opacity:.7;background:#f7df1e1f}.js-basic-course-root .jsh-hero{background:var(--jsh-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.js-basic-course-root .jsh-hero__blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.js-basic-course-root .jsh-hero__blob--1{background:radial-gradient(circle,#f7df1e33 0%,#0000 70%);width:520px;height:520px;animation:10s ease-in-out infinite jshBlobFloat;top:-140px;left:-160px}.js-basic-course-root .jsh-hero__blob--2{background:radial-gradient(circle,#f0b42929 0%,#0000 70%);width:400px;height:400px;animation:13s ease-in-out infinite reverse jshBlobFloat;bottom:-80px;right:-100px}@keyframes jshBlobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.04)}66%{transform:translate(-15px,15px)scale(.97)}}.js-basic-course-root .jsh-hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}.js-basic-course-root .jsh-hero__content{opacity:0;transition:opacity var(--jsh-dur-slow) var(--jsh-ease), transform var(--jsh-dur-slow) var(--jsh-ease);transform:translateY(30px)}.js-basic-course-root .jsh-hero--in .jsh-hero__content{opacity:1;transform:translateY(0)}.js-basic-course-root .jsh-hero__badge{border-radius:var(--jsh-r-full);color:var(--jsh-dark-js);animation:jshBadgePop .6s var(--jsh-ease-bounce) both .2s;background:#f7df1e1f;border:1.5px solid #f7df1e59;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.38rem .9rem .38rem .5rem;font-size:.82rem;font-weight:700;display:inline-flex}html.dark .js-basic-course-root .jsh-hero__badge{color:var(--jsh-primary);background:#f7df1e1a}.js-basic-course-root .jsh-hero__badge-js{background:var(--jsh-primary);color:var(--jsh-dark-js);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:.18rem .55rem;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 2px 8px #f7df1e66}@keyframes jshBadgePop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.js-basic-course-root .jsh-hero__title{letter-spacing:-.03em;color:var(--jsh-text);margin-bottom:1.1rem;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;line-height:1.12}.js-basic-course-root .jsh-hero__title-brand{color:var(--jsh-dark-js);font-size:1.05em;display:block}html.dark .js-basic-course-root .jsh-hero__title-brand{color:var(--jsh-primary)}.js-basic-course-root .jsh-hero__subtitle{color:var(--jsh-text-muted);align-items:center;gap:.85rem;margin-bottom:1.2rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:500;display:flex}.js-basic-course-root .jsh-hero__subtitle-bar{background:var(--jsh-grad-yellow);border-radius:2px;flex-shrink:0;width:3px;height:1.2em;display:inline-block}.js-basic-course-root .jsh-hero__desc{color:var(--jsh-text-muted);max-width:520px;margin-bottom:2rem;font-size:1rem;line-height:1.8}.js-basic-course-root .jsh-hero__actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.js-basic-course-root .jsh-hero__trust{flex-wrap:wrap;gap:.6rem 1.4rem;display:flex}.js-basic-course-root .jsh-hero__trust-item{color:var(--jsh-text-muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.js-basic-course-root .jsh-hero__trust-item i{color:var(--jsh-primary-dk);font-size:.9rem}html.dark .js-basic-course-root .jsh-hero__trust-item i{color:var(--jsh-primary)}.js-basic-course-root .jsh-hero__code-wrap{opacity:0;transition:opacity .8s var(--jsh-ease) .25s, transform .8s var(--jsh-ease) .25s;position:relative;transform:translate(40px)}.js-basic-course-root .jsh-hero--in .jsh-hero__code-wrap{opacity:1;transform:translate(0)}.js-basic-course-root .jsh-hero__code-window{background:var(--jsh-code-bg);border-radius:var(--jsh-r-lg);font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0000008c,0 0 40px #f7df1e14}.js-basic-course-root .jsh-hero__code-bar{background:var(--jsh-code-bar);border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.js-basic-course-root .jsh-hero__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.js-basic-course-root .jsh-hero__dot--red{background:#ff5f57}.js-basic-course-root .jsh-hero__dot--yellow{background:#ffbd2e}.js-basic-course-root .jsh-hero__dot--green{background:#28ca41}.js-basic-course-root .jsh-hero__code-filename{color:#8b949e;align-items:center;gap:.4rem;margin-left:.5rem;font-size:.8rem;display:flex}.js-basic-course-root .jsh-hero__code-filename i{color:#f7df1e}.js-basic-course-root .jsh-hero__code-body{padding:1.2rem 0;overflow-x:auto}.js-basic-course-root .jsh-hero__code-line{opacity:0;animation:jshLineReveal .4s var(--jsh-ease) forwards;transition:background var(--jsh-dur-fast) var(--jsh-ease);align-items:baseline;gap:1rem;padding:.22rem 1.2rem;font-size:.85rem;line-height:1.6;display:flex}.js-basic-course-root .jsh-hero__code-line:hover{background:var(--jsh-code-line)}@keyframes jshLineReveal{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.js-basic-course-root .jsh-hero__line-num{text-align:right;min-width:1.5rem;color:var(--jsh-code-num);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.78rem}.js-basic-course-root .jsh-hero__line-content{flex:1}.js-basic-course-root .js-kw{color:#f7df1e}.js-basic-course-root .js-var{color:#e6edf3}.js-basic-course-root .js-str{color:#a5d6ff}.js-basic-course-root .js-fn{color:#dcdcaa}.js-basic-course-root .js-arr{color:#79c0ff}.js-basic-course-root .js-num{color:#f2cc60}.js-basic-course-root .js-cmt{color:#6a9955;font-style:italic}.js-basic-course-root .jsh-hero__float-badge{background:var(--jsh-card);border:1px solid var(--jsh-border);border-radius:var(--jsh-r-full);color:var(--jsh-text);box-shadow:var(--jsh-shadow-md);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:absolute}.js-basic-course-root .jsh-hero__float-badge i{color:var(--jsh-primary-dk);font-size:1rem}html.dark .js-basic-course-root .jsh-hero__float-badge i{color:var(--jsh-primary)}.js-basic-course-root .jsh-hero__float-badge--1{animation:5s ease-in-out infinite jshFloatBadge;top:-18px;right:30px}.js-basic-course-root .jsh-hero__float-badge--2{animation:6s ease-in-out 1.5s infinite reverse jshFloatBadge;bottom:-18px;left:20px}@keyframes jshFloatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.js-basic-course-root .jsh-hero__scroll{color:var(--jsh-text-faint);z-index:2;transition:color var(--jsh-dur-fast) var(--jsh-ease);font-size:1.3rem;text-decoration:none;animation:2s infinite jshBounceDown;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.js-basic-course-root .jsh-hero__scroll:hover{color:var(--jsh-primary-dk)}@keyframes jshBounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.js-basic-course-root .jsh-stats-section{background:var(--jsh-dark-js);padding:3.5rem 2rem;position:relative;overflow:hidden}.js-basic-course-root .jsh-stats-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F7DF1E' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.js-basic-course-root .jsh-stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid;position:relative}.js-basic-course-root .jsh-stat-card{text-align:center;color:var(--jsh-primary);padding:1rem}.js-basic-course-root .jsh-stat-icon{width:56px;height:56px;transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce);background:#f7df1e1f;border:1.5px solid #f7df1e38;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;display:flex}.js-basic-course-root .jsh-stat-card:hover .jsh-stat-icon{transform:scale(1.15)rotate(-5deg)}.js-basic-course-root .jsh-stat-value{letter-spacing:-.04em;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1}.js-basic-course-root .jsh-stat-label{opacity:.8;letter-spacing:.02em;color:#f7df1ebf;font-size:.875rem;font-weight:500}.js-basic-course-root .jsh-features-section{background:var(--jsh-bg-alt);transition:background var(--jsh-dur-mid) var(--jsh-ease);padding:6rem 2rem}.js-basic-course-root .jsh-features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.js-basic-course-root .jsh-feature-card{background:var(--jsh-card);border:1px solid var(--jsh-border);border-radius:var(--jsh-r-lg);color:var(--jsh-text);box-shadow:var(--jsh-shadow-xs);transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce), box-shadow var(--jsh-dur-mid) var(--jsh-ease), border-color var(--jsh-dur-mid) var(--jsh-ease);flex-direction:column;gap:1rem;padding:2rem 1.75rem 1.75rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.js-basic-course-root .jsh-feature-card:before{content:"";background:var(--f-color,var(--jsh-grad-yellow));transform-origin:0;height:3px;transition:transform var(--jsh-dur-mid) var(--jsh-ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.js-basic-course-root .jsh-feature-card:hover{box-shadow:var(--jsh-shadow-card);border-color:var(--jsh-primary);transform:translateY(-8px)}.js-basic-course-root .jsh-feature-card:hover:before{transform:scaleX(1)}.js-basic-course-root .jsh-feature-card__icon-wrap{border-radius:var(--jsh-r-sm);width:54px;height:54px;color:var(--jsh-primary-dk);transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce), background var(--jsh-dur-mid) var(--jsh-ease), color var(--jsh-dur-mid) var(--jsh-ease);background:#f7df1e1f;border:1px solid #f7df1e40;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}html.dark .js-basic-course-root .jsh-feature-card__icon-wrap{color:var(--jsh-primary)}.js-basic-course-root .jsh-feature-card:hover .jsh-feature-card__icon-wrap{background:var(--jsh-grad-yellow);color:var(--jsh-dark-js);border-color:#0000;transform:scale(1.12)rotate(-5deg)}.js-basic-course-root .jsh-feature-card__title{color:var(--jsh-text);letter-spacing:.01em;font-size:1rem;font-weight:700}.js-basic-course-root .jsh-feature-card__desc{color:var(--jsh-text-muted);flex:1;font-size:.9rem;line-height:1.65}.js-basic-course-root .jsh-feature-card__cta{color:var(--jsh-primary-dk);transition:gap var(--jsh-dur-fast) var(--jsh-ease);align-items:center;gap:.35rem;margin-top:auto;font-size:.85rem;font-weight:700;display:inline-flex}html.dark .js-basic-course-root .jsh-feature-card__cta{color:var(--jsh-primary)}.js-basic-course-root .jsh-feature-card:hover .jsh-feature-card__cta{gap:.6rem}.js-basic-course-root .jsh-feature-card__cta i{font-size:.85rem}.js-basic-course-root .jsh-topics-section{background:var(--jsh-bg);transition:background var(--jsh-dur-mid) var(--jsh-ease);padding:6rem 2rem}.js-basic-course-root .jsh-topics-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.js-basic-course-root .jsh-topic-card{background:var(--jsh-card);border:1px solid var(--jsh-border);border-radius:var(--jsh-r-lg);box-shadow:var(--jsh-shadow-xs);cursor:default;transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce), box-shadow var(--jsh-dur-mid) var(--jsh-ease), border-color var(--jsh-dur-mid) var(--jsh-ease);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.js-basic-course-root .jsh-topic-card:before{content:"";background:var(--jsh-grad-yellow);transform-origin:top;width:3px;transition:transform var(--jsh-dur-mid) var(--jsh-ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(.4)}.js-basic-course-root .jsh-topic-card--active{cursor:pointer}.js-basic-course-root .jsh-topic-card--active:hover{box-shadow:var(--jsh-shadow-card);border-color:var(--jsh-primary);transform:translateY(-6px)scale(1.012)}.js-basic-course-root .jsh-topic-card--active:hover:before{transform:scaleY(1)}.js-basic-course-root .jsh-topic-card__icon{border-radius:var(--jsh-r-sm);width:48px;height:48px;color:var(--jsh-primary-dk);transition:background var(--jsh-dur-mid) var(--jsh-ease), color var(--jsh-dur-mid) var(--jsh-ease), transform var(--jsh-dur-mid) var(--jsh-ease-bounce);background:#f7df1e1f;border:1px solid #f7df1e38;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}html.dark .js-basic-course-root .jsh-topic-card__icon{color:var(--jsh-primary)}.js-basic-course-root .jsh-topic-card--active:hover .jsh-topic-card__icon{background:var(--jsh-grad-yellow);color:var(--jsh-dark-js);border-color:#0000;transform:scale(1.08)rotate(-5deg)}.js-basic-course-root .jsh-topic-card__body{flex:1;min-width:0}.js-basic-course-root .jsh-topic-card__title{color:var(--jsh-text);letter-spacing:-.01em;margin:0 0 .35rem;font-size:.97rem;font-weight:700;line-height:1.3}.js-basic-course-root .jsh-topic-card__desc{color:var(--jsh-text-muted);margin:0 0 .85rem;font-size:.82rem;line-height:1.55}.js-basic-course-root .jsh-topics-cta{justify-content:center;margin-top:2.5rem;display:flex}.js-basic-course-root .jsh-testimonials-section{background:var(--jsh-bg-alt);transition:background var(--jsh-dur-mid) var(--jsh-ease);padding:6rem 2rem}.js-basic-course-root .jsh-testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem;display:grid}.js-basic-course-root .jsh-testimonial-card{background:var(--jsh-card);border:1px solid var(--jsh-border);border-radius:var(--jsh-r-lg);box-shadow:var(--jsh-shadow-xs);transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce), box-shadow var(--jsh-dur-mid) var(--jsh-ease);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.js-basic-course-root .jsh-testimonial-card:hover{box-shadow:var(--jsh-shadow-card);transform:translateY(-6px)}.js-basic-course-root .jsh-testimonial-card:after{content:"";background:var(--jsh-grad-yellow);transform-origin:0;height:3px;transition:transform var(--jsh-dur-mid) var(--jsh-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.js-basic-course-root .jsh-testimonial-card:hover:after{transform:scaleX(1)}.js-basic-course-root .jsh-testimonial-card__icon{border-radius:var(--jsh-r-sm);width:46px;height:46px;color:var(--jsh-primary-dk);background:#f7df1e1f;border:1px solid #f7df1e38;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}html.dark .js-basic-course-root .jsh-testimonial-card__icon{color:var(--jsh-primary)}.js-basic-course-root .jsh-testimonial-card__quote{color:var(--jsh-border);margin-top:-.5rem;font-size:2.5rem;line-height:1}.js-basic-course-root .jsh-testimonial-card__text{color:var(--jsh-text-muted);flex:1;font-size:.93rem;font-style:italic;line-height:1.75}.js-basic-course-root .jsh-testimonial-card__author{color:var(--jsh-text);align-items:center;gap:.65rem;font-size:.875rem;font-weight:700;display:flex}.js-basic-course-root .jsh-testimonial-card__author-line{background:var(--jsh-grad-yellow);border-radius:2px;flex-shrink:0;width:28px;height:3px}.js-basic-course-root .jsh-cta-section{background:var(--jsh-grad-yellow);text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.js-basic-course-root .jsh-cta-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23323330' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.js-basic-course-root .jsh-cta-section__blob{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.js-basic-course-root .jsh-cta-section__blob--1{background:#ffffff26;width:350px;height:350px;top:-100px;left:-80px}.js-basic-course-root .jsh-cta-section__blob--2{background:#3233301a;width:280px;height:280px;bottom:-80px;right:-60px}.js-basic-course-root .jsh-cta-section__inner{z-index:1;position:relative}.js-basic-course-root .jsh-cta-section__icon{width:72px;height:72px;color:var(--jsh-dark-js);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3233301f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;animation:3s ease-in-out infinite jshIconPulse;display:flex}@keyframes jshIconPulse{0%,to{box-shadow:0 0 #32333033}50%{box-shadow:0 0 0 16px #32333000}}.js-basic-course-root .jsh-cta-section__title{color:var(--jsh-dark-js);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.js-basic-course-root .jsh-cta-section__desc{color:#323330c7;max-width:620px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.75}.js-basic-course-root .jsh-cta-section__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.js-basic-course-root .jsh-float-theme,.js-basic-course-root .jsh-float-top{cursor:pointer;z-index:900;width:46px;height:46px;transition:transform var(--jsh-dur-mid) var(--jsh-ease-bounce), box-shadow var(--jsh-dur-mid) var(--jsh-ease), opacity var(--jsh-dur-fast) var(--jsh-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;right:1.5rem;box-shadow:0 4px 16px #0000002e}.js-basic-course-root .jsh-float-theme{background:var(--jsh-card);color:var(--jsh-primary-dk);border:1.5px solid var(--jsh-border);bottom:5.5rem}html.dark .js-basic-course-root .jsh-float-theme{color:var(--jsh-primary)}.js-basic-course-root .jsh-float-theme:hover{transform:scale(1.15)rotate(20deg);box-shadow:0 6px 20px #00000038}.js-basic-course-root .jsh-float-top{background:var(--jsh-dark-js);color:var(--jsh-primary);opacity:0;pointer-events:none;bottom:1.5rem;transform:translateY(10px)}.js-basic-course-root .jsh-float-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.js-basic-course-root .jsh-float-top:hover{transform:translateY(-4px);box-shadow:0 8px 24px #32333066}@media (width<=1100px){.js-basic-course-root .jsh-hero__inner{gap:2.5rem}.js-basic-course-root .jsh-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.js-basic-course-root .jsh-hero{padding:6rem 1.5rem 5rem}.js-basic-course-root .jsh-hero__inner{text-align:center;grid-template-columns:1fr;gap:3rem}.js-basic-course-root .jsh-hero__content{flex-direction:column;align-items:center;display:flex}.js-basic-course-root .jsh-hero__code-wrap,.js-basic-course-root .jsh-hero__code-line,.js-basic-course-root .jsh-hero__line-content{text-align:left}.js-basic-course-root .jsh-hero__subtitle,.js-basic-course-root .jsh-hero__trust{justify-content:center}.js-basic-course-root .jsh-hero__float-badge--1{top:-14px;right:10px}.js-basic-course-root .jsh-hero__float-badge--2{bottom:-14px;left:10px}}@media (width<=768px){.js-basic-course-root .jsh-container{padding:0 1.25rem}.js-basic-course-root .jsh-features-section,.js-basic-course-root .jsh-topics-section,.js-basic-course-root .jsh-testimonials-section,.js-basic-course-root .jsh-cta-section{padding:4rem 1.25rem}.js-basic-course-root .jsh-stats-section{padding:2.5rem 1.25rem}.js-basic-course-root .jsh-section-header{margin-bottom:2.5rem}.js-basic-course-root .jsh-features-grid{grid-template-columns:1fr 1fr;gap:1rem}.js-basic-course-root .jsh-topics-grid,.js-basic-course-root .jsh-testimonials-grid{grid-template-columns:1fr}.js-basic-course-root .jsh-cta-section__actions{flex-direction:column;align-items:center}.js-basic-course-root .jsh-float-theme{bottom:5rem;right:1rem}.js-basic-course-root .jsh-float-top{bottom:1rem;right:1rem}}@media (width<=500px){.js-basic-course-root .jsh-hero__inner{gap:2rem}.js-basic-course-root .jsh-hero__title{font-size:1.75rem}.js-basic-course-root .jsh-hero__actions{flex-direction:column;width:100%}.js-basic-course-root .jsh-hero__actions .jsh-btn{justify-content:center}.js-basic-course-root .jsh-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.js-basic-course-root .jsh-stat-value{font-size:1.6rem}.js-basic-course-root .jsh-features-grid{grid-template-columns:1fr}.js-basic-course-root .jsh-section-title,.js-basic-course-root .jsh-cta-section__title{font-size:1.6rem}.js-basic-course-root .jsh-cta-section__actions .jsh-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js-basic-course-root .js-topic-page{background-color:#fffde7;flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex}html.dark .js-basic-course-root .js-topic-page{background-color:#0e0e0a}.js-basic-course-root .js-animate-fade-in{animation:.5s ease-out jsTopicFadeIn}@keyframes jsTopicFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.js-basic-course-root .js-topic-header{color:#fff;z-index:200;background:linear-gradient(135deg,#323330 0%,#1a1a10 60%,#2a2a20 100%);padding:.8rem 1.1rem;position:sticky;top:0;box-shadow:0 2px 16px #f7df1e33}.js-basic-course-root .js-topic-header:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#f7df1e,#f0b429,#f7df1e,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.js-basic-course-root .js-topic-header-inner{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.js-basic-course-root .js-topic-back-btn{color:#f7df1e;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #f7df1e8c;border-radius:7px;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.js-basic-course-root .js-topic-back-btn:hover{background:#f7df1e2e;border-color:#f7df1e}.js-basic-course-root .js-topic-header-title{text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;color:#f7df1e;flex:1;margin:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:800;overflow:hidden}.js-basic-course-root .js-topic-menu-trigger{cursor:pointer;background:#f7df1e1f;border:2px solid #f7df1e73;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:36px;padding:0 8px;transition:background .2s,border-color .2s;display:flex}.js-basic-course-root .js-topic-menu-trigger:hover{background:#f7df1e40;border-color:#f7df1e}.js-basic-course-root .js-topic-menu-trigger span{background:#f7df1e;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.js-basic-course-root .js-loading-overlay{z-index:9999;background:linear-gradient(135deg,#323330 0%,#1a1a10 50%,#2a2a1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.22s forwards jsOverlayIn;display:flex;position:fixed;inset:0}@keyframes jsOverlayIn{0%{opacity:0}to{opacity:1}}.js-basic-course-root .js-loading-overlay.fade-out{pointer-events:none;animation:.42s forwards jsOverlayOut}@keyframes jsOverlayOut{0%{opacity:1}to{opacity:0}}.js-basic-course-root .js-loading-logo-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.js-basic-course-root .js-loading-spinner-ring{border:4px solid #f7df1e38;border-top-color:#f7df1e;border-radius:50%;animation:.85s linear infinite jsSpinRing;position:absolute;inset:0}@keyframes jsSpinRing{to{transform:rotate(360deg)}}.js-basic-course-root .js-loading-logo-text{color:#f7df1e;letter-spacing:-.02em;text-align:center;font-family:JetBrains Mono,Courier New,monospace;font-size:1.5rem;font-weight:900;line-height:1;animation:.85s ease-in-out infinite alternate jsLogoPulse}@keyframes jsLogoPulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.js-basic-course-root .js-loading-topic-name{color:#f7df1ef2;letter-spacing:.05em;background:#f7df1e1f;border:1.5px solid #f7df1e4d;border-radius:999px;padding:.32rem 1.1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:1rem;font-weight:700}.js-basic-course-root .js-loading-dots{gap:.5rem;display:flex}.js-basic-course-root .js-loading-dot{background:#f7df1ed9;border-radius:50%;width:10px;height:10px;animation:.65s ease-in-out infinite jsDotBounce}.js-basic-course-root .js-loading-dot:first-child{animation-delay:0s}.js-basic-course-root .js-loading-dot:nth-child(2){animation-delay:.13s}.js-basic-course-root .js-loading-dot:nth-child(3){animation-delay:.26s}@keyframes jsDotBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-13px)}}.js-basic-course-root .js-loading-caption{color:#f7df1ea6;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:500}.js-basic-course-root .js-topic-info-banner{color:#5a4a00;background:#fffde7;border-left:4px solid #f7df1e;padding:.8rem 1rem;font-size:.875rem}html.dark .js-basic-course-root .js-topic-info-banner{color:#c8b840;background:#1c1c10;border-left-color:#f7df1e}.js-basic-course-root .js-topic-info-inner{flex-wrap:wrap;align-items:flex-start;gap:.55rem;width:100%;display:flex}.js-basic-course-root .js-topic-info-icon{color:#c9b800;flex-shrink:0;width:18px;height:18px;margin-top:1px}.js-basic-course-root .js-topic-info-text{line-height:1.55}.js-basic-course-root .js-topic-info-text code{color:#8a7000;background:#f7df1e2e;border:1px solid #f7df1e4d;border-radius:4px;padding:.1rem .42rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;font-weight:700}html.dark .js-basic-course-root .js-topic-info-text code{color:#f7df1e;background:#f7df1e1a;border-color:#f7df1e38}.js-basic-course-root .js-topic-main{box-sizing:border-box;flex:1;width:100%;padding:.85rem .85rem 1.5rem}.js-basic-course-root .js-topic-panels-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:.85rem;min-height:calc(100vh - 180px);display:grid}@media (width<=768px){.js-basic-course-root .js-topic-panels-grid{min-height:unset;grid-template-columns:1fr}}.js-basic-course-root .js-editor-panel{background:#0d1117;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #f7df1e26,0 4px 24px #00000073}.js-basic-course-root .js-editor-panel-header{background:#161b22;border-bottom:1px solid #f7df1e1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.js-basic-course-root .js-editor-panel-header-left{align-items:center;gap:.55rem;display:flex}.js-basic-course-root .js-editor-tab{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;font-family:inherit;transition:all .2s}.js-basic-course-root .js-editor-tab:hover{background:#f7df1e1a}.js-basic-course-root .js-editor-tab.active{background:#f7df1e2e}.js-basic-course-root .js-editor-tab.active .js-editor-lang-badge{background:#f7df1e40;border-color:#f7df1e66}.js-basic-course-root .js-editor-lang-badge{color:#f7df1e;letter-spacing:.06em;text-transform:uppercase;background:#f7df1e2e;border:1px solid #f7df1e47;border-radius:5px;padding:.18rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.js-basic-course-root .js-editor-label-text{color:#8b949e;letter-spacing:.02em;font-size:.78rem;font-weight:500}.js-basic-course-root .js-editor-dots{align-items:center;gap:.35rem;display:flex}.js-basic-course-root .js-editor-dot{border-radius:50%;width:12px;height:12px}.js-basic-course-root .js-editor-dot.red{background:#ff5f57}.js-basic-course-root .js-editor-dot.yellow{background:#ffbd2e}.js-basic-course-root .js-editor-dot.green{background:#28ca41}.js-basic-course-root .js-editor-monaco-wrap{flex:1;min-height:0;overflow:hidden}.js-basic-course-root .js-editor-actions-bar{background:#161b22;border-top:1px solid #f7df1e14;flex-wrap:wrap;flex-shrink:0;gap:.6rem;padding:.6rem .9rem;display:flex}.js-basic-course-root .js-action-btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex}.js-basic-course-root .js-action-btn:hover{transform:translateY(-2px)}.js-basic-course-root .js-action-btn:active{transform:scale(.97)}.js-basic-course-root .js-action-btn svg{flex-shrink:0;width:14px;height:14px}.js-basic-course-root .js-action-btn.run{color:#323330;background:#f7df1e;box-shadow:0 3px 12px #f7df1e59}.js-basic-course-root .js-action-btn.run:hover{background:#ffe566;box-shadow:0 6px 18px #f7df1e80}.js-basic-course-root .js-action-btn.compiler{color:#f7df1e;background:#323330;border:1px solid #f7df1e40;box-shadow:0 3px 10px #32333073}.js-basic-course-root .js-action-btn.compiler:hover{background:#3e3e3a;border-color:#f7df1e73;box-shadow:0 5px 15px #32333099}.js-basic-course-root .js-action-btn.copy{color:#c9b800;background:#f7df1e1a;border:1px solid #f7df1e38}.js-basic-course-root .js-action-btn.copy:hover{color:#f7df1e;background:#f7df1e33;border-color:#f7df1e66}.js-basic-course-root .js-preview-panel{background:#fff;border-radius:10px;flex-direction:column;min-height:540px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #f7df1e33,0 4px 20px #0000001f}html.dark .js-basic-course-root .js-preview-panel{background:#f5f5e8}.js-basic-course-root .js-preview-panel-header{background:#fffde0;border-bottom:1px solid #f7df1e47;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.js-basic-course-root .js-preview-panel-title{color:#8a7000;align-items:center;gap:.45rem;margin:0;font-size:.82rem;font-weight:700;display:flex}.js-basic-course-root .js-preview-panel-title i{color:#c9b800;font-size:.9rem}.js-basic-course-root .js-preview-live-badge{color:#8a7000;letter-spacing:.06em;text-transform:uppercase;background:#f7df1e2e;border:1px solid #f7df1e59;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.js-basic-course-root .js-preview-live-badge-dot{background:#c9b800;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite jsLivePulse}@keyframes jsLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.js-basic-course-root .js-preview-dots-row{align-items:center;gap:.35rem;display:flex}.js-basic-course-root .js-preview-wdot{border-radius:50%;width:11px;height:11px}.js-basic-course-root .js-preview-wdot.red{background:#ff5f57}.js-basic-course-root .js-preview-wdot.yellow{background:#ffbd2e}.js-basic-course-root .js-preview-wdot.green{background:#28ca41}.js-basic-course-root .js-preview-iframe{background:#fff;border:none;flex:1;width:100%;min-height:0;display:block}.js-basic-course-root .js-preview-note{color:#7a6a00;background:#fffde7;border-top:1px solid #f7df1e33;flex-shrink:0;padding:.5rem .9rem;font-size:.78rem}.js-basic-course-root .js-preview-note-row{align-items:flex-start;gap:.45rem;display:flex}.js-basic-course-root .js-preview-note-row svg{color:#c9b800;flex-shrink:0;width:14px;height:14px;margin-top:1px}.js-basic-course-root .js-preview-note-row strong{color:#8a7000}.js-basic-course-root .js-page-footer{color:#c9c9a0;background:linear-gradient(135deg,#0e0e0a 0%,#1a1a10 60%,#141410 100%);margin-top:auto;padding:1.75rem 0 1rem;position:relative}.js-basic-course-root .js-page-footer:before{content:"";background:linear-gradient(90deg,#323330,#f7df1e,#f0b429,#f7df1e,#323330);height:3px;position:absolute;top:0;left:0;right:0}.js-basic-course-root .js-footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.js-basic-course-root .js-footer-content{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=640px){.js-basic-course-root .js-footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.js-basic-course-root .js-footer-text h3{color:#f7df1e;letter-spacing:-.01em;margin:0 0 .2rem;font-size:1rem;font-weight:800}.js-basic-course-root .js-footer-text p{color:#7a7a4a;margin:0;font-size:.8rem}.js-basic-course-root .js-social-icons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.js-basic-course-root .js-social-icon-wrapper{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.js-basic-course-root .js-social-icon{color:#7a7a4a;background:#f7df1e1a;border:1.5px solid #f7df1e33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .22s;display:flex}.js-basic-course-root .js-social-icon svg{width:17px;height:17px}.js-basic-course-root .js-social-icon:hover{transform:translateY(-4px);box-shadow:0 6px 16px #f7df1e40}.js-basic-course-root .js-social-icon-wrapper:first-child .js-social-icon:hover{color:#fff;background:#e1306c;border-color:#0000}.js-basic-course-root .js-social-icon-wrapper:nth-child(2) .js-social-icon:hover{color:#fff;background:red;border-color:#0000}.js-basic-course-root .js-social-icon-wrapper:nth-child(3) .js-social-icon:hover{color:#fff;background:#08c;border-color:#0000}.js-basic-course-root .js-social-icon-wrapper:nth-child(4) .js-social-icon:hover{color:#fff;background:#25d366;border-color:#0000}.js-basic-course-root .js-social-icon-label{color:#5a5a3a;white-space:nowrap;opacity:0;pointer-events:none;font-size:.62rem;font-weight:600;transition:all .2s;transform:translateY(-3px)}.js-basic-course-root .js-social-icon-wrapper:hover .js-social-icon-label{opacity:1;transform:translateY(0)}.js-basic-course-root .js-contact-email{text-align:center;margin-bottom:.6rem}.js-basic-course-root .js-contact-email a{color:#7a7a4a;font-size:.8rem;text-decoration:none;transition:color .18s}.js-basic-course-root .js-contact-email a:hover{color:#f7df1e}.js-basic-course-root .js-footer-copyright{text-align:center;border-top:1px solid #f7df1e1a;padding-top:.75rem}.js-basic-course-root .js-footer-copyright p{color:#5a5a3a;margin:0;font-size:.75rem}.js-basic-course-root .hover-scale{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.js-basic-course-root .hover-scale:hover{transform:translateY(-2px)scale(1.005);box-shadow:0 8px 28px #f7df1e2e}.js-basic-course-root .js-console-panel{background:#0d1117;border-top:none;border-radius:10px;flex-direction:column;flex-shrink:0;transition:max-height .3s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #f7df1e1f,0 4px 20px #0006}.js-basic-course-root .js-console-header{background:#161b22;border-bottom:1px solid #f7df1e14;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 .9rem;display:flex}.js-basic-course-root .js-console-title{color:#8b949e;align-items:center;gap:.5rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:700;display:flex}.js-basic-course-root .js-console-title i{color:#c9b800;font-size:.9rem}.js-basic-course-root .js-console-count{color:#323330;background:#f7df1e;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.js-basic-course-root .js-console-actions{align-items:center;gap:.35rem;display:flex}.js-basic-course-root .js-console-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #f7df1e1f;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex}.js-basic-course-root .js-console-btn:hover:not(:disabled){color:#f7df1e;background:#f7df1e0f;border-color:#f7df1e47}.js-basic-course-root .js-console-btn:disabled{opacity:.35;cursor:not-allowed}.js-basic-course-root .js-console-output{color:#d4d4d4;scrollbar-width:thin;scrollbar-color:#f7df1e26 transparent;flex:1;min-height:0;padding:.5rem .9rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.6;overflow:hidden auto}.js-basic-course-root .js-console-empty{color:#6b7280;align-items:center;gap:.5rem;font-size:.78rem;font-style:italic;display:flex}.js-basic-course-root .js-console-empty i{opacity:.6;font-size:.9rem}.js-basic-course-root .js-log-entry{border-bottom:1px solid #ffffff08;align-items:baseline;gap:.5rem;padding:.16rem 0;display:flex}.js-basic-course-root .js-log-entry.js-log-log{color:#86efac}.js-basic-course-root .js-log-entry.js-log-error{color:#f87171;background:#f871710f;border-left:3px solid #f87171;margin:0 -.9rem;padding:.16rem .9rem}.js-basic-course-root .js-log-entry.js-log-warn{color:#fbbf24;background:#fbbf240f;border-left:3px solid #fbbf24;margin:0 -.9rem;padding:.16rem .9rem}.js-basic-course-root .js-log-icon{flex-shrink:0;font-size:.75rem;line-height:1.6}.js-basic-course-root .js-log-type{letter-spacing:.06em;opacity:.65;text-transform:uppercase;flex-shrink:0;min-width:38px;font-size:.65rem;font-weight:900}.js-basic-course-root .js-log-msg{word-break:break-all;white-space:pre-wrap;flex:1}@media (width<=480px){.js-basic-course-root .js-topic-header-title{font-size:.95rem}.js-basic-course-root .js-topic-back-btn{padding:.32rem .65rem;font-size:.78rem}.js-basic-course-root .js-topic-menu-trigger{width:34px;height:32px}.js-basic-course-root .js-topic-main{padding:.55rem .55rem 1rem}.js-basic-course-root .js-editor-panel,.js-basic-course-root .js-preview-panel{min-height:380px}.js-basic-course-root .js-action-btn{padding:.38rem .75rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js-int-course-root{--color-bg:#f5f3ff;--color-bg-alt:#ede9fe;--color-card:#fff;--color-border:#8b5cf647;--color-border-soft:#8b5cf626;--color-text:#1c192b;--color-text-muted:#5b5270;--color-text-faint:#8b839e;background:var(--color-bg);color:var(--color-text);min-height:100vh}html.dark .js-int-course-root{--color-bg:#0b0914;--color-bg-alt:#131022;--color-card:#1c172d;--color-border:#8b5cf62e;--color-border-soft:#8b5cf61a;--color-text:#f3f0fa;--color-text-muted:#a79ebd;--color-text-faint:#6f6587}.js-int-course-root *,.js-int-course-root :before,.js-int-course-root :after{transition:background-color .25s,border-color .25s,color .25s}.js-int-course-root [class*=animation],.js-int-course-root [style*=animation],.js-int-course-root [style*=transition]{transition:unset}.js-int-course-root .navbar{z-index:1000;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#fffef0eb;border-bottom:2px solid #8b5cf64d;width:100%;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0;left:0;right:0}html.dark .js-int-course-root .navbar{background:#0d0d0deb;border-bottom-color:#8b5cf626}.js-int-course-root .navbar--scrolled{box-shadow:0 4px 24px #1a1a1a1f}html.dark .js-int-course-root .navbar--scrolled{box-shadow:0 4px 28px #0000008c}.js-int-course-root .navbar__progress{z-index:1002;pointer-events:none;will-change:width;background:linear-gradient(90deg,#8b5cf6 0%,#ec4899 60%,#8b5cf6 100%);border-radius:0 3px 3px 0;max-width:100%;height:3px;transition:width .12s linear;position:absolute;top:0;left:0}.js-int-course-root .navbar__inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.js-int-course-root .navbar__logo{outline-offset:4px;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:inline-flex}.js-int-course-root .navbar__logo:hover{opacity:.82}.js-int-course-root .navbar__logo-badge{background:#8b5cf6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 2px 10px #8b5cf666}.js-int-course-root .navbar__logo:hover .navbar__logo-badge{transform:translateY(-1px)rotate(-1deg);box-shadow:0 4px 18px #8b5cf699}.js-int-course-root .navbar__logo-js{color:#1a1a1a;letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.675rem;font-weight:700;line-height:1}.js-int-course-root .navbar__logo-text{flex-direction:column;gap:1px;line-height:1;display:flex}.js-int-course-root .navbar__logo-int{color:#1a1a1a;letter-spacing:.05em;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1}html.dark .js-int-course-root .navbar__logo-int{color:#f3f0fa}.js-int-course-root .navbar__logo-sub{color:#6b6b4a;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.5rem;font-weight:600;line-height:1}html.dark .js-int-course-root .navbar__logo-sub{color:#886}.js-int-course-root .navbar__nav{flex:1;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.js-int-course-root .navbar__nav-link{color:#3d3d2e;white-space:nowrap;outline-offset:2px;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}html.dark .js-int-course-root .navbar__nav-link{color:#cca}.js-int-course-root .navbar__nav-link i{flex-shrink:0;font-size:.95rem;transition:transform .2s}.js-int-course-root .navbar__nav-link:hover{color:#1a1a1a;background:#8b5cf629}html.dark .js-int-course-root .navbar__nav-link:hover{color:#8b5cf6;background:#8b5cf61a}.js-int-course-root .navbar__nav-link:hover i{transform:translateY(-1px)}.js-int-course-root .navbar__nav-link--active{color:#1a1a1a;background:#8b5cf6;font-weight:700;box-shadow:0 2px 10px #8b5cf661}.js-int-course-root .navbar__nav-link--active:hover{color:#1a1a1a;background:#f0d800}html.dark .js-int-course-root .navbar__nav-link--active{color:#1a1a1a;background:#8b5cf6;box-shadow:0 2px 12px #8b5cf647}html.dark .js-int-course-root .navbar__nav-link--active:hover{color:#1a1a1a;background:#f0d800}.js-int-course-root .navbar__nav-link--active i{transform:none}.js-int-course-root .navbar__controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.js-int-course-root .navbar__theme-btn{color:#3d3d2e;cursor:pointer;outline-offset:3px;background:0 0;border:1.5px solid #1a1a1a29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .22s,color .22s,border-color .22s,transform .25s,box-shadow .22s;display:inline-flex}html.dark .js-int-course-root .navbar__theme-btn{color:#cca;border-color:#ffffff24}.js-int-course-root .navbar__theme-btn:hover{color:#1a1a1a;background:#8b5cf6;border-color:#8b5cf6;transform:rotate(18deg)scale(1.08);box-shadow:0 2px 10px #8b5cf666}html.dark .js-int-course-root .navbar__theme-btn:hover{color:#1a1a1a;background:#8b5cf6;border-color:#8b5cf6}.js-int-course-root .navbar__hamburger{color:#1a1a1a;cursor:pointer;outline-offset:3px;background:0 0;border:1.5px solid #1a1a1a29;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:background .2s,color .2s,border-color .2s;display:none}html.dark .js-int-course-root .navbar__hamburger{color:#f3f0fa;border-color:#ffffff24}.js-int-course-root .navbar__hamburger:hover{color:#1a1a1a;background:#8b5cf626;border-color:#8b5cf673}html.dark .js-int-course-root .navbar__hamburger:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf647}.js-int-course-root .navbar__hamburger--open{background:#8b5cf626;border-color:#8b5cf673}html.dark .js-int-course-root .navbar__hamburger--open{background:#8b5cf61a;border-color:#8b5cf647}.js-int-course-root .navbar__overlay{z-index:999;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.js-int-course-root .navbar__overlay--visible{pointer-events:auto;-webkit-backdrop-filter:blur(2px);background:#0000007a;animation:.25s forwards jsintOverlayFadeIn}@keyframes jsintOverlayFadeIn{0%{opacity:0}to{opacity:1}}.js-int-course-root .navbar__mobile-menu{z-index:1001;overscroll-behavior:contain;will-change:transform;background:#fff;border-left:1px solid #8b5cf638;flex-direction:column;width:280px;height:100%;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}html.dark .js-int-course-root .navbar__mobile-menu{background:#0d0d0d;border-left-color:#8b5cf61f}.js-int-course-root .navbar__mobile-menu.open{transform:translate(0);box-shadow:-8px 0 40px #00000038}html.dark .js-int-course-root .navbar__mobile-menu.open{box-shadow:-8px 0 48px #000000a6}.js-int-course-root .navbar__mobile-header{border-bottom:1px solid #1a1a1a12;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}html.dark .js-int-course-root .navbar__mobile-header{border-bottom-color:#ffffff0d}.js-int-course-root .navbar__logo--mobile .navbar__logo-badge{width:38px;height:38px}.js-int-course-root .navbar__logo--mobile .navbar__logo-js{font-size:.625rem}.js-int-course-root .navbar__mobile-close{color:#6b6b4a;cursor:pointer;outline-offset:2px;background:#1a1a1a0f;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:background .2s,color .2s;display:inline-flex}html.dark .js-int-course-root .navbar__mobile-close{color:#886;background:#ffffff0f}.js-int-course-root .navbar__mobile-close:hover{color:#1a1a1a;background:#8b5cf62e}html.dark .js-int-course-root .navbar__mobile-close:hover{color:#8b5cf6;background:#8b5cf61f}.js-int-course-root .navbar__mobile-nav{flex:1;padding:10px 10px 8px;overflow-y:auto}.js-int-course-root .navbar__mobile-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.js-int-course-root .navbar__mobile-link{color:#3d3d2e;outline-offset:2px;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.925rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}html.dark .js-int-course-root .navbar__mobile-link{color:#cca}.js-int-course-root .navbar__mobile-link i:first-child{text-align:center;flex-shrink:0;width:20px;font-size:1.05rem}.js-int-course-root .navbar__mobile-link span{flex:1}.js-int-course-root .navbar__mobile-active-check{color:#1a1a1a;flex-shrink:0;margin-left:auto;width:auto!important;font-size:.8rem!important}.js-int-course-root .navbar__mobile-link:hover{color:#1a1a1a;background:#8b5cf61f;transform:translate(3px)}html.dark .js-int-course-root .navbar__mobile-link:hover{color:#8b5cf6;background:#8b5cf614}.js-int-course-root .navbar__mobile-link--active{color:#1a1a1a;background:#8b5cf6;font-weight:700;box-shadow:0 2px 10px #8b5cf647}.js-int-course-root .navbar__mobile-link--active:hover{color:#1a1a1a;background:#f0d800;transform:none}html.dark .js-int-course-root .navbar__mobile-link--active{color:#1a1a1a;background:#8b5cf6;box-shadow:0 2px 10px #8b5cf633}html.dark .js-int-course-root .navbar__mobile-link--active .navbar__mobile-active-check{color:#1a1a1a}.js-int-course-root .navbar__mobile-theme{border-top:1px solid #1a1a1a12;border-bottom:1px solid #1a1a1a12;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}html.dark .js-int-course-root .navbar__mobile-theme{border-color:#ffffff0d}.js-int-course-root .navbar__mobile-theme-label{color:#3d3d2e;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;display:flex}html.dark .js-int-course-root .navbar__mobile-theme-label{color:#cca}.js-int-course-root .navbar__mobile-theme-label i{color:#8b5cf6;font-size:1rem}.js-int-course-root .navbar__toggle-switch{cursor:pointer;outline-offset:3px;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.js-int-course-root .navbar__toggle-switch input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.js-int-course-root .navbar__toggle-slider{background:#1a1a1a24;border:1.5px solid #1a1a1a1a;border-radius:26px;transition:background .3s;position:absolute;inset:0}html.dark .js-int-course-root .navbar__toggle-slider{background:#ffffff1a;border-color:#ffffff14}.js-int-course-root .navbar__toggle-slider:before{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s;position:absolute;bottom:50%;left:2px;transform:translateY(50%);box-shadow:0 1px 5px #00000038}.js-int-course-root .navbar__toggle-switch input:checked+.navbar__toggle-slider{background:#8b5cf6;border-color:#e8cf00}.js-int-course-root .navbar__toggle-switch input:checked+.navbar__toggle-slider:before{background:#1a1a1a;transform:translate(22px)translateY(50%)}.js-int-course-root .navbar__toggle-switch:focus-within .navbar__toggle-slider{outline-offset:2px;outline:2px solid #8b5cf6}.js-int-course-root .navbar__mobile-socials{flex-shrink:0;padding:16px 20px 28px}.js-int-course-root .navbar__mobile-socials-label{color:#9a9a70;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.68rem;font-weight:700}html.dark .js-int-course-root .navbar__mobile-socials-label{color:#554}.js-int-course-root .navbar__mobile-socials-row{flex-wrap:wrap;gap:10px;display:flex}.js-int-course-root .navbar__social-btn{outline-offset:3px;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:background .22s,color .22s,transform .2s,box-shadow .22s,border-color .22s;display:inline-flex}.js-int-course-root .navbar__social-btn:hover{transform:translateY(-3px)}.js-int-course-root .navbar__social-btn--instagram{color:#e4405f;background:#e4405f1a;border-color:#e4405f33}.js-int-course-root .navbar__social-btn--instagram:hover{color:#fff;background:#e4405f;border-color:#e4405f;box-shadow:0 4px 16px #e4405f61}.js-int-course-root .navbar__social-btn--youtube{color:red;background:#ff00001a;border-color:#f003}.js-int-course-root .navbar__social-btn--youtube:hover{color:#fff;background:red;border-color:red;box-shadow:0 4px 16px #ff000061}.js-int-course-root .navbar__social-btn--telegram{color:#08c;background:#0088cc1a;border-color:#08c3}.js-int-course-root .navbar__social-btn--telegram:hover{color:#fff;background:#08c;border-color:#08c;box-shadow:0 4px 16px #0088cc61}@media (width<=768px){.js-int-course-root .navbar__nav{display:none}.js-int-course-root .navbar__hamburger{display:inline-flex}}@media (width>=769px){.js-int-course-root .navbar__hamburger{display:none}.js-int-course-root .navbar__mobile-menu{pointer-events:none;visibility:hidden;box-shadow:none!important;transform:translate(100%)!important}.js-int-course-root .navbar__overlay{pointer-events:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}}@media (width<=480px){.js-int-course-root .navbar__inner{height:58px;padding:0 14px}.js-int-course-root .navbar__logo-badge{width:38px;height:38px}.js-int-course-root .navbar__logo-int{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.js-int-course-root .navbar,.js-int-course-root .navbar__progress,.js-int-course-root .navbar__logo-badge,.js-int-course-root .navbar__nav-link,.js-int-course-root .navbar__theme-btn,.js-int-course-root .navbar__hamburger,.js-int-course-root .navbar__mobile-menu,.js-int-course-root .navbar__overlay,.js-int-course-root .navbar__mobile-link,.js-int-course-root .navbar__social-btn,.js-int-course-root .navbar__toggle-slider,.js-int-course-root .navbar__toggle-slider:before{transition:none!important;animation:none!important}}.js-int-course-root .jsint-home-page{--hp-primary:#8b5cf6;--hp-primary-dk:#6d28d9;--hp-secondary:#ec4899;--hp-black:#1a1a1a;--hp-black-soft:#2a2a2a;--hp-bg:#f5f3ff;--hp-bg-alt:#fff;--hp-bg-hero:#0f0f0f;--hp-card:#fff;--hp-card-alt:#ede9fe;--hp-text:#1a1a1a;--hp-text-muted:#5a5a72;--hp-text-faint:#9a9a9a;--hp-text-on-hero:#f0f0f0;--hp-border:#8b5cf640;--hp-border-soft:#1a1a1a17;--hp-border-hover:#8b5cf6a6;--hp-shadow-sm:0 2px 12px #1a1a1a14;--hp-shadow-md:0 6px 24px #1a1a1a1c;--hp-shadow-lg:0 14px 48px #1a1a1a26;--hp-shadow-card:0 8px 32px #8b5cf621;--hp-shadow-card-h:0 16px 48px #8b5cf638;--hp-shadow-btn:0 4px 20px #8b5cf666;--hp-r-sm:8px;--hp-r-md:14px;--hp-r-lg:20px;--hp-r-xl:28px;--hp-r-full:9999px;--hp-ease:cubic-bezier(.4, 0, .2, 1);--hp-ease-out:cubic-bezier(0, 0, .2, 1);--hp-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--hp-dur-fast:.16s;--hp-dur-mid:.3s;--hp-dur-slow:.6s;--hp-code-bg:#0d1117;--hp-code-bar:#161b22;--hp-code-border:#30363d;--hp-code-num:#484f58;--hp-code-line-h:#ffffff08}html.dark .js-int-course-root .jsint-home-page{--hp-bg:#0d0d0d;--hp-bg-alt:#111;--hp-bg-hero:#080808;--hp-card:#1a1a1a;--hp-card-alt:#141414;--hp-text:#f0f0f0;--hp-text-muted:#a0a0a0;--hp-text-faint:#5a5a5a;--hp-text-on-hero:#f0f0f0;--hp-border:#8b5cf62e;--hp-border-soft:#ffffff0f;--hp-border-hover:#8b5cf68c;--hp-shadow-sm:0 2px 12px #0006;--hp-shadow-md:0 6px 24px #00000085;--hp-shadow-lg:0 14px 48px #0000009e;--hp-shadow-card:0 8px 32px #8b5cf612;--hp-shadow-card-h:0 16px 48px #8b5cf624;--hp-shadow-btn:0 4px 20px #8b5cf647}.js-int-course-root .jsint-home-page{background:var(--hp-bg);color:var(--hp-text);min-height:100vh;transition:background var(--hp-dur-mid) var(--hp-ease), color var(--hp-dur-mid) var(--hp-ease);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.js-int-course-root .home-section-inner{max-width:1280px;margin:0 auto;padding:0 2rem}.js-int-course-root .home-section-header{text-align:center;margin-bottom:3.5rem}.js-int-course-root .home-section-pill{border:1px solid var(--hp-border);color:var(--hp-primary-dk);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--hp-r-full);background:#8b5cf624;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}html.dark .js-int-course-root .home-section-pill{color:var(--hp-primary)}.js-int-course-root .home-section-title{color:var(--hp-text);align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.5rem;font-weight:700;display:flex}.js-int-course-root .home-section-title i{color:var(--hp-primary-dk)}html.dark .js-int-course-root .home-section-title i{color:var(--hp-primary)}.js-int-course-root .home-section-title--centered{color:var(--hp-text);text-align:center;letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.js-int-course-root .home-section-desc{color:var(--hp-text-muted);text-align:center;max-width:640px;margin:0 auto;font-size:1rem;line-height:1.7}.js-int-course-root .home-hero{background:var(--hp-bg-hero);opacity:0;min-height:90vh;transition:opacity var(--hp-dur-slow) var(--hp-ease-out), transform var(--hp-dur-slow) var(--hp-ease-out);flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.js-int-course-root .home-hero--in{opacity:1;transform:translateY(0)}.js-int-course-root .home-hero__glow{border-radius:var(--hp-r-full);pointer-events:none;filter:blur(80px);opacity:.35;animation:6s ease-in-out infinite alternate pulse;position:absolute}.js-int-course-root .home-hero__glow--1{background:radial-gradient(circle,#8b5cf666 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-150px}.js-int-course-root .home-hero__glow--2{background:radial-gradient(circle,#ec48994d 0%,#0000 70%);width:400px;height:400px;animation-delay:2s;bottom:-100px;left:-80px}.js-int-course-root .home-hero__glow--3{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:300px;height:300px;animation-delay:4s;top:40%;left:30%}.js-int-course-root .home-hero__inner{z-index:1;justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;display:flex;position:relative}.js-int-course-root .home-hero-content{flex:1;max-width:560px}.js-int-course-root .home-hero-badge{color:var(--hp-primary);letter-spacing:.04em;border-radius:var(--hp-r-full);animation:fadeSlideUp .6s var(--hp-ease-out) .1s both;background:#8b5cf61f;border:1px solid #8b5cf64d;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.js-int-course-root .home-hero-title{letter-spacing:-.03em;color:#f5f5f5;animation:fadeSlideUp .65s var(--hp-ease-out) .2s both;margin:0 0 .25rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.05}.js-int-course-root .home-hero-yellow{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.js-int-course-root .home-hero-level{letter-spacing:.22em;color:var(--hp-primary-dk);animation:fadeSlideUp .65s var(--hp-ease-out) .28s both;margin:.1rem 0 1.4rem;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1.3rem);font-weight:700}.js-int-course-root .home-hero-desc{color:#f0f0f0bf;max-width:480px;animation:fadeSlideUp .65s var(--hp-ease-out) .35s both;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.js-int-course-root .home-hero-actions{animation:fadeSlideUp .65s var(--hp-ease-out) .42s both;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.js-int-course-root .home-cta-btn{border-radius:var(--hp-r-full);cursor:pointer;transition:background var(--hp-dur-fast) var(--hp-ease), color var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease-bounce), box-shadow var(--hp-dur-fast) var(--hp-ease);background:var(--hp-primary);color:var(--hp-black);box-shadow:var(--hp-shadow-btn);border:2px solid #0000;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.js-int-course-root .home-cta-btn:hover{background:var(--hp-primary-dk);transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf68c}.js-int-course-root .home-cta-btn:active{box-shadow:var(--hp-shadow-btn);transform:translateY(0)}.js-int-course-root .home-cta-btn.outline{color:var(--hp-primary);box-shadow:none;background:0 0;border:2px solid #8b5cf68c}.js-int-course-root .home-cta-btn.outline:hover{border-color:var(--hp-primary);box-shadow:none;background:#8b5cf61a;transform:translateY(-2px)}.js-int-course-root .home-hero-trust{animation:fadeSlideUp .65s var(--hp-ease-out) .5s both;flex-wrap:wrap;gap:1rem;display:flex}.js-int-course-root .home-hero-trust-item{color:#f0f0f08c;align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;display:inline-flex}.js-int-course-root .home-hero-trust-item i{color:var(--hp-primary);font-size:.85rem}.js-int-course-root .home-code-window-wrap{max-width:520px;animation:fadeSlideUp .7s var(--hp-ease-out) .3s both;flex:1;position:relative}.js-int-course-root .home-code-window{background:var(--hp-code-bg);border:1px solid var(--hp-code-border);border-radius:var(--hp-r-lg);overflow:hidden;box-shadow:0 0 0 1px #8b5cf614,0 24px 64px #000000a6}.js-int-course-root .home-code-bar{background:var(--hp-code-bar);border-bottom:1px solid var(--hp-code-border);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.js-int-course-root .home-code-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.js-int-course-root .dot-red{background:#ff5f57}.js-int-course-root .dot-yellow{background:#febc2e}.js-int-course-root .dot-green{background:#28c840}.js-int-course-root .home-code-filename{color:#8b949e;align-items:center;gap:.35rem;margin-left:.4rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.js-int-course-root .home-code-body{padding:1rem 0;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}.js-int-course-root .home-code-line{opacity:0;min-width:max-content;animation:codeLineIn .45s var(--hp-ease-out) both;align-items:flex-start;padding:.12rem 1rem;display:flex}.js-int-course-root .home-code-line:hover{background:var(--hp-code-line-h)}.js-int-course-root .home-line-num{min-width:2rem;color:var(--hp-code-num);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:1.25rem}.js-int-course-root .home-line-content{white-space:pre;flex:1}.js-int-course-root .code-cm{color:#6a9955}.js-int-course-root .code-kw{color:#569cd6}.js-int-course-root .code-fn{color:#dcdcaa}.js-int-course-root .code-id{color:#9cdcfe}.js-int-course-root .code-str{color:#ce9178}.js-int-course-root .code-pn{color:#d4d4d4}.js-int-course-root .code-op{color:#c586c0}.js-int-course-root .home-code-float{color:#1a1a1a;border-radius:var(--hp-r-full);white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#ec4899);align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.8rem;font-weight:700;animation:3s ease-in-out infinite pulse;display:inline-flex;position:absolute;bottom:-18px;left:-18px;box-shadow:0 8px 24px #8b5cf673}.js-int-course-root .home-stats{z-index:1;animation:fadeSlideUp .65s var(--hp-ease-out) .6s both;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:3.5rem;display:flex;position:relative}.js-int-course-root .home-stat-pill{border-radius:var(--hp-r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #8b5cf638;align-items:center;gap:.55rem;padding:.6rem 1.25rem;display:flex}.js-int-course-root .home-stat-pill i{color:var(--hp-primary);font-size:.95rem}.js-int-course-root .home-stat-value{color:var(--hp-primary);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.js-int-course-root .home-stat-label{color:#f0f0f099;font-size:.82rem;font-weight:500}.js-int-course-root .home-features-section{background:var(--hp-bg);border-bottom:1px solid var(--hp-border-soft);transition:background var(--hp-dur-mid) var(--hp-ease);padding:5rem 0 4rem}.js-int-course-root .home-features{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8b5cf659 transparent;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:.5rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.js-int-course-root .home-features::-webkit-scrollbar{height:4px}.js-int-course-root .home-features::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}.js-int-course-root .home-feature-card{background:var(--hp-card);border:1px solid var(--hp-border-soft);border-radius:var(--hp-r-lg);cursor:pointer;min-width:200px;box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur-fast) var(--hp-ease-bounce), box-shadow var(--hp-dur-fast) var(--hp-ease), border-color var(--hp-dur-fast) var(--hp-ease);animation:fadeIn .5s var(--hp-ease-out) both;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.5rem;text-decoration:none;display:flex}.js-int-course-root .home-feature-card:hover{box-shadow:var(--hp-shadow-card-h);border-color:var(--hp-border-hover);transform:translateY(-5px)}.js-int-course-root .home-feature-icon{border-radius:var(--hp-r-md);width:46px;height:46px;color:var(--hp-primary-dk);transition:background var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease-bounce);background:#8b5cf624;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}html.dark .js-int-course-root .home-feature-icon{color:var(--hp-primary);background:#8b5cf61a}.js-int-course-root .home-feature-card:hover .home-feature-icon{background:#8b5cf638;transform:scale(1.1)rotate(-4deg)}.js-int-course-root .home-feature-title{color:var(--hp-text);margin:0;font-size:1rem;font-weight:700}.js-int-course-root .home-feature-desc{color:var(--hp-text-muted);flex:1;margin:0;font-size:.83rem;line-height:1.6}.js-int-course-root .home-feature-cta{color:var(--hp-primary-dk);transition:gap var(--hp-dur-fast) var(--hp-ease);align-items:center;margin-top:auto;padding-top:.25rem;font-size:.82rem;font-weight:600;display:inline-flex}html.dark .js-int-course-root .home-feature-cta{color:var(--hp-primary)}.js-int-course-root .home-feature-card:hover .home-feature-cta{gap:.35rem}.js-int-course-root .home-topics-section{background:var(--hp-bg-alt);transition:background var(--hp-dur-mid) var(--hp-ease);padding:5rem 0 5.5rem}html.dark .js-int-course-root .home-topics-section{background:var(--hp-bg)}.js-int-course-root .home-topics-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.js-int-course-root .home-topic-card{background:var(--hp-card);border:1px solid var(--hp-border-soft);border-radius:var(--hp-r-lg);cursor:pointer;box-shadow:var(--hp-shadow-sm);animation:fadeSlideUp .55s var(--hp-ease-out) both;transition:transform var(--hp-dur-fast) var(--hp-ease-bounce), box-shadow var(--hp-dur-fast) var(--hp-ease), border-color var(--hp-dur-fast) var(--hp-ease);flex-direction:column;gap:.55rem;padding:1.75rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.js-int-course-root .home-topic-card:before{content:"";border-radius:inherit;transition:border-color var(--hp-dur-fast) var(--hp-ease);pointer-events:none;border:2px solid #0000;position:absolute;inset:0}.js-int-course-root .home-topic-card:hover{box-shadow:var(--hp-shadow-card-h);transform:translateY(-4px)}.js-int-course-root .home-topic-card:hover:before{border-color:var(--hp-border-hover)}.js-int-course-root .home-topic-icon{width:50px;height:50px;color:var(--hp-primary-dk);transition:background var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease-bounce);background:#8b5cf624;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}html.dark .js-int-course-root .home-topic-icon{color:var(--hp-primary);background:#8b5cf61a}.js-int-course-root .home-topic-card:hover .home-topic-icon{background:#8b5cf640;transform:scale(1.08)rotate(-5deg)}.js-int-course-root .home-topic-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.js-int-course-root .home-topic-count{letter-spacing:.04em;text-transform:uppercase;color:var(--hp-primary-dk);border-radius:var(--hp-r-full);background:#8b5cf61f;border:1px solid #8b5cf640;padding:.2rem .6rem;font-size:.75rem;font-weight:700}html.dark .js-int-course-root .home-topic-count{color:var(--hp-primary)}.js-int-course-root .home-topic-name{color:var(--hp-text);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.js-int-course-root .home-topic-desc{color:var(--hp-text-muted);flex:1;margin:0;font-size:.84rem;line-height:1.65}.js-int-course-root .home-topic-cta{color:var(--hp-primary-dk);align-items:center;margin-top:auto;padding-top:.25rem;font-size:.83rem;font-weight:600;display:inline-flex}html.dark .js-int-course-root .home-topic-cta{color:var(--hp-primary)}.js-int-course-root .home-topic-cta i{transition:transform var(--hp-dur-fast) var(--hp-ease-bounce);font-size:1.1rem}.js-int-course-root .home-topic-card:hover .home-topic-cta i{transform:translate(4px)}.js-int-course-root .home-why-section{background:var(--hp-bg);transition:background var(--hp-dur-mid) var(--hp-ease);padding:5rem 0}.js-int-course-root .home-why-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.js-int-course-root .home-why-card{background:var(--hp-card);border:1px solid var(--hp-border-soft);border-radius:var(--hp-r-lg);box-shadow:var(--hp-shadow-sm);transition:transform var(--hp-dur-fast) var(--hp-ease-bounce), box-shadow var(--hp-dur-fast) var(--hp-ease), border-color var(--hp-dur-fast) var(--hp-ease);animation:fadeSlideUp .55s var(--hp-ease-out) both;flex-direction:column;gap:.75rem;padding:2rem 1.5rem;display:flex}.js-int-course-root .home-why-card:hover{box-shadow:var(--hp-shadow-card);border-color:var(--hp-border);transform:translateY(-4px)}.js-int-course-root .home-why-icon{width:52px;height:52px;color:var(--hp-primary-dk);transition:background var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease-bounce);background:#8b5cf624;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}html.dark .js-int-course-root .home-why-icon{color:var(--hp-primary);background:#8b5cf61a}.js-int-course-root .home-why-card:hover .home-why-icon{background:#8b5cf640;transform:scale(1.1)rotate(-5deg)}.js-int-course-root .home-why-title{color:var(--hp-text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.js-int-course-root .home-why-desc{color:var(--hp-text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.7}.js-int-course-root .home-cta-banner{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 60%,#6d28d9 100%);padding:5rem 2rem;position:relative;overflow:hidden}.js-int-course-root .home-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 70%,#ffffff38 0%,#0000 70%),radial-gradient(40% 60% at 20% 80%,#00000014 0%,#0000 70%);position:absolute;inset:0}.js-int-course-root .home-cta-banner-inner{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;margin:0 auto;display:flex;position:relative}.js-int-course-root .home-cta-banner-icon{width:64px;height:64px;color:var(--hp-black);background:#1a1a1a1f;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.js-int-course-root .home-cta-banner-title{color:var(--hp-black);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1.1}.js-int-course-root .home-cta-banner-desc{color:#1a1a1ab8;max-width:560px;margin:0;font-size:1.05rem;line-height:1.7}.js-int-course-root .home-cta-banner-btn{background:var(--hp-black);color:var(--hp-primary);border-radius:var(--hp-r-full);transition:background var(--hp-dur-fast) var(--hp-ease), transform var(--hp-dur-fast) var(--hp-ease-bounce), box-shadow var(--hp-dur-fast) var(--hp-ease);align-items:center;gap:.55rem;margin-top:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 28px #1a1a1a4d}.js-int-course-root .home-cta-banner-btn:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 10px 36px #1a1a1a6b}.js-int-course-root .home-cta-banner-btn:active{transform:translateY(0)}@keyframes jsintFadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes jsintPulse{0%{opacity:.35;transform:scale(1)}to{opacity:.5;transform:scale(1.08)}}@keyframes codeLineIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.js-int-course-root .home-hero__inner{gap:2.5rem}.js-int-course-root .home-topics-grid,.js-int-course-root .home-why-grid{grid-template-columns:repeat(2,1fr)}.js-int-course-root .home-features{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (width<=768px){.js-int-course-root .home-hero{min-height:auto;padding:5rem 1.5rem 3.5rem}.js-int-course-root .home-hero__inner{text-align:center;flex-direction:column;gap:3rem}.js-int-course-root .home-code-window-wrap,.js-int-course-root .home-code-line,.js-int-course-root .home-line-content{text-align:left}.js-int-course-root .home-hero-content,.js-int-course-root .home-hero-desc{max-width:100%}.js-int-course-root .home-hero-actions,.js-int-course-root .home-hero-trust{justify-content:center}.js-int-course-root .home-code-window-wrap{width:100%;max-width:100%}.js-int-course-root .home-code-float{font-size:.74rem;bottom:-14px;left:auto;right:-10px}.js-int-course-root .home-stats{margin-top:2.5rem}.js-int-course-root .home-features-section{padding:3.5rem 0 3rem}.js-int-course-root .home-topics-section{padding:3.5rem 0 4rem}.js-int-course-root .home-why-section{padding:3.5rem 0}.js-int-course-root .home-section-inner{padding:0 1.25rem}.js-int-course-root .home-features{grid-template-columns:repeat(2,minmax(180px,1fr))}.js-int-course-root .home-topics-grid{grid-template-columns:1fr}.js-int-course-root .home-why-grid{grid-template-columns:1fr;gap:1rem}.js-int-course-root .home-cta-banner{padding:3.5rem 1.5rem}.js-int-course-root .home-section-header{margin-bottom:2.5rem}}@media (width<=480px){.js-int-course-root .home-hero{padding:4rem 1rem 3rem}.js-int-course-root .home-hero-actions{flex-direction:column;align-items:stretch}.js-int-course-root .home-cta-btn{justify-content:center}.js-int-course-root .home-stats{gap:.6rem}.js-int-course-root .home-stat-pill{padding:.5rem .85rem;font-size:.8rem}.js-int-course-root .home-features{grid-template-columns:1fr}.js-int-course-root .home-section-inner{padding:0 1rem}.js-int-course-root .home-why-grid,.js-int-course-root .home-topics-grid{grid-template-columns:1fr}.js-int-course-root .back-to-top-btn{width:42px;height:42px;bottom:1.25rem;right:1.25rem}.js-int-course-root .home-code-body{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.js-int-course-root .home-hero,.js-int-course-root .home-hero-badge,.js-int-course-root .home-hero-title,.js-int-course-root .home-hero-level,.js-int-course-root .home-hero-desc,.js-int-course-root .home-hero-actions,.js-int-course-root .home-hero-trust,.js-int-course-root .home-code-window-wrap,.js-int-course-root .home-stats,.js-int-course-root .home-feature-card,.js-int-course-root .home-topic-card,.js-int-course-root .home-why-card,.js-int-course-root .home-code-line,.js-int-course-root .home-code-float,.js-int-course-root .home-hero__glow{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.js-int-course-root .js-int-index{--jsi-primary:#8b5cf6;--jsi-primary-dk:#6d28d9;--jsi-secondary:#ec4899;--jsi-black:#1a1a1a;--jsi-bg:#f5f3ff;--jsi-bg-alt:#fff;--jsi-bg-hero:#0f0f0f;--jsi-card:#fff;--jsi-card-alt:#ede9fe;--jsi-text:#1a1a1a;--jsi-text-muted:#5a5a72;--jsi-text-faint:#9a9a9a;--jsi-text-on-hero:#f0f0f0;--jsi-text-code:#c9d1d9;--jsi-border:#8b5cf640;--jsi-border-soft:#1a1a1a17;--jsi-border-hover:#8b5cf6a6;--jsi-border-focus:#8b5cf6;--jsi-shadow-xs:0 1px 4px #1a1a1a0f;--jsi-shadow-sm:0 2px 12px #1a1a1a14;--jsi-shadow-md:0 6px 24px #1a1a1a1c;--jsi-shadow-lg:0 14px 48px #1a1a1a26;--jsi-shadow-card:0 8px 32px #8b5cf621;--jsi-shadow-card-h:0 16px 48px #8b5cf638;--jsi-shadow-btn:0 4px 20px #8b5cf659;--jsi-r-xs:4px;--jsi-r-sm:8px;--jsi-r-md:14px;--jsi-r-lg:20px;--jsi-r-xl:28px;--jsi-r-full:9999px;--jsi-ease:cubic-bezier(.4, 0, .2, 1);--jsi-ease-out:cubic-bezier(0, 0, .2, 1);--jsi-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--jsi-dur-fast:.16s;--jsi-dur-mid:.3s;--jsi-dur-slow:.6s;--jsi-input-bg:#fff;--jsi-input-border:#1a1a1a2e;--jsi-input-focus:#8b5cf647}html.dark .js-int-course-root .js-int-index{--jsi-bg:#0d0d0d;--jsi-bg-alt:#111;--jsi-bg-hero:#080808;--jsi-card:#1a1a1a;--jsi-card-alt:#141414;--jsi-text:#f0f0f0;--jsi-text-muted:#a0a0a0;--jsi-text-faint:#5a5a5a;--jsi-text-on-hero:#f0f0f0;--jsi-text-code:#c9d1d9;--jsi-border:#8b5cf62e;--jsi-border-soft:#ffffff12;--jsi-border-hover:#8b5cf68c;--jsi-shadow-xs:0 1px 4px #00000059;--jsi-shadow-sm:0 2px 12px #0000006b;--jsi-shadow-md:0 6px 24px #00000085;--jsi-shadow-lg:0 14px 48px #0000009e;--jsi-shadow-card:0 8px 32px #8b5cf612;--jsi-shadow-card-h:0 16px 48px #8b5cf624;--jsi-shadow-btn:0 4px 20px #8b5cf640;--jsi-input-bg:#1a1a1a;--jsi-input-border:#ffffff1f;--jsi-input-focus:#8b5cf633}.js-int-course-root .js-int-index{background:var(--jsi-bg);color:var(--jsi-text);min-height:100vh;transition:background var(--jsi-dur-mid) var(--jsi-ease), color var(--jsi-dur-mid) var(--jsi-ease);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.js-int-course-root .jsi-hero{background:var(--jsi-bg-hero);opacity:0;transition:opacity var(--jsi-dur-slow) var(--jsi-ease-out), transform var(--jsi-dur-slow) var(--jsi-ease-out);padding:7rem 2rem 4rem;position:relative;overflow:hidden;transform:translateY(16px)}.js-int-course-root .jsi-hero--in{opacity:1;transform:translateY(0)}.js-int-course-root .jsi-hero__glow{border-radius:var(--jsi-r-full);pointer-events:none;filter:blur(90px);animation:7s ease-in-out infinite alternate jsiPulse;position:absolute}.js-int-course-root .jsi-hero__glow--1{opacity:.3;background:radial-gradient(circle,#8b5cf659 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-180px;right:-100px}.js-int-course-root .jsi-hero__glow--2{opacity:.25;background:radial-gradient(circle,#ec489940 0%,#0000 70%);width:350px;height:350px;animation-delay:3s;bottom:-120px;left:-60px}.js-int-course-root .jsi-hero-inner{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.5rem;max-width:820px;margin:0 auto;display:flex;position:relative}.js-int-course-root .jsi-hero-badge{color:var(--jsi-primary);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--jsi-r-full);animation:jsiFadeUp .55s var(--jsi-ease-out) .1s both;background:#8b5cf61f;border:1px solid #8b5cf64d;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.js-int-course-root .jsi-hero-title{color:#f5f5f5;letter-spacing:-.03em;animation:jsiFadeUp .6s var(--jsi-ease-out) .18s both;margin:0;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:900;line-height:1.1}.js-int-course-root .jsi-hero-title-accent{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.js-int-course-root .jsi-hero-subtitle{color:#f0f0f0a6;max-width:580px;animation:jsiFadeUp .6s var(--jsi-ease-out) .26s both;margin:0;font-size:1rem;line-height:1.7}.js-int-course-root .jsi-search-bar{background:var(--jsi-input-bg);border:2px solid var(--jsi-input-border);border-radius:var(--jsi-r-full);width:100%;max-width:600px;transition:border-color var(--jsi-dur-fast) var(--jsi-ease), box-shadow var(--jsi-dur-fast) var(--jsi-ease), background var(--jsi-dur-mid) var(--jsi-ease);animation:jsiFadeUp .6s var(--jsi-ease-out) .34s both;align-items:center;gap:.75rem;padding:0 1.25rem;display:flex}.js-int-course-root .jsi-search-bar:focus-within{border-color:var(--jsi-border-focus);box-shadow:0 0 0 4px var(--jsi-input-focus), 0 4px 24px #8b5cf62e}.js-int-course-root .jsi-search-icon{color:var(--jsi-text-muted);transition:color var(--jsi-dur-fast) var(--jsi-ease);flex-shrink:0;font-size:1rem}.js-int-course-root .jsi-search-bar:focus-within .jsi-search-icon{color:var(--jsi-primary-dk)}html.dark .js-int-course-root .jsi-search-bar:focus-within .jsi-search-icon{color:var(--jsi-primary)}.js-int-course-root .jsi-search-input{color:var(--jsi-text);-webkit-appearance:none;background:0 0;border:none;outline:none;flex:1;padding:.875rem 0;font-family:Inter,system-ui,sans-serif;font-size:.98rem;font-weight:500}.js-int-course-root .jsi-search-input::placeholder{color:var(--jsi-text-faint);font-weight:400}.js-int-course-root .jsi-search-input::-webkit-search-cancel-button{display:none}.js-int-course-root .jsi-search-clear{width:28px;height:28px;color:var(--jsi-text-muted);cursor:pointer;transition:background var(--jsi-dur-fast) var(--jsi-ease), color var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce);background:#1a1a1a14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}html.dark .js-int-course-root .jsi-search-clear{color:var(--jsi-text-muted);background:#ffffff1a}.js-int-course-root .jsi-search-clear:hover{color:var(--jsi-primary-dk);background:#8b5cf633;transform:scale(1.12)}html.dark .js-int-course-root .jsi-search-clear:hover{color:var(--jsi-primary)}.js-int-course-root .jsi-stats{animation:jsiFadeUp .6s var(--jsi-ease-out) .42s both;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.js-int-course-root .jsi-stat-pill{border-radius:var(--jsi-r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #8b5cf633;align-items:center;gap:.45rem;padding:.5rem 1.1rem;display:flex}.js-int-course-root .jsi-stat-pill i{color:var(--jsi-primary);font-size:.9rem}.js-int-course-root .jsi-stat-val{color:var(--jsi-primary);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.js-int-course-root .jsi-stat-label{color:#f0f0f08c;font-size:.8rem;font-weight:500}.js-int-course-root .jsi-controls{border-bottom:1px solid var(--jsi-border-soft);background:var(--jsi-bg);z-index:90;max-width:1280px;transition:background var(--jsi-dur-mid) var(--jsi-ease), border-color var(--jsi-dur-mid) var(--jsi-ease), box-shadow var(--jsi-dur-mid) var(--jsi-ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem 2rem;display:flex;position:sticky;top:68px}.js-int-course-root .jsi-controls:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--jsi-dur-mid) var(--jsi-ease);position:absolute;inset:0;box-shadow:0 4px 16px #1a1a1a0f}html.dark .js-int-course-root .jsi-controls{background:var(--jsi-bg);border-color:var(--jsi-border-soft)}.js-int-course-root .jsi-view-toggle{background:var(--jsi-card);border:1px solid var(--jsi-border-soft);border-radius:var(--jsi-r-full);box-shadow:var(--jsi-shadow-xs);align-items:center;gap:.25rem;padding:.3rem;display:flex}.js-int-course-root .jsi-toggle-btn{border-radius:var(--jsi-r-full);cursor:pointer;color:var(--jsi-text-muted);transition:background var(--jsi-dur-fast) var(--jsi-ease), color var(--jsi-dur-fast) var(--jsi-ease), box-shadow var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce);background:0 0;border:none;align-items:center;gap:.45rem;padding:.5rem 1.25rem;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600;display:inline-flex}.js-int-course-root .jsi-toggle-btn:hover{color:var(--jsi-text);background:#8b5cf61a}.js-int-course-root .jsi-toggle-btn.active{background:var(--jsi-primary);color:var(--jsi-black);box-shadow:0 2px 10px #8b5cf659}html.dark .js-int-course-root .jsi-toggle-btn.active{background:var(--jsi-primary);color:#1a1a1a}.js-int-course-root .jsi-toggle-btn i{font-size:.875rem}.js-int-course-root .jsi-result-count{color:var(--jsi-primary-dk);border:1px solid var(--jsi-border);border-radius:var(--jsi-r-full);background:#8b5cf61f;padding:.4rem 1rem;font-size:.875rem;font-weight:600}html.dark .js-int-course-root .jsi-result-count{color:var(--jsi-primary)}.js-int-course-root .jsi-content{flex-direction:column;gap:3rem;max-width:1280px;margin:0 auto;padding:2.5rem 2rem 5rem;display:flex}.js-int-course-root .jsi-cat-section{background:var(--jsi-card);border:1px solid var(--jsi-border-soft);border-left:4px solid var(--cat-color,#8b5cf6);border-radius:0 var(--jsi-r-lg) var(--jsi-r-lg) 0;box-shadow:var(--jsi-shadow-sm);transition:box-shadow var(--jsi-dur-fast) var(--jsi-ease), border-color var(--jsi-dur-fast) var(--jsi-ease);animation:jsiFadeUp .5s var(--jsi-ease-out) both;flex-direction:column;gap:1.5rem;padding:2rem 2rem 2.25rem;display:flex}.js-int-course-root .jsi-cat-section:hover{box-shadow:var(--jsi-shadow-md)}.js-int-course-root .jsi-cat-header{flex-wrap:wrap;align-items:flex-start;gap:1.1rem;display:flex}.js-int-course-root .jsi-cat-icon{width:48px;min-width:48px;height:48px;color:var(--jsi-black);transition:transform var(--jsi-dur-fast) var(--jsi-ease-bounce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex;box-shadow:0 4px 14px #8b5cf64d}.js-int-course-root .jsi-cat-section:hover .jsi-cat-icon{transform:rotate(-8deg)scale(1.05)}.js-int-course-root .jsi-cat-info{flex:1;min-width:0}.js-int-course-root .jsi-cat-name{color:var(--jsi-text);letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.1rem;font-weight:800;line-height:1.3}.js-int-course-root .jsi-cat-desc{color:var(--jsi-text-muted);margin:0;font-size:.875rem;line-height:1.65}.js-int-course-root .jsi-cat-badge{border:1px solid var(--jsi-border);color:var(--jsi-primary-dk);border-radius:var(--jsi-r-full);white-space:nowrap;letter-spacing:.02em;background:#8b5cf624;align-self:flex-start;align-items:center;gap:.25rem;margin-top:.1rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}html.dark .js-int-course-root .jsi-cat-badge{color:var(--jsi-primary)}.js-int-course-root .jsi-cat-badge-label{font-weight:500}.js-int-course-root .jsi-tags-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.js-int-course-root .jsi-tag-card{background:var(--jsi-bg);border:1px solid var(--jsi-border-soft);border-radius:var(--jsi-r-md);cursor:pointer;transition:transform var(--jsi-dur-fast) var(--jsi-ease-bounce), box-shadow var(--jsi-dur-fast) var(--jsi-ease), border-color var(--jsi-dur-fast) var(--jsi-ease), background var(--jsi-dur-fast) var(--jsi-ease);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}html.dark .js-int-course-root .jsi-tag-card{background:var(--jsi-card-alt)}.js-int-course-root .jsi-tag-card:before{content:"";background:linear-gradient(90deg, var(--cat-color,#8b5cf6), transparent);opacity:0;height:2px;transition:opacity var(--jsi-dur-fast) var(--jsi-ease);position:absolute;top:0;left:0;right:0}.js-int-course-root .jsi-tag-card:hover{box-shadow:var(--jsi-shadow-card);border-color:var(--jsi-border-hover);transform:translateY(-3px)}.js-int-course-root .jsi-tag-card:hover:before{opacity:1}.js-int-course-root .jsi-tag-name{color:var(--jsi-primary-dk);letter-spacing:.02em;word-break:break-word;transition:color var(--jsi-dur-fast) var(--jsi-ease);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;line-height:1.3}html.dark .js-int-course-root .jsi-tag-name,.js-int-course-root .jsi-tag-card:hover .jsi-tag-name,html.dark .js-int-course-root .jsi-tag-card:hover .jsi-tag-name{color:var(--jsi-primary)}.js-int-course-root .jsi-tag-desc{color:var(--jsi-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.js-int-course-root .jsi-tag-arrow{color:var(--jsi-text-faint);transition:color var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce);justify-content:flex-end;align-items:center;margin-top:auto;padding-top:.15rem;font-size:1.1rem;display:flex}.js-int-course-root .jsi-tag-card:hover .jsi-tag-arrow{color:var(--jsi-primary-dk);transform:translate(3px)}html.dark .js-int-course-root .jsi-tag-card:hover .jsi-tag-arrow{color:var(--jsi-primary)}.js-int-course-root .jsi-alpha-section{animation:jsiFadeUp .45s var(--jsi-ease-out) both;flex-direction:column;gap:1rem;display:flex}.js-int-course-root .jsi-alpha-letter{z-index:10;border-radius:var(--jsi-r-md);background:var(--jsi-primary);width:48px;height:48px;color:var(--jsi-black);letter-spacing:.04em;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:900;line-height:1;display:inline-flex;position:sticky;top:140px;box-shadow:0 4px 16px #8b5cf659}.js-int-course-root .jsi-alpha-tags{flex-wrap:wrap;gap:.6rem;padding:.25rem 0;display:flex}.js-int-course-root .jsi-alpha-tag{background:var(--jsi-card);border:1px solid var(--jsi-border-soft);border-radius:var(--jsi-r-full);color:var(--jsi-text-muted);white-space:nowrap;box-shadow:var(--jsi-shadow-xs);transition:background var(--jsi-dur-fast) var(--jsi-ease), color var(--jsi-dur-fast) var(--jsi-ease), border-color var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce), box-shadow var(--jsi-dur-fast) var(--jsi-ease);align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.js-int-course-root .jsi-alpha-tag i{color:var(--jsi-primary-dk);opacity:.7;transition:opacity var(--jsi-dur-fast) var(--jsi-ease);font-size:.82rem}html.dark .js-int-course-root .jsi-alpha-tag i{color:var(--jsi-primary)}.js-int-course-root .jsi-alpha-tag:hover{color:var(--jsi-text);border-color:var(--jsi-border-hover);box-shadow:var(--jsi-shadow-sm);background:#8b5cf61f;transform:translateY(-2px)}.js-int-course-root .jsi-alpha-tag:hover i{opacity:1}.js-int-course-root .jsi-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:5rem 2rem;display:flex}.js-int-course-root .jsi-empty-icon{color:var(--jsi-text-faint);font-size:3.5rem;line-height:1}.js-int-course-root .jsi-empty-text{color:var(--jsi-text);margin:0;font-size:1.1rem;font-weight:600}.js-int-course-root .jsi-empty-text strong{color:var(--jsi-primary-dk)}html.dark .js-int-course-root .jsi-empty-text strong{color:var(--jsi-primary)}.js-int-course-root .jsi-empty-hint{color:var(--jsi-text-muted);max-width:380px;margin:0;font-size:.9rem;line-height:1.65}.js-int-course-root .jsi-empty-clear{border:1px solid var(--jsi-border);border-radius:var(--jsi-r-full);color:var(--jsi-primary-dk);cursor:pointer;transition:background var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce);background:#8b5cf61f;align-items:center;gap:.5rem;margin-top:.25rem;padding:.65rem 1.6rem;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600;display:inline-flex}html.dark .js-int-course-root .jsi-empty-clear{color:var(--jsi-primary)}.js-int-course-root .jsi-empty-clear:hover{background:#8b5cf638;transform:translateY(-2px)}.js-int-course-root .back-to-top-btn{z-index:900;background:var(--jsi-primary);width:46px;height:46px;color:var(--jsi-black);cursor:pointer;transition:background var(--jsi-dur-fast) var(--jsi-ease), transform var(--jsi-dur-fast) var(--jsi-ease-bounce), box-shadow var(--jsi-dur-fast) var(--jsi-ease);animation:jsiFadeIn .3s var(--jsi-ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #8b5cf680}.js-int-course-root .back-to-top-btn:hover{background:var(--jsi-primary-dk);transform:translateY(-3px);box-shadow:0 8px 28px #8b5cf6a6}.js-int-course-root .back-to-top-btn:active{transform:translateY(0)}@keyframes jsiFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes jsiFadeIn{0%{opacity:0}to{opacity:1}}@keyframes jsiPulse{0%{opacity:.25;transform:scale(1)}to{opacity:.4;transform:scale(1.1)}}@media (width<=1024px){.js-int-course-root .jsi-tags-grid{grid-template-columns:repeat(2,1fr)}.js-int-course-root .jsi-content{padding:2rem 1.5rem 4rem}.js-int-course-root .jsi-controls{padding:1.25rem 1.5rem}.js-int-course-root .jsi-hero{padding:6rem 1.5rem 3.5rem}}@media (width<=768px){.js-int-course-root .jsi-hero{padding:5.5rem 1.25rem 3rem}.js-int-course-root .jsi-hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.js-int-course-root .jsi-hero-inner{gap:1.25rem}.js-int-course-root .jsi-search-bar{max-width:100%}.js-int-course-root .jsi-stats{gap:.5rem}.js-int-course-root .jsi-stat-pill{padding:.45rem .85rem}.js-int-course-root .jsi-controls{padding:1rem 1.25rem;position:static;top:auto}.js-int-course-root .jsi-content{gap:2rem;padding:1.75rem 1.25rem 3.5rem}.js-int-course-root .jsi-tags-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.js-int-course-root .jsi-cat-section{padding:1.5rem 1.25rem 1.75rem}.js-int-course-root .jsi-cat-header{gap:.85rem}.js-int-course-root .jsi-alpha-letter{position:static}.js-int-course-root .jsi-alpha-section{flex-flow:wrap;align-items:flex-start;gap:.85rem}.js-int-course-root .jsi-alpha-tags{flex:1}}@media (width<=480px){.js-int-course-root .jsi-hero{padding:5rem 1rem 2.5rem}.js-int-course-root .jsi-hero-badge{padding:.3rem .85rem;font-size:.72rem}.js-int-course-root .jsi-stat-pill{padding:.4rem .7rem;font-size:.78rem}.js-int-course-root .jsi-stat-val{font-size:.9rem}.js-int-course-root .jsi-stat-label{display:none}.js-int-course-root .jsi-tags-grid{grid-template-columns:1fr}.js-int-course-root .jsi-controls{padding:.85rem 1rem}.js-int-course-root .jsi-toggle-btn{padding:.45rem .9rem;font-size:.8rem}.js-int-course-root .jsi-content{gap:1.75rem;padding:1.5rem 1rem 3rem}.js-int-course-root .jsi-cat-section{border-radius:0 var(--jsi-r-md) var(--jsi-r-md) 0;padding:1.25rem 1rem 1.5rem}.js-int-course-root .jsi-alpha-section{flex-direction:column}.js-int-course-root .jsi-alpha-letter{width:40px;height:40px;font-size:1.2rem}.js-int-course-root .jsi-alpha-tag{padding:.45rem .9rem;font-size:.78rem}.js-int-course-root .back-to-top-btn{width:42px;height:42px;bottom:1.25rem;right:1.25rem}.js-int-course-root .jsi-empty{padding:3.5rem 1rem}}@media (prefers-reduced-motion:reduce){.js-int-course-root .jsi-hero,.js-int-course-root .jsi-hero-badge,.js-int-course-root .jsi-hero-title,.js-int-course-root .jsi-hero-subtitle,.js-int-course-root .jsi-search-bar,.js-int-course-root .jsi-stats,.js-int-course-root .jsi-cat-section,.js-int-course-root .jsi-tag-card,.js-int-course-root .jsi-alpha-section,.js-int-course-root .jsi-alpha-tag,.js-int-course-root .jsi-hero__glow,.js-int-course-root .back-to-top-btn{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.js-int-course-root .topic-nav-overlay{z-index:1099;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);background:#0000009e;transition:opacity .3s;position:fixed;inset:0}.js-int-course-root .topic-nav-overlay--open{opacity:1;pointer-events:all}.js-int-course-root .topic-nav-drawer{z-index:1100;width:320px;height:100vh;box-shadow:none;will-change:transform;background:#fff;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}html.dark .js-int-course-root .topic-nav-drawer{background:#0f0f0f}.js-int-course-root .topic-nav-drawer--open{transform:translate(0);box-shadow:-10px 0 48px #00000073,-1px 0 #8b5cf614}.js-int-course-root .topic-nav-header{background:inherit;border-bottom:1.5px solid #8b5cf659;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}html.dark .js-int-course-root .topic-nav-header{border-bottom-color:#8b5cf62e}.js-int-course-root .topic-nav-brand{flex-direction:column;gap:2px;min-width:0;display:flex}.js-int-course-root .topic-nav-logo{color:#8b5cf6;letter-spacing:-.03em;white-space:nowrap;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.05rem;font-weight:800;line-height:1.2}.js-int-course-root .topic-nav-subtitle{letter-spacing:.13em;text-transform:uppercase;color:#886;font-size:.68rem;font-weight:600;line-height:1}html.dark .js-int-course-root .topic-nav-subtitle{color:#665}.js-int-course-root .topic-nav-close{color:#6b6b4a;cursor:pointer;background:0 0;border:1.5px solid #1a1a1a1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .15s;display:flex}html.dark .js-int-course-root .topic-nav-close{color:#886;border-color:#ffffff1a}.js-int-course-root .topic-nav-close:hover{color:#1a1a1a;background:#8b5cf6;border-color:#8b5cf6;transform:rotate(90deg)}.js-int-course-root .topic-nav-close:active{transform:rotate(90deg)scale(.9)}.js-int-course-root .topic-nav-search-wrap{border-bottom:1px solid #1a1a1a12;flex-shrink:0;padding:12px 16px 10px}html.dark .js-int-course-root .topic-nav-search-wrap{border-bottom-color:#ffffff0d}.js-int-course-root .topic-nav-search-inner{align-items:center;display:flex;position:relative}.js-int-course-root .topic-nav-search-icon{color:#9a9a70;pointer-events:none;z-index:1;font-size:.82rem;transition:color .18s;position:absolute;left:12px}html.dark .js-int-course-root .topic-nav-search-icon{color:#554}.js-int-course-root .topic-nav-search-inner:focus-within .topic-nav-search-icon{color:#8b5cf6}.js-int-course-root .topic-nav-search{color:#1a1a1a;appearance:none;background:#f8f8f0;border:1.5px solid #1a1a1a21;border-radius:8px;outline:none;width:100%;padding:10px 38px 10px 36px;font-family:inherit;font-size:.875rem;transition:border-color .2s,background .2s,box-shadow .2s}html.dark .js-int-course-root .topic-nav-search{color:#f3f0fa;background:#1a1a1a;border-color:#ffffff17}.js-int-course-root .topic-nav-search::placeholder{color:#9a9a70}html.dark .js-int-course-root .topic-nav-search::placeholder{color:#443}.js-int-course-root .topic-nav-search:hover{border-color:#8b5cf680}html.dark .js-int-course-root .topic-nav-search:hover{border-color:#8b5cf647}.js-int-course-root .topic-nav-search:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}html.dark .js-int-course-root .topic-nav-search:focus{background:#111;box-shadow:0 0 0 3px #8b5cf61f}.js-int-course-root .topic-nav-search-clear{color:#6b6b4a;cursor:pointer;background:#1a1a1a1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.9rem;line-height:1;transition:background .16s,color .16s,transform .14s;display:flex;position:absolute;right:8px}html.dark .js-int-course-root .topic-nav-search-clear{color:#886;background:#ffffff14}.js-int-course-root .topic-nav-search-clear:hover{color:#1a1a1a;background:#8b5cf6;transform:scale(1.1)}.js-int-course-root .topic-nav-search-count{color:#9a9a70;letter-spacing:.02em;margin:6px 4px 0;font-size:.72rem;font-weight:500}html.dark .js-int-course-root .topic-nav-search-count{color:#554}.js-int-course-root .topic-nav-body{scroll-behavior:smooth;overscroll-behavior:contain;flex:1;padding:6px 12px 20px;overflow-y:auto}.js-int-course-root .topic-nav-body::-webkit-scrollbar{width:4px}.js-int-course-root .topic-nav-body::-webkit-scrollbar-track{background:0 0}.js-int-course-root .topic-nav-body::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:99px}.js-int-course-root .topic-nav-body::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.js-int-course-root .topic-nav-category{margin-bottom:6px}.js-int-course-root .topic-nav-category:last-child{margin-bottom:0}.js-int-course-root .topic-nav-cat-title{z-index:2;background:#fff;align-items:center;gap:7px;padding:12px 8px 5px;display:flex;position:sticky;top:0}html.dark .js-int-course-root .topic-nav-cat-title{background:#0f0f0f}.js-int-course-root .topic-nav-cat-icon{flex-shrink:0;font-size:.88rem;line-height:1}.js-int-course-root .topic-nav-cat-name{text-transform:uppercase;letter-spacing:.09em;color:#8b5cf6;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.7rem;font-weight:700;overflow:hidden}.js-int-course-root .topic-nav-cat-count{color:#6d28d9;letter-spacing:0;background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}html.dark .js-int-course-root .topic-nav-cat-count{color:#8b5cf6;background:#8b5cf614}.js-int-course-root .topic-nav-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.js-int-course-root .topic-nav-link{color:#3d3d2e;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:background .16s,color .16s,transform .12s;display:flex;position:relative;overflow:hidden}html.dark .js-int-course-root .topic-nav-link{color:#cca}.js-int-course-root .topic-nav-link:hover{color:#1a1a1a;background:#8b5cf6;text-decoration:none;transform:translate(-2px)}.js-int-course-root .topic-nav-link--active{color:#1a1a1a;background:#8b5cf6;font-weight:700}.js-int-course-root .topic-nav-link--active:hover{color:#1a1a1a;background:#e8cf1c;transform:translate(-2px)}.js-int-course-root .topic-nav-dot{background:#1a1a1a2e;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .16s,transform .16s}html.dark .js-int-course-root .topic-nav-dot{background:#ffffff26}.js-int-course-root .topic-nav-link:hover .topic-nav-dot{background:#1a1a1a66;transform:scale(1.3)}.js-int-course-root .topic-nav-dot--active{background:#1a1a1a;transform:scale(1.2)}.js-int-course-root .topic-nav-link--active:hover .topic-nav-dot{background:#1a1a1a}.js-int-course-root .topic-nav-tag-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:600;overflow:hidden}.js-int-course-root .topic-nav-active-chevron{opacity:.65;color:#1a1a1a;flex-shrink:0;font-size:.72rem}.js-int-course-root .topic-nav-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:52px 24px;display:flex}.js-int-course-root .topic-nav-empty-icon{color:#8b5cf64d;font-size:2.2rem;display:block}.js-int-course-root .topic-nav-empty-title{color:#6b6b4a;margin:0;font-size:.925rem;font-weight:700}html.dark .js-int-course-root .topic-nav-empty-title{color:#554}.js-int-course-root .topic-nav-empty-hint{color:#9a9a70;margin:0;font-size:.8rem;line-height:1.6}html.dark .js-int-course-root .topic-nav-empty-hint{color:#443}.js-int-course-root .topic-nav-empty-code{color:#6d28d9;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}html.dark .js-int-course-root .topic-nav-empty-code{color:#8b5cf6;background:#8b5cf614}.js-int-course-root .topic-nav-footer{border-top:1px solid #1a1a1a12;flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;display:flex}html.dark .js-int-course-root .topic-nav-footer{border-top-color:#ffffff0d}.js-int-course-root .topic-nav-footer-text{color:#9a9a70;letter-spacing:.02em;align-items:center;gap:6px;font-size:.72rem;display:flex}html.dark .js-int-course-root .topic-nav-footer-text{color:#443}.js-int-course-root .topic-nav-footer-text i{color:#8b5cf673;font-size:.8rem}@media (width<=768px){.js-int-course-root .topic-nav-drawer{width:90vw}}@media (width<=480px){.js-int-course-root .topic-nav-drawer{border-radius:0;width:100vw}.js-int-course-root .topic-nav-header{padding:14px 16px}.js-int-course-root .topic-nav-search-wrap{padding:10px 14px 8px}.js-int-course-root .topic-nav-body{padding:4px 10px 16px}.js-int-course-root .topic-nav-cat-title{padding:10px 6px 4px}.js-int-course-root .topic-nav-link{padding:9px 10px}}@media (prefers-reduced-motion:reduce){.js-int-course-root .topic-nav-overlay,.js-int-course-root .topic-nav-drawer,.js-int-course-root .topic-nav-close,.js-int-course-root .topic-nav-link,.js-int-course-root .topic-nav-dot,.js-int-course-root .topic-nav-search,.js-int-course-root .topic-nav-search-clear{transition:none!important}.js-int-course-root .topic-nav-close:hover,.js-int-course-root .topic-nav-link:hover,.js-int-course-root .topic-nav-link--active:hover{transform:none}}.js-int-course-root .topic-page{color:#e5e5e5;background-color:#111;flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow-x:hidden}html:not(.dark) .js-int-course-root .topic-page{color:#1a1a1a;background-color:#f5f5f0}@keyframes jsintTopicFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.js-int-course-root .animate-fade-in{animation:.45s ease-out both jsintTopicFadeIn}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}.js-int-course-root .topic-loading-overlay{z-index:9999;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;animation:.2s forwards overlayIn;display:flex;position:fixed;inset:0}.js-int-course-root .topic-loading-overlay.fade-out{pointer-events:none;animation:.42s forwards overlayOut}.js-int-course-root .loading-logo-wrap{justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative}@keyframes jsintSpinRing{to{transform:rotate(360deg)}}.js-int-course-root .loading-spinner-ring{border:3px solid #8b5cf6;border-color:#8b5cf6 #8b5cf68c #8b5cf626 #8b5cf626;border-radius:50%;animation:.9s linear infinite jsintSpinRing;position:absolute;inset:0}@keyframes jsintJsPulse{0%{opacity:.75;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}.js-int-course-root .loading-js-text{color:#8b5cf6;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.25rem;font-weight:900;animation:.9s ease-in-out infinite alternate jsintJsPulse}.js-int-course-root .loading-tag-name{color:#8b5cf6;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:#8b5cf61a;border:1.5px solid #8b5cf659;border-radius:9999px;max-width:260px;padding:.3rem 1.1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;font-weight:700;overflow:hidden}.js-int-course-root .loading-dots{gap:.45rem;display:flex}@keyframes jsintDotBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(-12px)}}.js-int-course-root .loading-dot{background:#8b5cf6;border-radius:50%;width:9px;height:9px;animation:.65s ease-in-out infinite jsintDotBounce}.js-int-course-root .loading-dot:first-child{animation-delay:0s}.js-int-course-root .loading-dot:nth-child(2){animation-delay:.13s}.js-int-course-root .loading-dot:nth-child(3){animation-delay:.26s}.js-int-course-root .loading-caption{color:#8b5cf680;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:500}.js-int-course-root .topic-page-header{z-index:200;background:#0f0f0f;border-bottom:1px solid #8b5cf61f;flex-shrink:0;height:56px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000073}html:not(.dark) .js-int-course-root .topic-page-header{background:#1a1a1a;border-bottom-color:#8b5cf640}.js-int-course-root .topic-header-inner{justify-content:space-between;align-items:center;gap:.75rem;max-width:1500px;height:100%;margin:0 auto;padding:0 16px;display:flex}.js-int-course-root .topic-back-btn{color:#e5e5e5;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#8b5cf612;border:1.5px solid #8b5cf647;border-radius:7px;flex-shrink:0;align-items:center;gap:.28rem;padding:.38rem .85rem;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.js-int-course-root .topic-back-btn:hover{color:#8b5cf6;background:#8b5cf624;border-color:#8b5cf699}.js-int-course-root .topic-back-btn i{font-size:.9rem}.js-int-course-root .topic-header-title{text-align:center;color:#e5e5e5;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;flex:1;margin:0;font-size:clamp(.72rem,2.2vw,1.05rem);font-weight:800;overflow:hidden}.js-int-course-root .topic-header-js{color:#8b5cf6;background:#8b5cf61a;border-radius:4px;padding:0 4px;font-family:JetBrains Mono,Fira Code,monospace;font-weight:900}.js-int-course-root .topic-menu-trigger{cursor:pointer;background:#8b5cf612;border:1.5px solid #8b5cf647;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:36px;padding:0 8px;transition:background .2s,border-color .2s;display:flex}.js-int-course-root .topic-menu-trigger:hover{background:#8b5cf624;border-color:#8b5cf699}.js-int-course-root .topic-menu-trigger span{background:#e5e5e5;border-radius:2px;width:100%;height:2px;transition:background .2s;display:block}.js-int-course-root .topic-menu-trigger:hover span{background:#8b5cf6}.js-int-course-root .topic-info-banner{background:#8b5cf60f;border-bottom:1px solid #8b5cf633;flex-shrink:0;margin-top:56px;padding:10px 20px}html:not(.dark) .js-int-course-root .topic-info-banner{background:#8b5cf61f;border-bottom-color:#8b5cf666}.js-int-course-root .topic-info-inner{flex-wrap:wrap;align-items:flex-start;gap:.5rem;max-width:1500px;margin:0 auto;display:flex}.js-int-course-root .topic-info-icon{color:#8b5cf6;flex-shrink:0;margin-top:2px;font-size:.95rem}.js-int-course-root .topic-info-text{color:#c8c8c8;font-size:.86rem;line-height:1.55}html:not(.dark) .js-int-course-root .topic-info-text{color:#3d3d2e}.js-int-course-root .topic-info-text code{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf640;border-radius:4px;padding:.08rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;font-weight:700}html:not(.dark) .js-int-course-root .topic-info-text code{color:#7a6800;background:#8b5cf633}.js-int-course-root .topic-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;padding:.9rem .9rem 1.2rem;display:flex}.js-int-course-root .topic-panels-grid{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:.9rem;min-height:calc(100vh - 98px - 3rem);display:grid}@media (width<=768px){.js-int-course-root .topic-panels-grid{min-height:unset;grid-template-columns:1fr}}.js-int-course-root .editor-panel{background:#1e1e1e;border-radius:10px;flex-direction:column;min-height:520px;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000059,0 0 0 1px #8b5cf614}.js-int-course-root .editor-panel:hover{box-shadow:0 4px 24px #0006,0 0 0 1px #8b5cf626}.js-int-course-root .editor-tabs-bar{background:#111827;border-bottom:1px solid #8b5cf614;flex-shrink:0;align-items:center;padding:0;display:flex}.js-int-course-root .editor-tab{color:#6b7280;cursor:pointer;letter-spacing:.03em;text-transform:uppercase;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:.35rem;padding:.65rem 1.2rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.js-int-course-root .editor-tab:hover{color:#d1d5db;background:#8b5cf60d}.js-int-course-root .editor-tab.active{color:#8b5cf6;background:#8b5cf614;border-bottom-color:#8b5cf6}.js-int-course-root .editor-tab i{font-size:.9rem}.js-int-course-root .editor-tabs-spacer{flex:1}.js-int-course-root .editor-dots{align-items:center;gap:.38rem;padding-right:.9rem;display:flex}.js-int-course-root .editor-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.js-int-course-root .editor-dot.red{background:#ef4444}.js-int-course-root .editor-dot.yellow{background:#f59e0b}.js-int-course-root .editor-dot.green{background:#22c55e}.js-int-course-root .editor-monaco-wrap{flex:1;min-height:0;overflow:hidden}.js-int-course-root .editor-actions-bar{background:#0d1117;border-top:1px solid #8b5cf60f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem;padding:.5rem .75rem;display:flex}.js-int-course-root .action-btn{cursor:pointer;white-space:nowrap;letter-spacing:.025em;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.42rem 1rem;font-family:inherit;font-size:.79rem;font-weight:700;transition:filter .18s,transform .14s,box-shadow .18s;display:inline-flex}.js-int-course-root .action-btn:hover{filter:brightness(1.14);transform:translateY(-1px)}.js-int-course-root .action-btn:active{filter:brightness(.95);transform:translateY(0)}.js-int-course-root .action-btn i{flex-shrink:0;font-size:.85rem}.js-int-course-root .action-btn.run{color:#1a1a1a;background:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.js-int-course-root .action-btn.run:hover{box-shadow:0 4px 16px #8b5cf673}.js-int-course-root .action-btn.compiler{color:#fff;background:#1d4ed8;box-shadow:0 2px 8px #1d4ed840}.js-int-course-root .action-btn.copy{color:#f3f4f6;background:#374151;box-shadow:0 2px 8px #0003}.js-int-course-root .preview-panel{background:#161616;border-radius:10px;flex-direction:column;min-height:520px;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000059,0 0 0 1px #8b5cf614}.js-int-course-root .preview-panel:hover{box-shadow:0 4px 24px #0006,0 0 0 1px #8b5cf626}.js-int-course-root .preview-panel-header{background:#111827;border-bottom:1px solid #8b5cf614;flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem .9rem;display:flex}.js-int-course-root .preview-panel-title{color:#d1d5db;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:700;display:flex}.js-int-course-root .preview-panel-title i{color:#8b5cf6;font-size:.95rem}.js-int-course-root .preview-live-badge{color:#22c55e;letter-spacing:.07em;text-transform:uppercase;background:#22c55e26;border:1px solid #22c55e40;border-radius:9999px;padding:.15rem .6rem;font-size:.66rem;font-weight:700}.js-int-course-root .preview-output{background:#0a0a0a;flex:1;min-height:0;position:relative;overflow:hidden}.js-int-course-root .preview-iframe{background:#1a1a2e;border:none;width:100%;height:100%;min-height:400px;display:block}.js-int-course-root .preview-actions-bar{background:#0d1117;border-top:1px solid #8b5cf60f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.48rem .75rem;display:flex}.js-int-course-root .preview-refresh-btn{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:5px;align-items:center;gap:.3rem;padding:.36rem .8rem;font-family:inherit;font-size:.76rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.js-int-course-root .preview-refresh-btn:hover{background:#8b5cf62e;border-color:#8b5cf673}.js-int-course-root .preview-refresh-btn i{font-size:.8rem}.js-int-course-root .preview-hint-text{color:#374151;white-space:nowrap;align-items:center;gap:.3rem;margin-left:auto;font-size:.7rem;display:flex}.js-int-course-root .preview-hint-text i{color:#4b5563;font-size:.75rem}.js-int-course-root .console-panel{background:#161616;border-radius:10px;flex-direction:column;min-height:520px;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000059,0 0 0 1px #8b5cf614}.js-int-course-root .console-panel:hover{box-shadow:0 4px 24px #0006,0 0 0 1px #8b5cf626}.js-int-course-root .console-panel-header{background:#111827;border-bottom:1px solid #8b5cf614;flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem .9rem;display:flex}.js-int-course-root .console-panel-title{color:#d1d5db;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:700;display:flex}.js-int-course-root .console-panel-title i{color:#8b5cf6;font-size:.95rem}.js-int-course-root .console-live-badge{color:#22c55e;letter-spacing:.07em;text-transform:uppercase;background:#22c55e26;border:1px solid #22c55e40;border-radius:9999px;padding:.15rem .6rem;font-size:.66rem;font-weight:700}.js-int-course-root .console-output{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;background:#0a0a0a;flex:1;min-height:0;padding:12px 14px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace;font-size:.82rem;line-height:1.55;overflow-y:auto}.js-int-course-root .console-output::-webkit-scrollbar{width:5px}.js-int-course-root .console-output::-webkit-scrollbar-track{background:0 0}.js-int-course-root .console-output::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:4px}.js-int-course-root .console-output::-webkit-scrollbar-thumb:hover{background:#8b5cf673}@media (width<=600px){.js-int-course-root .preview-hint-text{display:none}}@media (width<=480px){.js-int-course-root .topic-header-title{font-size:.65rem}.js-int-course-root .topic-back-btn{padding:.3rem .55rem;font-size:.74rem}.js-int-course-root .topic-menu-trigger{gap:4px;width:34px;height:32px}.js-int-course-root .topic-main{padding:.6rem .6rem 1rem}.js-int-course-root .editor-panel,.js-int-course-root .preview-panel{min-height:400px}.js-int-course-root .action-btn{padding:.38rem .7rem;font-size:.74rem}.js-int-course-root .topic-info-banner{padding:8px 14px}.js-int-course-root .topic-info-text{font-size:.78rem}.js-int-course-root .editor-tab{padding:.5rem .7rem;font-size:.7rem}}@media (width<=380px){.js-int-course-root .topic-header-title{letter-spacing:.02em;font-size:.58rem}}.js-int-course-root .hover-scale{transition:transform .2s,box-shadow .2s}.js-int-course-root .hover-scale:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.js-int-course-root .loading-spinner-ring,.js-int-course-root .loading-js-text,.js-int-course-root .loading-dot,.js-int-course-root .animate-fade-in,.js-int-course-root .hover-scale{transition:none!important;animation:none!important}}.cmp{--cmp-yellow:#8b5cf6;--cmp-yellow-dk:#6d28d9;--cmp-yellow-faint:#8b5cf614;--cmp-yellow-glow:#8b5cf640;--cmp-black:#1a1a1a;--cmp-bg:#111;--cmp-surface:#161616;--cmp-surface-2:#1e1e1e;--cmp-surface-3:#242424;--cmp-header-bg:#0d0d0d;--cmp-border:#8b5cf61a;--cmp-border-strong:#8b5cf638;--cmp-text:#e5e5e5;--cmp-text-muted:#6b7280;--cmp-text-faint:#374151;--cmp-radius:8px;--cmp-radius-lg:12px;--cmp-header-h:52px;--cmp-tab-h:40px;--cmp-console-h:200px;--tab-color:#8b5cf6;background:var(--cmp-bg);height:100vh;max-height:100vh;color:var(--cmp-text);box-sizing:border-box;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.cmp *,.cmp :before,.cmp :after{box-sizing:border-box}.cmp:not(.cmp--dark){--cmp-bg:#f0efea;--cmp-surface:#e8e7e2;--cmp-surface-2:#1e1e1e;--cmp-surface-3:#dddcd7;--cmp-header-bg:#0f0f0f;--cmp-border:#8b5cf626;--cmp-text:#e5e5e5}.cmp-header{z-index:100;height:var(--cmp-header-h);min-height:var(--cmp-header-h);background:var(--cmp-header-bg);border-bottom:1px solid var(--cmp-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #00000080}.cmp-header__left{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.cmp-header__back{border-radius:var(--cmp-radius);color:#c9c9c9;cursor:pointer;background:#8b5cf612;border:1px solid #8b5cf633;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:background .18s,border-color .18s,color .18s;display:flex}.cmp-header__back:hover{color:var(--cmp-yellow);background:#8b5cf624;border-color:#8b5cf673}.cmp-header__back i{line-height:1}.cmp-header__brand{flex-shrink:0;align-items:center;gap:4px;text-decoration:none;transition:opacity .2s;display:inline-flex}.cmp-header__brand:hover{opacity:.85}.cmp-header__brand-js{color:var(--cmp-yellow);letter-spacing:-.02em;background:#8b5cf61a;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;font-weight:800}.cmp-header__brand-int{color:var(--cmp-yellow);letter-spacing:.04em;font-size:1rem;font-weight:900}.cmp-header__brand-rest{color:#6b7280;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:600;display:none}@media (width>=640px){.cmp-header__brand-rest{display:inline}}.cmp-header__sep{background:#ffffff1a;flex-shrink:0;width:1px;height:24px;display:none}@media (width>=640px){.cmp-header__sep{display:block}}.cmp-header__page-label{color:#6b7280;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:none}.cmp-header__page-label i{color:var(--cmp-yellow);font-size:.82rem}@media (width>=640px){.cmp-header__page-label{display:flex}}.cmp-header__center{flex:1;justify-content:center;align-items:center;display:flex}.cmp-layout-switch{border-radius:var(--cmp-radius);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:2px;padding:3px;display:flex}.cmp-layout-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:26px;font-size:.88rem;transition:background .15s,color .15s;display:flex}.cmp-layout-btn:hover{color:#8b5cf6cc;background:#8b5cf614}.cmp-layout-btn--active{color:var(--cmp-yellow);background:#8b5cf624}.cmp-layout-btn--active:hover{background:#8b5cf633}.cmp-header__right{flex-shrink:0;align-items:center;gap:5px;display:flex}.cmp-action-btn{border-radius:var(--cmp-radius);color:#c9c9c9;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:5px;height:32px;padding:.38rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .12s;display:inline-flex}.cmp-action-btn i{flex-shrink:0;font-size:.85rem;line-height:1}.cmp-action-btn:hover{color:#f0f0f0;background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.cmp-action-btn:active{transform:translateY(0)}.cmp-action-btn--run{background:var(--cmp-yellow);border-color:var(--cmp-yellow);color:#1a1a1a;font-weight:700;box-shadow:0 2px 10px #8b5cf659}.cmp-action-btn--run:hover{color:#1a1a1a;background:#ffe83a;border-color:#ffe83a;box-shadow:0 4px 18px #8b5cf680}.cmp-action-btn--danger:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.cmp-action-btn--icon{justify-content:center;width:32px;padding:0}.cmp-btn-label{display:none}@media (width>=860px){.cmp-btn-label{display:inline}}.cmp-main{flex:1;min-height:0;display:flex;overflow:hidden}.cmp-grid{flex:1;min-height:0;display:grid;overflow:hidden}.cmp-grid--split{grid-template-columns:1fr 1fr}.cmp-grid--editor,.cmp-grid--preview{grid-template-columns:1fr}.cmp-grid--preview-full .cmp-preview-panel{inset:var(--cmp-header-h) 0 0 0;z-index:50;position:fixed}@media (width<=768px){.cmp-grid--split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.cmp-editor-panel{background:var(--cmp-surface-2);border-right:1px solid #8b5cf614;flex-direction:column;min-height:0;display:flex;overflow:hidden}.cmp-tabs{height:var(--cmp-tab-h);min-height:var(--cmp-tab-h);scrollbar-width:none;background:#0d1117;border-bottom:1px solid #8b5cf61a;flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.cmp-tabs::-webkit-scrollbar{display:none}.cmp-tab{color:#6b7280;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:none;border-right:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:.79rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex;position:relative}.cmp-tab i{color:currentColor;font-size:.9rem;transition:color .15s}.cmp-tab:hover{color:#c9c9c9;background:#ffffff08}.cmp-tab--active{color:var(--tab-color,#8b5cf6);background:#ffffff0a}.cmp-tab--active i{color:var(--tab-color,#8b5cf6)}.cmp-tab__indicator{background:var(--tab-color,#8b5cf6);height:2px;box-shadow:0 0 6px var(--tab-color,#8b5cf6);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:8px;right:8px}.cmp-tabs__spacer{flex:1}.cmp-tabs__meta{flex-shrink:0;align-items:center;padding:0 10px;display:flex}.cmp-tabs__lang-badge{color:var(--tab-color,#8b5cf6);letter-spacing:.06em;text-transform:uppercase;opacity:.8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;display:inline-flex}.cmp-tabs__lang-badge i{font-size:.75rem}.cmp-editor-wrap{flex:1;min-height:0;overflow:hidden}.cmp-console{background:#0a0a0a;border-top:1px solid #8b5cf614;flex-direction:column;flex-shrink:0;max-height:38px;transition:max-height .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.cmp-console--open{max-height:var(--cmp-console-h)}.cmp-console__header{background:#0d1117;border-bottom:1px solid #8b5cf60f;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;min-height:36px;padding:0 10px;display:flex}.cmp-console__title{color:#9ca3af;letter-spacing:.02em;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:flex}.cmp-console__title i{color:var(--cmp-yellow);font-size:.82rem}.cmp-console__count{color:#8b5cf6b3;background:#8b5cf61f;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 5px;font-size:.6rem;font-weight:800;display:inline-flex}.cmp-console__count--error{color:#f87171;background:#ef444426}.cmp-console__err-pill{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:9999px;align-items:center;gap:3px;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-flex}.cmp-console__warn-pill{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:9999px;align-items:center;gap:3px;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-flex}.cmp-console__err-pill i,.cmp-console__warn-pill i{font-size:.62rem}.cmp-console__actions{align-items:center;gap:4px;display:flex}.cmp-console__btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;height:24px;padding:3px 8px;font-family:inherit;font-size:.7rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cmp-console__btn:hover:not(:disabled){color:#c9c9c9;background:#ffffff0f;border-color:#ffffff26}.cmp-console__btn:disabled{opacity:.3;cursor:not-allowed}.cmp-console__btn i{font-size:.72rem}.cmp-console__btn--toggle{justify-content:center;width:24px;padding:0}.cmp-console__output{scrollbar-width:thin;scrollbar-color:#8b5cf633 transparent;flex:1;padding:6px 10px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.79rem;line-height:1.5;overflow-y:auto}.cmp-console__output::-webkit-scrollbar{width:5px}.cmp-console__output::-webkit-scrollbar-track{background:0 0}.cmp-console__output::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:3px}.cmp-console__output::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.cmp-console__empty{color:#374151;align-items:center;gap:7px;padding:6px 4px;font-size:.74rem;font-style:italic;display:flex}.cmp-console__empty i{color:#4b5563;flex-shrink:0;font-size:.88rem}.cmp-log{word-break:break-word;border-radius:4px;align-items:flex-start;gap:6px;margin-bottom:2px;padding:3px 5px;display:flex}.cmp-log:last-child{margin-bottom:0}.cmp-log:hover{background:#ffffff06}.cmp-log__icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;margin-top:1px;font-size:.72rem;display:flex}.cmp-log__type{letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;width:36px;margin-top:2px;font-size:.6rem;font-weight:800}.cmp-log__msg{white-space:pre-wrap;word-break:break-word;flex:1;font-size:.79rem;line-height:1.5}.cmp-log--log{border-left:2px solid #8b5cf640}.cmp-log--log .cmp-log__icon{color:#8b5cf699}.cmp-log--log .cmp-log__type{color:#8b5cf673}.cmp-log--log .cmp-log__msg{color:#d1fae5}.cmp-log--error{background:#ef44440a;border-left:2px solid #ef4444}.cmp-log--error .cmp-log__icon{color:#ef4444}.cmp-log--error .cmp-log__type{color:#f87171}.cmp-log--error .cmp-log__msg{color:#fca5a5}.cmp-log--warn{background:#f59e0b0a;border-left:2px solid #f59e0b}.cmp-log--warn .cmp-log__icon{color:#f59e0b}.cmp-log--warn .cmp-log__type{color:#fbbf24}.cmp-log--warn .cmp-log__msg{color:#fde68a}.cmp-log--info{background:#3b82f60a;border-left:2px solid #3b82f6}.cmp-log--info .cmp-log__icon{color:#3b82f6}.cmp-log--info .cmp-log__type{color:#60a5fa}.cmp-log--info .cmp-log__msg{color:#bfdbfe}.cmp-preview-panel{background:#fff;border-left:1px solid #8b5cf614;flex-direction:column;min-height:0;display:flex;overflow:hidden}.cmp--dark .cmp-preview-panel{background:#f5f5f5}.cmp-preview-bar{height:var(--cmp-tab-h);min-height:var(--cmp-tab-h);background:#0d1117;border-bottom:1px solid #8b5cf61a;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}.cmp-preview-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.cmp-preview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cmp-preview-dot--red{background:#ef4444}.cmp-preview-dot--yellow{background:#f59e0b}.cmp-preview-dot--green{background:#22c55e}.cmp-preview-url{background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;flex:1;align-items:center;gap:5px;min-width:0;padding:3px 10px;display:flex;overflow:hidden}.cmp-preview-url i{color:#22c55e;flex-shrink:0;font-size:.72rem}.cmp-preview-url span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-family:JetBrains Mono,monospace;font-size:.72rem;overflow:hidden}.cmp-preview-bar__actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.cmp-preview-action{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:5px;justify-content:center;align-items:center;width:28px;height:26px;font-size:.82rem;transition:background .15s,color .15s,border-color .15s;display:flex}.cmp-preview-action:hover{color:var(--cmp-yellow);background:#8b5cf61a;border-color:#8b5cf64d}.cmp-preview-frame{background:#fff;border:none;flex:1;width:100%;min-height:0;display:block}.cmp ::-webkit-scrollbar{width:6px;height:6px}.cmp ::-webkit-scrollbar-track{background:0 0}.cmp ::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}.cmp ::-webkit-scrollbar-thumb:hover{background:#8b5cf666}@media (width<=600px){.cmp-header{gap:6px;padding:0 8px}.cmp-header__center{display:none}.cmp-action-btn{gap:0;padding:0 9px}.cmp-action-btn--run{padding:0 12px}}@media (width<=768px){.cmp-grid--split{grid-template-rows:1fr 320px;grid-template-columns:1fr}.cmp-editor-panel{border-bottom:1px solid #8b5cf614;border-right:none}.cmp-preview-panel{border-top:1px solid #8b5cf614;border-left:none}.cmp-console--open{max-height:160px}}@media (width<=1024px) and (width>=769px){.cmp-console--open{max-height:180px}}@media (prefers-reduced-motion:reduce){.cmp,.cmp *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js-int-course-root .connect-page{--bg-page:var(--color-bg);--bg-surface-alt:var(--color-bg-alt);--text-primary:var(--color-text);--text-muted:var(--color-text-muted);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--duration-normal:.25s;--ease-standard:ease;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--card-bg:var(--color-card);--card-border:var(--color-border-soft);--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-md:8px;--radius-lg:12px;--radius-xl:1rem;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--font-semibold:600;--font-bold:700;--font-black:900;--leading-snug:1.375;--leading-tight:1.25;--leading-relaxed:1.625;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--border-color:var(--color-border-soft);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;background:var(--bg-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);transition:background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);overflow-x:hidden}.js-int-course-root .connect-hero{text-align:center;background:linear-gradient(145deg,#080808 0%,#111 40%,#1a1a1a 70%,#131022 100%);border-bottom:1px solid #8b5cf61f;padding:5.5rem 1.5rem 5rem;position:relative;overflow:hidden}.js-int-course-root .connect-hero__orb{pointer-events:none;filter:blur(90px);border-radius:50%;position:absolute}.js-int-course-root .connect-hero__orb--1{background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);width:560px;height:560px;animation:14s ease-in-out infinite alternate connectOrbPulse;top:-220px;left:-160px}.js-int-course-root .connect-hero__orb--2{background:radial-gradient(circle,#ec489938 0%,#0000 70%);width:420px;height:420px;animation:18s ease-in-out infinite alternate-reverse connectOrbPulse;bottom:-180px;right:-100px}.js-int-course-root .connect-hero__orb--3{background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:280px;height:280px;animation:10s ease-in-out infinite connectOrbPulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes connectOrbPulse{0%{opacity:.35;transform:translate(0)scale(1)}to{opacity:.55;transform:translate(20px,18px)scale(1.12)}}.js-int-course-root .connect-hero__grid{pointer-events:none;background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 0%,#0000 100%)}.js-int-course-root .connect-hero__content{z-index:1;opacity:0;max-width:720px;transition:opacity .6s var(--ease-decelerate), transform .6s var(--ease-decelerate);flex-direction:column;align-items:center;gap:1.35rem;margin:0 auto;display:flex;position:relative;transform:translateY(26px)}.js-int-course-root .connect-hero__content--in{opacity:1;transform:translateY(0)}.js-int-course-root .connect-hero__badge{border-radius:var(--radius-full);color:#8b5cf6;font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf640;align-items:center;gap:.45rem;padding:.35rem 1rem;font-weight:700;display:inline-flex}.js-int-course-root .connect-hero__badge i{font-size:.85rem}.js-int-course-root .connect-hero-title{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:#f3f0fa;margin:0}.js-int-course-root .connect-hero-title__accent{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#6d28d9 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.js-int-course-root .connect-hero-title__accent:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#8b5cf6,#ec4899,#0000);height:3px;position:absolute;bottom:-4px;left:0;right:0}.js-int-course-root .connect-hero__subtitle{font-size:var(--text-lg);color:#8a8a6a;line-height:var(--leading-relaxed);max-width:520px;margin:0}.js-int-course-root .connect-platform-pills{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.1rem;display:flex}.js-int-course-root .connect-platform-pill{border-radius:var(--radius-full);font-size:var(--text-sm);transition:transform .18s var(--ease-bounce), box-shadow .18s var(--ease-standard);border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .9rem;font-weight:600;display:inline-flex}.js-int-course-root .connect-platform-pill:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 4px 14px #0003}.js-int-course-root .connect-platform-pill i{font-size:.95rem}.js-int-course-root .connect-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.js-int-course-root .connect-hero__btn{border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);transition:transform .22s var(--ease-bounce), box-shadow .22s var(--ease-standard), background .18s var(--ease-standard);white-space:nowrap;align-items:center;gap:.5rem;padding:.72rem 1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.js-int-course-root .connect-hero__btn--primary{color:#fff;background:red;border:2px solid red;box-shadow:0 6px 20px #ff00004d}.js-int-course-root .connect-hero__btn--primary:hover{background:#e60000;border-color:#e60000;transform:translateY(-3px);box-shadow:0 10px 28px #ff00006b}.js-int-course-root .connect-hero__btn--outline{color:#08c;background:0 0;border:2px solid #08c6}.js-int-course-root .connect-hero__btn--outline:hover{background:#0088cc1a;border-color:#08c;transform:translateY(-3px);box-shadow:0 6px 18px #08c3}.js-int-course-root .connect-section-label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#8b5cf6;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-weight:700;display:inline-flex}.js-int-course-root .connect-section-label__dot{border-radius:var(--radius-full);background:#8b5cf6;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-in-out infinite dotPulse;display:inline-block;box-shadow:0 0 6px #8b5cf699}@keyframes dotPulse{0%,to{box-shadow:0 0 6px #8b5cf68c}50%{box-shadow:0 0 14px #8b5cf6e6}}.js-int-course-root .connect-cards-section{background:var(--bg-page);transition:background var(--duration-normal) var(--ease-standard);padding:4.5rem 1.5rem}.js-int-course-root .connect-cards-section__inner{max-width:1100px;margin:0 auto}.js-int-course-root .connect-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.js-int-course-root .connect-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-left:4px solid var(--card-color,#8b5cf6);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--card-shadow);transition:transform .24s var(--ease-bounce), box-shadow .24s var(--ease-standard), border-color .24s var(--ease-standard);animation:cardSlideUp .5s var(--ease-decelerate) both;flex-direction:column;gap:0;padding:1.6rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.js-int-course-root .connect-card:hover,.js-int-course-root .connect-card--hovered{box-shadow:var(--card-shadow-hover), 0 0 0 1px #8b5cf626;transform:translateY(-7px)}.js-int-course-root .connect-card__accent{pointer-events:none;opacity:.85;border-radius:0;width:4px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.js-int-course-root .connect-card:hover .connect-card__accent,.js-int-course-root .connect-card--hovered .connect-card__accent{opacity:1}.js-int-course-root .connect-card__glow{pointer-events:none;opacity:0;transition:opacity .3s var(--ease-standard);position:absolute;inset:0}.js-int-course-root .connect-card:hover .connect-card__glow,.js-int-course-root .connect-card--hovered .connect-card__glow{opacity:1}.js-int-course-root .connect-card__head{z-index:1;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex;position:relative}.js-int-course-root .connect-card-icon{border-radius:var(--radius-md);width:54px;height:54px;transition:transform .22s var(--ease-bounce), background .22s var(--ease-standard), color .22s var(--ease-standard), box-shadow .22s var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;font-size:1.55rem;display:inline-flex}.js-int-course-root .connect-card:hover .connect-card-icon,.js-int-course-root .connect-card--hovered .connect-card-icon{transform:scale(1.12)rotate(-5deg);box-shadow:0 6px 20px #0003}.js-int-course-root .connect-card__badge{border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;padding:.22rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.js-int-course-root .connect-card__body{z-index:1;flex-direction:column;flex:1;gap:.35rem;display:flex;position:relative}.js-int-course-root .connect-card__platform{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.js-int-course-root .connect-card-handle{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.01em;margin:0 0 .25rem;font-weight:600}.js-int-course-root .connect-card-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);flex:1;margin:0 0 .5rem}.js-int-course-root .connect-card__stat{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;gap:.35rem;margin:0;font-weight:700;display:inline-flex}.js-int-course-root .connect-card__stat i{font-size:.8rem}.js-int-course-root .connect-card__footer{border-top:1px solid var(--border-color);z-index:1;margin-top:1rem;padding-top:.9rem;position:relative}.js-int-course-root .connect-cta-btn{border-radius:var(--radius-full);font-size:var(--text-sm);transition:background .2s var(--ease-standard), color .2s var(--ease-standard), transform .2s var(--ease-bounce), box-shadow .2s var(--ease-standard);border:1.5px solid #0000;align-items:center;gap:.45rem;padding:.52rem 1.1rem;font-weight:700;display:inline-flex}.js-int-course-root .connect-cta-btn__arrow{transition:transform .2s var(--ease-bounce);font-size:.78rem}.js-int-course-root .connect-card:hover .connect-cta-btn,.js-int-course-root .connect-card--hovered .connect-cta-btn{transform:scale(1.04);box-shadow:0 4px 14px #0000002e}.js-int-course-root .connect-card:hover .connect-cta-btn__arrow,.js-int-course-root .connect-card--hovered .connect-cta-btn__arrow{transform:translate(5px)}.js-int-course-root .connect-stats-section{background:var(--bg-surface-alt);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background var(--duration-normal) var(--ease-standard);padding:4rem 1.5rem}.js-int-course-root .connect-stats-section__inner{max-width:1100px;margin:0 auto}.js-int-course-root .connect-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.js-int-course-root .connect-stat{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--card-shadow);opacity:0;transition:opacity .5s var(--ease-decelerate), transform .5s var(--ease-bounce), box-shadow .24s var(--ease-standard);flex-direction:column;align-items:center;gap:.65rem;padding:2rem 1.25rem;display:flex;transform:translateY(18px)scale(.96)}.js-int-course-root .connect-stat:first-child{transition-delay:50ms}.js-int-course-root .connect-stat:nth-child(2){transition-delay:.12s}.js-int-course-root .connect-stat:nth-child(3){transition-delay:.19s}.js-int-course-root .connect-stat:nth-child(4){transition-delay:.26s}.js-int-course-root .connect-stat--visible{opacity:1;transform:translateY(0)scale(1)}.js-int-course-root .connect-stat:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)scale(1)}.js-int-course-root .connect-stat__icon{border-radius:var(--radius-full);width:52px;height:52px;transition:transform .22s var(--ease-bounce);border:1.5px solid #0000;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.js-int-course-root .connect-stat:hover .connect-stat__icon{transform:scale(1.12)rotate(-6deg)}.js-int-course-root .connect-stat__value{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);line-height:1}.js-int-course-root .connect-stat__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:var(--leading-snug)}.js-int-course-root .connect-faq-section{background:var(--bg-page);transition:background var(--duration-normal) var(--ease-standard);padding:5rem 1.5rem}.js-int-course-root .connect-faq-section__inner{max-width:780px;margin:0 auto}.js-int-course-root .connect-faq-section__heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-black);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0 0 .6rem}.js-int-course-root .connect-faq-section__subtitle{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:520px;margin:0 0 2.5rem}.js-int-course-root .connect-faq{flex-direction:column;gap:.6rem;display:flex}.js-int-course-root .connect-faq-item{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard);animation:faqSlideIn .45s var(--ease-decelerate) both;overflow:hidden}@keyframes faqSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.js-int-course-root .connect-faq-item--open{box-shadow:var(--shadow-sm), 0 0 0 1px #8b5cf61f;border-color:#8b5cf666}.js-int-course-root .connect-faq-question{cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-align:left;transition:background .18s var(--ease-standard), color .18s var(--ease-standard);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.js-int-course-root .connect-faq-question:hover{background:#8b5cf60f}.js-int-course-root .connect-faq-item--open .connect-faq-question{color:var(--text-primary);background:#8b5cf60f}.js-int-course-root .connect-faq-question__text{line-height:var(--leading-snug);flex:1}.js-int-course-root .connect-faq-question__toggle{border-radius:var(--radius-full);color:#8b5cf6;width:30px;height:30px;transition:background .2s var(--ease-standard), transform .28s var(--ease-bounce), border-color .2s var(--ease-standard);background:#8b5cf61a;border:1px solid #8b5cf638;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.js-int-course-root .connect-faq-item--open .connect-faq-question__toggle{background:#8b5cf638;border-color:#8b5cf66b;transform:rotate(45deg)}.js-int-course-root .connect-faq-question:focus-visible{outline-offset:-2px;outline:2px solid #8b5cf6}.js-int-course-root .connect-faq-answer{transition:border-color .2s var(--ease-standard);border-top:1px solid #0000}.js-int-course-root .connect-faq-item--open .connect-faq-answer{border-top-color:var(--border-color)}.js-int-course-root .connect-faq-answer__text{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;padding:1rem 1.35rem 1.35rem}.js-int-course-root .connect-contact-banner{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#111110 100%);border-top:1px solid #8b5cf61f;padding:4.5rem 1.5rem;position:relative;overflow:hidden}.js-int-course-root .connect-contact-banner__orb{pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.js-int-course-root .connect-contact-banner__orb--1{background:radial-gradient(circle,#8b5cf624 0%,#0000 70%);width:420px;height:420px;top:-160px;left:-100px}.js-int-course-root .connect-contact-banner__orb--2{background:radial-gradient(circle,#ec48991a 0%,#0000 70%);width:320px;height:320px;bottom:-120px;right:-60px}.js-int-course-root .connect-contact-banner__inner{z-index:1;flex-wrap:wrap;align-items:center;gap:2rem;max-width:1000px;margin:0 auto;display:flex;position:relative}.js-int-course-root .connect-contact-banner__icon{border-radius:var(--radius-xl);color:#8b5cf6;-webkit-backdrop-filter:blur(8px);background:#8b5cf61f;border:1.5px solid #8b5cf640;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.9rem;animation:4s ease-in-out infinite alternate iconFloat;display:inline-flex}@keyframes iconFloat{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-8px)rotate(2deg)}}.js-int-course-root .connect-contact-banner__text{flex:1;min-width:220px}.js-int-course-root .connect-contact-banner__heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-black);color:#f3f0fa;letter-spacing:var(--tracking-tight);margin:0 0 .4rem}.js-int-course-root .connect-contact-banner__subtitle{font-size:var(--text-sm);color:#7a7a5a;line-height:var(--leading-relaxed);max-width:420px;margin:0}.js-int-course-root .connect-contact-banner__links{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.js-int-course-root .connect-contact-link{border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);transition:transform .22s var(--ease-bounce), box-shadow .22s var(--ease-standard), background .18s var(--ease-standard);white-space:nowrap;align-items:center;gap:.55rem;padding:.65rem 1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.js-int-course-root .connect-contact-link--email{color:#1a1a1a;background:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 6px 20px #8b5cf647}.js-int-course-root .connect-contact-link--email:hover{background:#ffe946;border-color:#ffe946;transform:translateY(-3px);box-shadow:0 10px 28px #8b5cf66b}.js-int-course-root .connect-contact-socials{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.js-int-course-root .connect-contact-social-btn{border-radius:var(--radius-full);color:#8a8a6a;width:40px;height:40px;transition:background .2s var(--ease-standard), color .2s var(--ease-standard), border-color .2s var(--ease-standard), transform .2s var(--ease-bounce), box-shadow .2s var(--ease-standard);background:#ffffff0f;border:1.5px solid #ffffff1f;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:inline-flex}.js-int-course-root .connect-contact-social-btn:hover{background:var(--btn-color,#8b5cf6);color:#fff;border-color:var(--btn-color,#8b5cf6);box-shadow:0 6px 16px color-mix(in srgb, var(--btn-color,#8b5cf6) 40%, transparent);transform:translateY(-4px)scale(1.08)}.js-int-course-root .back-to-top{border-radius:var(--radius-full);color:#1a1a1a;cursor:pointer;width:48px;height:48px;z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity .28s var(--ease-standard), transform .28s var(--ease-bounce), background .18s, box-shadow .18s;background:#8b5cf6;border:2px solid #8b5cf680;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(14px)scale(.88);box-shadow:0 6px 20px #8b5cf659}.js-int-course-root .back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.js-int-course-root .back-to-top:hover{background:#ffe946;transform:translateY(-4px)scale(1.06);box-shadow:0 10px 28px #8b5cf680}.js-int-course-root .back-to-top:active{transform:translateY(0)scale(.95)}html.dark .js-int-course-root .connect-hero{background:linear-gradient(145deg,#050505 0%,#0a0a0a 40%,#101010 70%,#0d0d0b 100%);border-bottom-color:#8b5cf614}html.dark .js-int-course-root .connect-hero__orb--1{opacity:.28}html.dark .js-int-course-root .connect-hero__orb--2{opacity:.2}html.dark .js-int-course-root .connect-hero__orb--3{opacity:.15}html.dark .js-int-course-root .connect-hero__subtitle{color:#6f6587}html.dark .js-int-course-root .connect-hero__btn--outline{color:#3ad;border-color:#0088cc4d}html.dark .js-int-course-root .connect-cards-section{background:var(--bg-page)}html.dark .js-int-course-root .connect-card{border-color:#ffffff0f}html.dark .js-int-course-root .connect-card:hover,html.dark .js-int-course-root .connect-card--hovered{box-shadow:0 12px 40px #000000a6,0 0 0 1px #8b5cf61a}html.dark .js-int-course-root .connect-card-desc{color:var(--text-muted)}html.dark .js-int-course-root .connect-stats-section{background:#0a0a0a;border-color:#ffffff0d}html.dark .js-int-course-root .connect-stat{border-color:#ffffff0f}html.dark .js-int-course-root .connect-stat:hover{box-shadow:0 8px 28px #0009}html.dark .js-int-course-root .connect-faq-section{background:var(--bg-page)}html.dark .js-int-course-root .connect-faq-section__heading{color:#f0f0e0}html.dark .js-int-course-root .connect-faq-item{border-color:#ffffff0f}html.dark .js-int-course-root .connect-faq-item--open{box-shadow:var(--shadow-sm), 0 0 0 1px #8b5cf614;border-color:#8b5cf647}html.dark .js-int-course-root .connect-faq-question{color:#e8e8d0}html.dark .js-int-course-root .connect-faq-question:hover,html.dark .js-int-course-root .connect-faq-item--open .connect-faq-question{background:#8b5cf60d}html.dark .js-int-course-root .connect-faq-answer__text{color:#7a7a5a}html.dark .js-int-course-root .connect-contact-banner{background:linear-gradient(135deg,#050505 0%,#0d0d0d 50%,#080807 100%);border-top-color:#8b5cf614}html.dark .js-int-course-root .connect-contact-social-btn{color:#6f6587;background:#ffffff0a;border-color:#ffffff14}html:not(.dark) .js-int-course-root .connect-hero{background:linear-gradient(145deg,#1a1a1a 0%,#242420 40%,#2a2a25 70%,#1e1e1a 100%)}html:not(.dark) .js-int-course-root .connect-hero__grid{background-image:linear-gradient(#8b5cf60d 1px,#0000 1px),linear-gradient(90deg,#8b5cf60d 1px,#0000 1px)}html:not(.dark) .js-int-course-root .connect-stats-section{background:#fffdeb99}html:not(.dark) .js-int-course-root .connect-faq-item{background:#fff;border-color:#1a1a1a1a}html:not(.dark) .js-int-course-root .connect-faq-item--open{border-color:#8b5cf680}html:not(.dark) .js-int-course-root .connect-faq-question{color:#1a1a1a}html:not(.dark) .js-int-course-root .connect-faq-question:hover,html:not(.dark) .js-int-course-root .connect-faq-item--open .connect-faq-question{background:#8b5cf614}html:not(.dark) .js-int-course-root .connect-faq-answer__text{color:#5a5a3a}html:not(.dark) .js-int-course-root .connect-contact-social-btn{color:#7a7a5a;background:#1a1a1a0f;border-color:#1a1a1a1f}html:not(.dark) .js-int-course-root .connect-contact-social-btn:hover{color:#fff}@media (width<=1024px){.js-int-course-root .connect-stats{grid-template-columns:repeat(2,1fr)}.js-int-course-root .connect-contact-banner__inner{gap:1.5rem}}@media (width<=768px){.js-int-course-root .connect-hero{padding:4rem 1.25rem 3.5rem}.js-int-course-root .connect-hero-title{font-size:clamp(2rem,8vw,2.8rem)}.js-int-course-root .connect-hero__subtitle{font-size:var(--text-base)}.js-int-course-root .connect-platform-pills{gap:.4rem}.js-int-course-root .connect-platform-pill{font-size:var(--text-xs);padding:.3rem .75rem}.js-int-course-root .connect-hero__actions{flex-direction:column;width:100%;max-width:320px}.js-int-course-root .connect-hero__btn{justify-content:center;width:100%;padding:.8rem 1.25rem}.js-int-course-root .connect-cards-section{padding:3rem 1.25rem}.js-int-course-root .connect-cards-grid{grid-template-columns:1fr;gap:1.1rem}.js-int-course-root .connect-stats-section{padding:3rem 1.25rem}.js-int-course-root .connect-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.js-int-course-root .connect-stat{padding:1.5rem 1rem}.js-int-course-root .connect-faq-section{padding:3.5rem 1.25rem}.js-int-course-root .connect-faq-section__heading{font-size:1.6rem}.js-int-course-root .connect-contact-banner{padding:3.5rem 1.25rem}.js-int-course-root .connect-contact-banner__inner{flex-direction:column;align-items:flex-start;gap:1.5rem}.js-int-course-root .connect-contact-banner__icon{width:60px;height:60px;font-size:1.5rem}.js-int-course-root .connect-contact-banner__links{width:100%}.js-int-course-root .connect-contact-link--email{justify-content:center;width:100%}.js-int-course-root .back-to-top{width:44px;height:44px;font-size:1.15rem;bottom:1.25rem;right:1.25rem}}@media (width<=480px){.js-int-course-root .connect-hero{padding:3rem 1rem}.js-int-course-root .connect-hero-title{font-size:1.9rem}.js-int-course-root .connect-hero__badge{padding:.28rem .75rem;font-size:.62rem}.js-int-course-root .connect-hero__subtitle{font-size:var(--text-sm)}.js-int-course-root .connect-platform-pills{gap:.35rem}.js-int-course-root .connect-platform-pill{padding:.25rem .65rem;font-size:.7rem}.js-int-course-root .connect-cards-section{padding:2.5rem 1rem}.js-int-course-root .connect-card{padding:1.25rem 1.1rem}.js-int-course-root .connect-card-icon{width:46px;height:46px;font-size:1.3rem}.js-int-course-root .connect-card__platform{font-size:var(--text-lg)}.js-int-course-root .connect-stats-section{padding:2.5rem 1rem}.js-int-course-root .connect-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.js-int-course-root .connect-stat{padding:1.25rem .75rem}.js-int-course-root .connect-stat__icon{width:44px;height:44px;font-size:1.2rem}.js-int-course-root .connect-stat__value{font-size:1.6rem}.js-int-course-root .connect-stat__label{font-size:.68rem}.js-int-course-root .connect-faq-section{padding:2.5rem 1rem}.js-int-course-root .connect-faq-section__heading{font-size:1.4rem}.js-int-course-root .connect-faq-question{font-size:var(--text-sm);padding:1rem}.js-int-course-root .connect-faq-answer__text{padding:.75rem 1rem 1rem}.js-int-course-root .connect-contact-banner{padding:2.5rem 1rem}.js-int-course-root .connect-contact-banner__heading{font-size:1.3rem}.js-int-course-root .connect-contact-socials{gap:.45rem}.js-int-course-root .connect-contact-social-btn{width:38px;height:38px;font-size:1rem}.js-int-course-root .back-to-top{width:40px;height:40px;font-size:1rem;bottom:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.js-int-course-root .connect-hero__orb--1,.js-int-course-root .connect-hero__orb--2,.js-int-course-root .connect-hero__orb--3,.js-int-course-root .connect-section-label__dot,.js-int-course-root .connect-contact-banner__icon{animation:none}.js-int-course-root .connect-hero__content{opacity:1;transition:none;transform:none}.js-int-course-root .connect-card,.js-int-course-root .connect-stat,.js-int-course-root .connect-faq-item,.js-int-course-root .connect-hero__btn,.js-int-course-root .connect-cta-btn,.js-int-course-root .connect-contact-link,.js-int-course-root .connect-contact-social-btn,.js-int-course-root .back-to-top{transition:none;animation:none}.js-int-course-root .connect-stat{opacity:1;transform:none}.js-int-course-root .connect-card:hover,.js-int-course-root .connect-card--hovered,.js-int-course-root .connect-stat:hover{transform:none}.js-int-course-root .connect-faq-question__toggle{transition:none}}.js-adv-course-root{--bg:#f4f6fb;--surface:#fff;--surface-alt:#eef1f8;--bg-surface:#fff;--border-color:#06b6d426;--text-primary:#12192e;--text-muted:#5a6580;--jsadv-cyan:#06b6d4;--jsadv-cyan-dk:#0891b2;--jsadv-cyan-lt:#67e8f9;--glass-bg:#ffffffb8;--glass-border:#06b6d433;--jsadv-hero-glow:#06b6d41a;--card-bg:#fff;--card-border:#06b6d42e;--card-shadow:0 2px 16px #12192e12;--card-shadow-hover:0 10px 36px #12192e21;background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .3s,color .3s}html.dark .js-adv-course-root{--bg:#0a0e1a;--surface:#131824;--surface-alt:#1a2030;--bg-surface:#0f0f1e;--border-color:#ffffff14;--text-primary:#e8eaf0;--text-muted:#9ca3af;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--jsadv-hero-glow:#06b6d41f;--card-bg:#131824;--card-border:#ffffff12;--card-shadow:0 2px 16px #0006;--card-shadow-hover:0 10px 36px #0000008c}.js-adv-course-root *,.js-adv-course-root :before,.js-adv-course-root :after{box-sizing:border-box}.js-adv-course-root{--nav-bg:#fafaf0d1;--nav-border:#06b6d447;--nav-link:#2e2e50;--nav-link-hover-bg:#06b6d41a;--nav-link-hover-clr:#b89e00;--nav-active-bg:#06b6d421;--nav-active-clr:#b89e00;--nav-btn-border:#2f2f5038;--nav-btn-clr:#2e2e50;--nav-btn-hover-bg:#06b6d424;--bg-surface:#fff;--surface-alt:#f8f8f2;--mobile-header-border:#06b6d438;--mobile-theme-border:#2f2f501a;--mobile-footer-clr:#88a;--social-border:#2f2f5024;--toggle-track-off:#c8c8e0;--toggle-thumb:#fff}html.dark .js-adv-course-root{--nav-bg:#0e0e1cd6;--nav-border:#06b6d41f;--nav-link:#b8b8d8;--nav-link-hover-bg:#06b6d417;--nav-link-hover-clr:#06b6d4;--nav-active-bg:#06b6d41c;--nav-active-clr:#06b6d4;--nav-btn-border:#06b6d433;--nav-btn-clr:#c8c8e0;--nav-btn-hover-bg:#06b6d41f;--bg-surface:#0f0f1e;--surface-alt:#13132a;--mobile-header-border:#06b6d424;--mobile-theme-border:#06b6d414;--mobile-footer-clr:#4a4a6a;--social-border:#06b6d424;--toggle-track-off:#2a2a48;--toggle-thumb:#fff}.js-adv-course-root .navbar{z-index:200;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(16px)saturate(180%);width:100%;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0;left:0;right:0}.js-adv-course-root .navbar--scrolled{box-shadow:0 4px 20px #1a1a2e1a, 0 1px 0 var(--nav-border)}html.dark .js-adv-course-root .navbar--scrolled{box-shadow:0 4px 28px #0000008c,0 1px #06b6d41a}.js-adv-course-root .navbar__progress{z-index:201;pointer-events:none;will-change:width;background:linear-gradient(90deg,#06b6d4 0%,#f0a500 55%,#06b6d4 100%);border-radius:0 3px 3px 0;max-width:100%;height:3px;transition:width .1s linear;position:absolute;top:0;left:0;box-shadow:0 0 10px #06b6d499}.js-adv-course-root .navbar__inner{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1400px;height:70px;margin:0 auto;padding:0 5%;display:flex}.js-adv-course-root .navbar__logo{outline-offset:4px;flex-shrink:0;align-items:center;gap:8px;text-decoration:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.js-adv-course-root .navbar__logo:hover{text-decoration:none;transform:scale(1.04)}.js-adv-course-root .navbar__logo:focus-visible{border-radius:8px;outline:2px solid #06b6d4}.js-adv-course-root .navbar__logo-tag{color:var(--text-primary);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.05rem;font-weight:700;line-height:1;transition:color .25s}.js-adv-course-root .navbar__logo-brand{color:#06b6d4;letter-spacing:.04em;-webkit-user-select:none;user-select:none;text-shadow:0 0 20px #06b6d44d;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.15rem;font-weight:900;line-height:1;transition:text-shadow .25s}.js-adv-course-root .navbar__logo:hover .navbar__logo-brand{text-shadow:0 0 28px #06b6d48c}.js-adv-course-root .navbar__logo--mobile .navbar__logo-tag{font-size:.96rem}.js-adv-course-root .navbar__logo--mobile .navbar__logo-brand{font-size:1.05rem}.js-adv-course-root .navbar__nav{flex:1;justify-content:center;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.js-adv-course-root .navbar__nav-link{color:var(--nav-link);white-space:nowrap;outline-offset:2px;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex;position:relative}.js-adv-course-root .navbar__nav-link i{flex-shrink:0;font-size:.82rem;transition:transform .2s}.js-adv-course-root .navbar__nav-link:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-clr);text-decoration:none}.js-adv-course-root .navbar__nav-link:hover i{transform:scale(1.18)}.js-adv-course-root .navbar__nav-link:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.js-adv-course-root .navbar__nav-link.active{background:var(--nav-active-bg);color:var(--nav-active-clr);font-weight:600}.js-adv-course-root .navbar__nav-link.active i{color:#06b6d4}.js-adv-course-root .navbar__nav-link.active:after{content:"";background:#06b6d4;border-radius:2px 2px 0 0;width:18px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.js-adv-course-root .navbar__controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.js-adv-course-root .navbar__theme-btn{border:1px solid var(--nav-btn-border);width:38px;height:38px;color:var(--nav-btn-clr);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .22s,color .22s,border-color .22s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:inline-flex}.js-adv-course-root .navbar__theme-btn:hover{background:var(--nav-btn-hover-bg);color:#06b6d4;border-color:#06b6d473;transform:rotate(15deg)scale(1.1);box-shadow:0 0 14px #06b6d440}.js-adv-course-root .navbar__theme-btn:active{transform:rotate(15deg)scale(.95)}.js-adv-course-root .navbar__theme-btn:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.js-adv-course-root .navbar__theme-btn i{transition:transform .3s}.js-adv-course-root .navbar__hamburger{border:1px solid var(--nav-btn-border);width:38px;height:38px;color:var(--nav-btn-clr);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .15s;display:none}.js-adv-course-root .navbar__hamburger:hover{background:var(--nav-btn-hover-bg);color:#06b6d4;border-color:#06b6d466}.js-adv-course-root .navbar__hamburger--open{color:#06b6d4;background:#06b6d41a;border-color:#06b6d459}.js-adv-course-root .navbar__hamburger:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.js-adv-course-root .navbar__overlay{z-index:250;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0a0a188c;transition:opacity .28s;position:fixed;inset:0}.js-adv-course-root .navbar__overlay--visible{opacity:1;pointer-events:all}.js-adv-course-root .navbar__mobile-menu{background:var(--bg-surface);z-index:300;width:min(320px,85vw);height:100vh;box-shadow:none;will-change:transform;overscroll-behavior:contain;flex-direction:column;transition:transform .34s cubic-bezier(.4,0,.2,1),box-shadow .34s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.js-adv-course-root .navbar__mobile-menu.open{transform:translate(0);box-shadow:-12px 0 48px #00000061,-1px 0 #06b6d41a}.js-adv-course-root .navbar__mobile-header{border-bottom:1px solid var(--mobile-header-border);background:inherit;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.js-adv-course-root .navbar__mobile-close{border:1px solid var(--nav-btn-border);width:36px;height:36px;color:var(--nav-btn-clr);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .18s,color .18s,transform .15s;display:flex}.js-adv-course-root .navbar__mobile-close:hover{color:#1a1a2e;background:#06b6d4;border-color:#06b6d4;transform:rotate(90deg)}.js-adv-course-root .navbar__mobile-close:focus-visible{outline:2px solid #06b6d4}.js-adv-course-root .navbar__mobile-nav{overscroll-behavior:contain;flex:1;padding:10px 14px;overflow-y:auto}.js-adv-course-root .navbar__mobile-nav::-webkit-scrollbar{width:3px}.js-adv-course-root .navbar__mobile-nav::-webkit-scrollbar-track{background:0 0}.js-adv-course-root .navbar__mobile-nav::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:99px}.js-adv-course-root .navbar__mobile-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.js-adv-course-root .navbar__mobile-link{color:var(--nav-link);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,transform .12s;display:flex;position:relative}.js-adv-course-root .navbar__mobile-link:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-clr);text-decoration:none;transform:translate(3px)}.js-adv-course-root .navbar__mobile-link--active{background:var(--nav-active-bg);color:var(--nav-active-clr);font-weight:600}.js-adv-course-root .navbar__mobile-link--active:hover{transform:translate(3px)}.js-adv-course-root .navbar__mobile-link-icon{width:32px;height:32px;color:var(--nav-link);background:#06b6d414;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;transition:background .18s,color .18s;display:inline-flex}.js-adv-course-root .navbar__mobile-link:hover .navbar__mobile-link-icon,.js-adv-course-root .navbar__mobile-link--active .navbar__mobile-link-icon{color:#06b6d4;background:#06b6d429}.js-adv-course-root .navbar__mobile-link-label{flex:1;min-width:0}.js-adv-course-root .navbar__mobile-active-check{color:#06b6d4;flex-shrink:0;font-size:.82rem}.js-adv-course-root .navbar__mobile-link:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.js-adv-course-root .navbar__mobile-theme{border-top:1px solid var(--mobile-theme-border);border-bottom:1px solid var(--mobile-theme-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.js-adv-course-root .navbar__mobile-theme-label{color:var(--nav-link);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.js-adv-course-root .navbar__mobile-theme-label i{color:#06b6d4;font-size:.92rem}.js-adv-course-root .navbar__toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.js-adv-course-root .navbar__toggle-switch input{opacity:0;width:0;height:0;position:absolute}.js-adv-course-root .navbar__toggle-slider{background:var(--toggle-track-off);border-radius:99px;transition:background .25s;position:absolute;inset:0}.js-adv-course-root .navbar__toggle-slider:before{content:"";background:var(--toggle-thumb);border-radius:50%;width:18px;height:18px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 4px #00000038}.js-adv-course-root .navbar__toggle-switch input:checked+.navbar__toggle-slider{background:#06b6d4}.js-adv-course-root .navbar__toggle-switch input:checked+.navbar__toggle-slider:before{transform:translate(20px)translateY(-50%)}.js-adv-course-root .navbar__toggle-switch:focus-within .navbar__toggle-slider{box-shadow:0 0 0 3px #06b6d459}.js-adv-course-root .navbar__mobile-socials{flex-shrink:0;padding:16px 20px}.js-adv-course-root .navbar__mobile-socials-label{text-transform:uppercase;letter-spacing:.1em;color:var(--mobile-footer-clr);margin:0 0 10px;font-size:.7rem;font-weight:700}.js-adv-course-root .navbar__mobile-socials-row{align-items:center;gap:10px;display:flex}.js-adv-course-root .navbar__social-btn{border:1px solid var(--social-border);width:40px;height:40px;color:var(--nav-link);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.js-adv-course-root .navbar__social-btn:hover{transform:translateY(-3px)scale(1.08)}.js-adv-course-root .navbar__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#fd1d1d,#e1306c,#833ab4);border-color:#0000;box-shadow:0 4px 14px #e1306c61}.js-adv-course-root .navbar__social-btn--youtube:hover{color:#fff;background:red;border-color:#0000;box-shadow:0 4px 14px #ff000059}.js-adv-course-root .navbar__social-btn--telegram:hover{color:#fff;background:#08c;border-color:#0000;box-shadow:0 4px 14px #0088cc59}.js-adv-course-root .navbar__mobile-footer{border-top:1px solid var(--mobile-theme-border);flex-shrink:0;margin-top:auto;padding:12px 20px}.js-adv-course-root .navbar__mobile-footer-text{color:var(--mobile-footer-clr);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:.68rem;font-weight:500}@media (width<=900px){.js-adv-course-root .navbar__nav{display:none}.js-adv-course-root .navbar__hamburger{display:flex}}@media (width>=901px){.js-adv-course-root .navbar__hamburger,.js-adv-course-root .navbar__mobile-menu,.js-adv-course-root .navbar__overlay{display:none!important}}@media (width<=480px){.js-adv-course-root .navbar__inner{height:64px;padding:0 4%}.js-adv-course-root .navbar__logo-tag{font-size:.95rem}.js-adv-course-root .navbar__logo-brand{font-size:1.05rem}.js-adv-course-root .navbar__mobile-menu{width:100vw}}@media (width>=1400px){.js-adv-course-root .navbar__inner{padding:0 3%}}@media (prefers-reduced-motion:reduce){.js-adv-course-root .navbar,.js-adv-course-root .navbar__progress,.js-adv-course-root .navbar__logo,.js-adv-course-root .navbar__logo-brand,.js-adv-course-root .navbar__nav-link,.js-adv-course-root .navbar__nav-link i,.js-adv-course-root .navbar__theme-btn,.js-adv-course-root .navbar__hamburger,.js-adv-course-root .navbar__overlay,.js-adv-course-root .navbar__mobile-menu,.js-adv-course-root .navbar__mobile-link,.js-adv-course-root .navbar__mobile-close,.js-adv-course-root .navbar__social-btn,.js-adv-course-root .navbar__toggle-slider,.js-adv-course-root .navbar__toggle-slider:before{transition:none!important;animation:none!important}.js-adv-course-root .navbar__logo:hover,.js-adv-course-root .navbar__theme-btn:hover,.js-adv-course-root .navbar__mobile-close:hover,.js-adv-course-root .navbar__social-btn:hover,.js-adv-course-root .navbar__mobile-link:hover,.js-adv-course-root .navbar__nav-link:hover i{transform:none}}.js-adv-course-root{--navy:var(--bg);--navy-mid:var(--surface);--navy-light:var(--surface);--jsadv-cyan:#06b6d4;--jsadv-cyan-dk:#0891b2;--jsadv-cyan-lt:#67e8f9;--glass-bg:#ffffff0d;--glass-border:var(--border-color);--glass-bg-lt:#ffffffbf;--glass-border-lt:#06b6d44d;--jsadv-hero-glow:#06b6d42e;--section-gap:6rem}html.dark .js-adv-course-root{--glass-bg:#ffffff0a;--glass-border:var(--border-color);--jsadv-hero-glow:#06b6d41f}.js-adv-course-root .home{background:var(--bg);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.js-adv-course-root .home .container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@keyframes blob-drift-1{0%,to{transform:translate(0)scale(1)}30%{transform:translate(40px,-30px)scale(1.08)}60%{transform:translate(-20px,25px)scale(.94)}}@keyframes blob-drift-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-35px,20px)scale(1.06)}55%{transform:translate(25px,-15px)scale(.96)}}@keyframes blob-drift-3{0%,to{transform:translate(0)scale(1)}40%{transform:translate(20px,30px)scale(1.04)}70%{transform:translate(-30px,-10px)scale(.97)}}@keyframes jsadv-hero-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes code-line-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}@keyframes counter-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.js-adv-course-root .jsadv-hero{background:linear-gradient(145deg, var(--bg) 0%, var(--surface) 50%, var(--surface-alt) 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:7rem 0 5rem;display:flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-hero__content,.js-adv-course-root .jsadv-hero__code-wrap{opacity:0;transition:opacity .75s var(--ease-decelerate,cubic-bezier(0, 0, .2, 1)), transform .75s var(--ease-decelerate,cubic-bezier(0, 0, .2, 1));transform:translateY(28px)}.js-adv-course-root .jsadv-hero__code-wrap{transition-delay:.18s}.js-adv-course-root .jsadv-hero--visible .jsadv-hero__content,.js-adv-course-root .jsadv-hero--visible .jsadv-hero__code-wrap{opacity:1;transform:translateY(0)}.js-adv-course-root .jsadv-hero__blob{pointer-events:none;filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.js-adv-course-root .jsadv-hero__blob--1{background:radial-gradient(circle,#06b6d438 0%,#0000 70%);width:520px;height:520px;animation:14s ease-in-out infinite blob-drift-1;top:-140px;right:-100px}.js-adv-course-root .jsadv-hero__blob--2{background:radial-gradient(circle,#06b6d424 0%,#0000 70%);width:380px;height:380px;animation:18s ease-in-out infinite blob-drift-2;bottom:-80px;left:-80px}.js-adv-course-root .jsadv-hero__blob--3{background:radial-gradient(circle,#0891b21a 0%,#0000 70%);width:260px;height:260px;animation:22s ease-in-out infinite blob-drift-3;top:40%;left:38%}.js-adv-course-root .jsadv-hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid;position:relative}.js-adv-course-root .jsadv-hero__content{flex-direction:column;gap:1.4rem;display:flex}.js-adv-course-root .jsadv-hero__badge{-webkit-backdrop-filter:blur(12px);color:var(--jsadv-cyan);letter-spacing:.05em;text-transform:uppercase;background:#06b6d41f;border:1px solid #06b6d459;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.js-adv-course-root .jsadv-hero__badge i{color:var(--jsadv-cyan);font-size:.9rem}.js-adv-course-root .jsadv-hero__title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.15}.js-adv-course-root .jsadv-hero__title-brand{background:linear-gradient(135deg,#06b6d4 0%,#00e6fe 40%,#0ea5e9 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.js-adv-course-root .jsadv-hero__subtitle{color:#06b6d4d9;letter-spacing:.04em;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600}.js-adv-course-root .jsadv-hero__desc{color:var(--text-muted);max-width:500px;margin:0;font-size:1rem;line-height:1.75}.js-adv-course-root .jsadv-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.js-adv-course-root .jsadv-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:background .22s,box-shadow .22s,transform .18s,color .22s;display:inline-flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-btn:active{transform:scale(.97)}.js-adv-course-root .jsadv-btn--primary{background:var(--jsadv-cyan);color:var(--navy);box-shadow:0 0 #0000}.js-adv-course-root .jsadv-btn--primary:hover{background:#ffe94d;transform:translateY(-2px);box-shadow:0 0 24px #06b6d48c,0 4px 16px #06b6d459}.js-adv-course-root .jsadv-btn--primary i{transition:transform .2s}.js-adv-course-root .jsadv-btn--primary:hover i{transform:translate(4px)}.js-adv-course-root .jsadv-btn--ghost{color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1.5px solid #ffffff40}.js-adv-course-root .jsadv-btn--ghost:hover{color:var(--jsadv-cyan);background:#06b6d412;border-color:#06b6d499;transform:translateY(-2px);box-shadow:0 0 16px #06b6d426}.js-adv-course-root .jsadv-hero__trust{flex-wrap:wrap;gap:1.4rem;padding-top:.4rem;display:flex}.js-adv-course-root .jsadv-hero__trust-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.83rem;font-weight:500;display:flex}.js-adv-course-root .jsadv-hero__trust-item i{color:var(--jsadv-cyan);font-size:.82rem}.js-adv-course-root .jsadv-hero__code-wrap{position:relative}.js-adv-course-root .jsadv-hero__code-window{-webkit-backdrop-filter:blur(20px);background:#0a0a1ae0;border:1px solid #06b6d42e;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0000008c,0 0 0 1px #06b6d40f,inset 0 1px #ffffff0f}.js-adv-course-root .jsadv-hero__code-bar{background:var(--surface);border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.85rem 1.2rem;display:flex}.js-adv-course-root .jsadv-hero__dot{border-radius:50%;flex-shrink:0;width:13px;height:13px}.js-adv-course-root .jsadv-hero__dot--red{background:#ff5f57;box-shadow:0 0 8px #ff5f5780}.js-adv-course-root .jsadv-hero__dot--yellow{background:#febc2e;box-shadow:0 0 8px #febc2e80}.js-adv-course-root .jsadv-hero__dot--green{background:#28c840;box-shadow:0 0 8px #28c84080}.js-adv-course-root .jsadv-hero__code-filename{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono,monospace);align-items:center;gap:.35rem;margin-left:.6rem;display:flex}.js-adv-course-root .jsadv-hero__code-filename i{color:var(--jsadv-cyan);opacity:.8}.js-adv-course-root .jsadv-hero__code-body{font-family:var(--font-mono,"JetBrains Mono", "Fira Code", monospace);scrollbar-width:thin;scrollbar-color:#06b6d433 transparent;max-height:420px;padding:1.25rem .5rem 1.25rem 0;font-size:.82rem;line-height:1.65;overflow-y:auto}.js-adv-course-root .jsadv-hero__code-body::-webkit-scrollbar{width:4px}.js-adv-course-root .jsadv-hero__code-body::-webkit-scrollbar-track{background:0 0}.js-adv-course-root .jsadv-hero__code-body::-webkit-scrollbar-thumb{background:#06b6d438;border-radius:4px}.js-adv-course-root .jsadv-hero__code-line{opacity:0;align-items:flex-start;min-height:1.55em;padding:.08rem 1.2rem .08rem 0;transition:background .15s;animation:.4s both code-line-in;display:flex}.js-adv-course-root .jsadv-hero__code-line:hover{background:#06b6d40a;border-radius:4px}.js-adv-course-root .jsadv-hero__line-num{text-align:right;min-width:2.4rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-top:.05em;padding-right:1rem;font-size:.77rem}.js-adv-course-root .jsadv-hero__line-content{white-space:pre;flex:1}.js-adv-course-root .hl-keyword{color:#cc99cd;font-weight:600}.js-adv-course-root .hl-string{color:#7ec699}.js-adv-course-root .hl-comment{color:#999;font-style:italic}.js-adv-course-root .hl-number{color:#f08d49}.js-adv-course-root .hl-fn{color:#6fb3d2}.js-adv-course-root .hl-punct{color:var(--text-muted)}.js-adv-course-root .jsadv-hero__float-badge{background:var(--jsadv-cyan);color:var(--navy);white-space:nowrap;z-index:2;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.78rem;font-weight:700;animation:3.5s ease-in-out infinite float-badge;display:flex;position:absolute;bottom:-1.2rem;right:-1rem;box-shadow:0 8px 28px #06b6d473}.js-adv-course-root .jsadv-hero__float-badge i{font-size:.88rem}.js-adv-course-root .jsadv-hero__scroll-hint{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;z-index:1;flex-direction:column;align-items:center;gap:.4rem;margin-top:3rem;font-size:.75rem;animation:2s ease-in-out infinite scroll-bounce;display:flex;position:relative}.js-adv-course-root .jsadv-hero__scroll-hint i{font-size:1.1rem}.js-adv-course-root .jsadv-stats-section{background:var(--bg-surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:1;padding:4rem 0;position:relative}html.dark .js-adv-course-root .jsadv-stats-section{border-color:var(--border-color);background:#ffffff05}.js-adv-course-root .jsadv-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.js-adv-course-root .jsadv-stat-card{background:var(--glass-bg-lt);border:1px solid var(--glass-border-lt);-webkit-backdrop-filter:blur(16px);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.7rem;padding:2rem 1.5rem;transition:transform .28s,box-shadow .28s;animation:.6s both counter-pop;display:flex;box-shadow:0 4px 24px #0000000d,0 0 0 1px #06b6d414}html.dark .js-adv-course-root .jsadv-stat-card{background:#ffffff0a;border-color:#06b6d424;box-shadow:0 4px 24px #0000004d}.js-adv-course-root .jsadv-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a,0 0 0 1px #06b6d440,0 0 32px #06b6d41f}html.dark .js-adv-course-root .jsadv-stat-card:hover{box-shadow:0 12px 40px #00000080,0 0 0 1px #06b6d438,0 0 32px #06b6d41a}.js-adv-course-root .jsadv-stat-card__icon{width:52px;height:52px;color:var(--jsadv-cyan);background:linear-gradient(135deg,#06b6d42e 0%,#06b6d414 100%);border:1px solid #06b6d440;border-radius:14px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}html.dark .js-adv-course-root .jsadv-stat-card__icon{background:#06b6d41a;border-color:#06b6d42e}.js-adv-course-root .jsadv-stat-card__value{background:linear-gradient(135deg,#06b6d4 0%,#00e6fe 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;line-height:1}.js-adv-course-root .jsadv-stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.85rem;font-weight:600}.js-adv-course-root .jsadv-courses-section__header,.js-adv-course-root .jsadv-features-section__header,.js-adv-course-root .jsadv-testimonials-section__header{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:660px;margin:0 auto 3.5rem;display:flex}.js-adv-course-root .jsadv-courses-section__pill,.js-adv-course-root .jsadv-testimonials-section__pill{color:var(--jsadv-cyan-dk);text-transform:uppercase;letter-spacing:.07em;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}html.dark .js-adv-course-root .jsadv-courses-section__pill,html.dark .js-adv-course-root .jsadv-testimonials-section__pill{color:var(--jsadv-cyan)}.js-adv-course-root .jsadv-courses-section__title,.js-adv-course-root .jsadv-features-section__title,.js-adv-course-root .jsadv-testimonials-section__title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:800;line-height:1.2}.js-adv-course-root .jsadv-courses-section__desc,.js-adv-course-root .jsadv-features-section__desc{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.7}.js-adv-course-root .jsadv-courses-section{padding:var(--section-gap) 0;scroll-margin-top:80px}.js-adv-course-root .jsadv-courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.js-adv-course-root .jsadv-course-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-left:4px solid var(--accent,var(--jsadv-cyan));color:inherit;transition:transform .28s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .28s ease, border-color .22s ease;border-radius:16px;flex-direction:column;gap:.7rem;padding:1.6rem 1.5rem 1.5rem 1.75rem;text-decoration:none;animation:.6s both jsadv-hero-fade-up;display:flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-course-card:before{content:"";background:linear-gradient(135deg, rgba(var(--accent-rgb,247 223 30), .04) 0%, transparent 60%);opacity:0;border-radius:inherit;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.js-adv-course-root .jsadv-course-card:hover{box-shadow:var(--card-shadow-hover), 0 0 0 1px #06b6d433;transform:translateY(-6px)}.js-adv-course-root .jsadv-course-card:hover:before{opacity:1}.js-adv-course-root .jsadv-course-card__icon{width:48px;height:48px;color:var(--accent,var(--jsadv-cyan));background:#06b6d41a;border:1px solid #06b6d433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:background .22s,transform .22s;display:flex}.js-adv-course-root .jsadv-course-card:hover .jsadv-course-card__icon{background:#06b6d42e;transform:scale(1.08)rotate(-3deg)}.js-adv-course-root .jsadv-course-card__meta{align-items:center;gap:.5rem;display:flex}.js-adv-course-root .jsadv-course-card__count{color:var(--jsadv-cyan-dk);letter-spacing:.04em;text-transform:uppercase;background:#06b6d41a;border:1px solid #06b6d438;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}html.dark .js-adv-course-root .jsadv-course-card__count{color:var(--jsadv-cyan);background:#06b6d414}.js-adv-course-root .jsadv-course-card__title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.js-adv-course-root .jsadv-course-card__desc{color:var(--text-muted);flex:1;margin:0;font-size:.87rem;line-height:1.6}.js-adv-course-root .jsadv-course-card__cta{color:var(--jsadv-cyan-dk);align-items:center;gap:.2rem;margin-top:auto;padding-top:.5rem;font-size:.82rem;font-weight:600;transition:gap .18s;display:flex}html.dark .js-adv-course-root .jsadv-course-card__cta{color:var(--jsadv-cyan)}.js-adv-course-root .jsadv-course-card:hover .jsadv-course-card__cta{gap:.5rem}.js-adv-course-root .jsadv-course-card__cta i{font-size:1.1rem;transition:transform .2s}.js-adv-course-root .jsadv-course-card:hover .jsadv-course-card__cta i{transform:translate(3px)}.js-adv-course-root .jsadv-courses-section__footer{justify-content:center;margin-top:3rem;display:flex}.js-adv-course-root .jsadv-features-section{padding:var(--section-gap) 0;background:var(--bg-surface-alt,#fffde7);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}html.dark .js-adv-course-root .jsadv-features-section{background:#ffffff04}.js-adv-course-root .features-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}.js-adv-course-root .jsadv-feature-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:inherit;transition:transform .28s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .28s ease;border-radius:18px;flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.75rem 1.4rem;text-decoration:none;animation:.5s both jsadv-hero-fade-up;display:flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-feature-card:after{content:"";opacity:0;border-radius:0 0 18px 18px;height:3px;transition:opacity .22s;position:absolute;bottom:0;left:0;right:0}.js-adv-course-root .jsadv-feature-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.js-adv-course-root .jsadv-feature-card:hover:after{opacity:1}.js-adv-course-root .jsadv-feature-card--cyan .jsadv-feature-card__icon{color:#06b6d4;background:#06b6d41f;border-color:#06b6d440}.js-adv-course-root .jsadv-feature-card--cyan:after{background:#06b6d4}.js-adv-course-root .jsadv-feature-card--purple .jsadv-feature-card__icon{color:#a855f7;background:#a855f71f;border-color:#a855f740}.js-adv-course-root .jsadv-feature-card--purple:after{background:#a855f7}.js-adv-course-root .jsadv-feature-card--orange .jsadv-feature-card__icon{color:#f97316;background:#f973161f;border-color:#f9731640}.js-adv-course-root .jsadv-feature-card--orange:after{background:#f97316}.js-adv-course-root .jsadv-feature-card--green .jsadv-feature-card__icon{color:#22c55e;background:#22c55e1f;border-color:#22c55e40}.js-adv-course-root .jsadv-feature-card--green:after{background:#22c55e}.js-adv-course-root .jsadv-feature-card--pink .jsadv-feature-card__icon{color:#ec4899;background:#ec48991f;border-color:#ec489940}.js-adv-course-root .jsadv-feature-card--pink:after{background:#ec4899}.js-adv-course-root .jsadv-feature-card__icon{border:1px solid #0000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.45rem;transition:transform .22s,box-shadow .22s;display:flex}.js-adv-course-root .jsadv-feature-card:hover .jsadv-feature-card__icon{transform:scale(1.1)rotate(-4deg)}.js-adv-course-root .jsadv-feature-card__title{color:var(--text-primary);margin:0;font-size:.96rem;font-weight:700;line-height:1.3}.js-adv-course-root .jsadv-feature-card__desc{color:var(--text-muted);flex:1;margin:0;font-size:.83rem;line-height:1.55}.js-adv-course-root .jsadv-feature-card__arrow{color:var(--text-faint);margin-top:auto;font-size:1.3rem;transition:transform .2s,color .2s}.js-adv-course-root .jsadv-feature-card:hover .jsadv-feature-card__arrow{color:var(--text-muted);transform:translate(4px)}.js-adv-course-root .jsadv-testimonials-section{padding:var(--section-gap) 0}.js-adv-course-root .testimonials-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.js-adv-course-root .jsadv-testimonial-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;gap:1rem;padding:1.75rem;transition:transform .28s,box-shadow .28s;animation:.6s both jsadv-hero-fade-up;display:flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-testimonial-card:before{content:"“";color:#06b6d41a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:6rem;line-height:1;position:absolute;top:-.5rem;right:1.2rem}.js-adv-course-root .jsadv-testimonial-card:hover{box-shadow:var(--card-shadow-hover), 0 0 0 1px #06b6d426;transform:translateY(-5px)}.js-adv-course-root .jsadv-testimonial-card__stars{gap:.25rem;display:flex}.js-adv-course-root .jsadv-testimonial-card__stars i{color:var(--jsadv-cyan);font-size:.8rem}.js-adv-course-root .jsadv-testimonial-card__quote{color:var(--text-secondary);flex:1;margin:0;font-size:.9rem;font-style:normal;line-height:1.7}.js-adv-course-root .jsadv-testimonial-card__author{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.js-adv-course-root .jsadv-testimonial-card__avatar{width:40px;height:40px;color:var(--jsadv-cyan);background:linear-gradient(135deg,#06b6d42e 0%,#06b6d40f 100%);border:2px solid #06b6d440;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.js-adv-course-root .jsadv-testimonial-card__info{flex-direction:column;gap:.15rem;display:flex}.js-adv-course-root .jsadv-testimonial-card__name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.2}.js-adv-course-root .jsadv-testimonial-card__role{color:var(--text-muted);font-size:.75rem;font-weight:500}.js-adv-course-root .back-to-top{z-index:var(--z-toast,600);background:var(--jsadv-cyan);width:48px;height:48px;color:var(--navy);cursor:pointer;transition:transform .22s var(--ease-bounce,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .22s ease, background .18s ease;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;animation:.4s both jsadv-hero-fade-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 28px #06b6d473,0 2px 8px #00000026}.js-adv-course-root .back-to-top:hover{background:#ffe94d;transform:translateY(-4px)scale(1.08);box-shadow:0 14px 36px #06b6d48c,0 4px 12px #00000026}.js-adv-course-root .back-to-top:active{transform:scale(.94)}html.dark .js-adv-course-root .jsadv-course-card,html.dark .js-adv-course-root .jsadv-feature-card,html.dark .js-adv-course-root .jsadv-testimonial-card{background:var(--card-bg);border-color:var(--card-border);box-shadow:var(--card-shadow)}html.dark .js-adv-course-root .jsadv-course-card:hover,html.dark .js-adv-course-root .jsadv-feature-card:hover,html.dark .js-adv-course-root .jsadv-testimonial-card:hover{box-shadow:var(--card-shadow-hover)}html.dark .js-adv-course-root .jsadv-hero__code-body,html.dark .js-adv-course-root .hl-punct{color:var(--text-muted)}@media (width<=1024px){.js-adv-course-root .jsadv-hero{min-height:auto;padding:6rem 0 4rem}.js-adv-course-root .jsadv-hero__inner{text-align:center;grid-template-columns:1fr;gap:3rem}.js-adv-course-root .jsadv-hero__code-wrap,.js-adv-course-root .jsadv-hero__code-line,.js-adv-course-root .jsadv-hero__line-content{text-align:left}.js-adv-course-root .jsadv-hero__content{align-items:center}.js-adv-course-root .jsadv-hero__desc{max-width:600px}.js-adv-course-root .jsadv-hero__actions,.js-adv-course-root .jsadv-hero__trust{justify-content:center}.js-adv-course-root .jsadv-hero__code-wrap{max-width:600px;margin:0 auto}.js-adv-course-root .jsadv-stats-grid,.js-adv-course-root .jsadv-courses-grid{grid-template-columns:repeat(2,1fr)}.js-adv-course-root .features-grid{grid-template-columns:repeat(3,1fr)}.js-adv-course-root .testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--section-gap:4rem}.js-adv-course-root .home .container{padding:0 1.25rem}.js-adv-course-root .jsadv-hero{padding:5rem 0 3rem}.js-adv-course-root .jsadv-hero__title{font-size:2rem}.js-adv-course-root .jsadv-hero__code-body{max-height:280px;font-size:.76rem}.js-adv-course-root .jsadv-hero__float-badge{font-size:.72rem;bottom:-.8rem;right:.5rem}.js-adv-course-root .jsadv-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.js-adv-course-root .jsadv-stat-card{padding:1.5rem 1rem}.js-adv-course-root .jsadv-stat-card__value{font-size:1.9rem}.js-adv-course-root .jsadv-courses-grid{grid-template-columns:1fr}.js-adv-course-root .features-grid{grid-template-columns:repeat(2,1fr)}.js-adv-course-root .testimonials-grid{grid-template-columns:1fr}.js-adv-course-root .jsadv-courses-section__header,.js-adv-course-root .jsadv-features-section__header,.js-adv-course-root .jsadv-testimonials-section__header{margin-bottom:2.5rem}}@media (width<=480px){:root{--section-gap:3rem}.js-adv-course-root .home .container{padding:0 1rem}.js-adv-course-root .jsadv-hero__actions{flex-direction:column;align-items:stretch}.js-adv-course-root .jsadv-btn{justify-content:center}.js-adv-course-root .jsadv-hero__badge{font-size:.75rem}.js-adv-course-root .jsadv-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.js-adv-course-root .jsadv-stat-card{padding:1.25rem .75rem}.js-adv-course-root .features-grid{grid-template-columns:1fr}.js-adv-course-root .back-to-top{width:44px;height:44px;bottom:1.25rem;right:1.25rem}.js-adv-course-root .jsadv-testimonial-card:before{font-size:4rem}}@media (prefers-reduced-motion:reduce){.js-adv-course-root .jsadv-hero__blob--1,.js-adv-course-root .jsadv-hero__blob--2,.js-adv-course-root .jsadv-hero__blob--3,.js-adv-course-root .jsadv-hero__float-badge,.js-adv-course-root .jsadv-hero__scroll-hint,.js-adv-course-root .jsadv-hero__content,.js-adv-course-root .jsadv-hero__code-wrap,.js-adv-course-root .jsadv-hero__code-line,.js-adv-course-root .jsadv-stat-card,.js-adv-course-root .jsadv-course-card,.js-adv-course-root .jsadv-feature-card,.js-adv-course-root .jsadv-testimonial-card,.js-adv-course-root .back-to-top{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.js-adv-course-root{--topics-navy:var(--bg);--topics-navy-mid:var(--surface);--topics-navy-light:var(--surface);--topics-cyan:#06b6d4;--topics-cyan-dk:#0891b2;--topics-cyan-glow:#06b6d438;--topics-glass:#ffffff0f;--topics-glass-bd:#ffffff1f}@keyframes topics-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes topics-blob-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-25px)scale(1.07)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes topics-blob-2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-35px,15px)scale(1.05)}70%{transform:translate(20px,-18px)scale(.97)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes back-top-in{0%{opacity:0;transform:translateY(12px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.js-adv-course-root .jsadv-topics-page{background:var(--bg);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.js-adv-course-root .jsadv-topics-hero{background:linear-gradient(135deg, var(--bg) 0%, var(--surface) 55%, var(--surface) 100%);opacity:0;padding:5.5rem 2rem 4rem;transition:opacity .65s,transform .65s;position:relative;overflow:hidden;transform:translateY(20px)}.js-adv-course-root .jsadv-topics-hero--visible{opacity:1;transform:translateY(0)}.js-adv-course-root .jsadv-topics-hero__blob{filter:blur(72px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.js-adv-course-root .jsadv-topics-hero__blob--1{background:radial-gradient(circle,#06b6d424 0%,#0000 70%);width:520px;height:520px;animation:16s ease-in-out infinite topics-blob-1;top:-160px;right:-120px}.js-adv-course-root .jsadv-topics-hero__blob--2{background:radial-gradient(circle,#0f346080 0%,#0000 70%);width:380px;height:380px;animation:20s ease-in-out infinite topics-blob-2;bottom:-100px;left:-80px}.js-adv-course-root .jsadv-topics-hero__inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;max-width:760px;margin:0 auto;display:flex;position:relative}.js-adv-course-root .jsadv-topics-hero__badge{color:var(--topics-cyan);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06b6d41f;border:1px solid #06b6d44d;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem 1rem;font-size:.78rem;font-weight:700;animation:3s ease-in-out infinite badge-pulse;display:inline-flex}.js-adv-course-root .jsadv-topics-hero__title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.js-adv-course-root .jsadv-topics-hero__title span{color:var(--topics-cyan)}.js-adv-course-root .jsadv-topics-hero__subtitle{color:var(--text-muted);max-width:580px;margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.js-adv-course-root .jsadv-topics-search{width:100%;max-width:540px;margin-top:.4rem;position:relative}.js-adv-course-root .jsadv-topics-search__icon{color:var(--text-muted);pointer-events:none;z-index:2;font-size:1rem;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.js-adv-course-root .jsadv-topics-search__input{background:var(--surface);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;border-radius:12px;outline:none;padding:.85rem 3rem .85rem 2.8rem;font-size:.97rem;transition:border-color .25s,box-shadow .25s,background .25s}.js-adv-course-root .jsadv-topics-search__input::placeholder{color:var(--text-muted)}.js-adv-course-root .jsadv-topics-search__input:focus{border-color:var(--topics-cyan);background:var(--surface);box-shadow:0 0 0 3px #06b6d42e,0 8px 32px #00000040}.js-adv-course-root .jsadv-topics-search__clear{cursor:pointer;color:var(--text-muted);z-index:2;background:0 0;border:none;align-items:center;padding:.2rem;font-size:1rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.js-adv-course-root .jsadv-topics-search__clear:hover{color:var(--text-muted)}.js-adv-course-root .jsadv-topics-stats-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.8rem;padding:1rem 2rem;display:flex;position:sticky;top:0}html.dark .js-adv-course-root .jsadv-topics-stats-bar{border-bottom-color:var(--text-muted);background:#16213eeb}.js-adv-course-root .topics-stat{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.88rem;display:flex}.js-adv-course-root .topics-stat i{color:var(--topics-cyan);font-size:.92rem}.js-adv-course-root .topics-stat strong{color:var(--text-primary);font-weight:700}.js-adv-course-root .topics-stat-sep{color:var(--text-muted);opacity:.5;font-size:1.1rem}.js-adv-course-root .jsadv-topics-controls{flex-direction:column;gap:1.1rem;max-width:1280px;margin:0 auto;padding:1.6rem 2rem 0;display:flex}.js-adv-course-root .view-toggle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem;display:flex}.js-adv-course-root .view-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:.45rem;padding:.52rem 1.1rem;font-size:.87rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.js-adv-course-root .view-btn:hover{color:var(--text-primary);background:#06b6d414}.js-adv-course-root .view-btn--active{background:var(--topics-cyan);color:var(--topics-navy)}.js-adv-course-root .view-btn--active:hover{background:var(--topics-cyan-dk);color:var(--topics-navy)}.js-adv-course-root .view-btn i{font-size:.85rem}.js-adv-course-root .jsadv-category-pills{scrollbar-width:thin;scrollbar-color:#06b6d44d transparent;flex-wrap:nowrap;align-items:center;gap:.55rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.js-adv-course-root .jsadv-category-pills::-webkit-scrollbar{height:3px}.js-adv-course-root .jsadv-category-pills::-webkit-scrollbar-track{background:0 0}.js-adv-course-root .jsadv-category-pills::-webkit-scrollbar-thumb{background:#06b6d459;border-radius:99px}.js-adv-course-root .cat-pill{background:var(--bg-surface);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.38rem .95rem;font-size:.81rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,transform .15s;display:inline-flex}html.dark .js-adv-course-root .cat-pill{border-color:var(--text-muted);background:#ffffff0a}.js-adv-course-root .cat-pill:hover{border-color:var(--pill-color,var(--topics-cyan));color:var(--pill-color,var(--topics-cyan));background:color-mix(in srgb, var(--pill-color,var(--topics-cyan)) 8%, transparent);transform:translateY(-1px)}.js-adv-course-root .cat-pill__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.js-adv-course-root .categories-container{flex-direction:column;gap:3.5rem;max-width:1280px;margin:0 auto;padding:2rem 2rem 4rem;display:flex}.js-adv-course-root .jsadv-category-section{scroll-margin-top:80px;animation:.4s both card-in}.js-adv-course-root .cat-section-header{border-bottom:1.5px solid var(--border-color);align-items:center;gap:.9rem;margin-bottom:.6rem;padding-bottom:.8rem;display:flex}.js-adv-course-root .cat-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:inline-flex}.js-adv-course-root .cat-section-title{letter-spacing:-.01em;flex:1;margin:0;font-size:1.35rem;font-weight:750}.js-adv-course-root .cat-topic-count{letter-spacing:.04em;text-transform:uppercase;border:1.5px solid;border-radius:999px;flex-shrink:0;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.js-adv-course-root .cat-section-desc{color:var(--text-muted);max-width:680px;margin:.2rem 0 1.2rem;font-size:.9rem;line-height:1.65}.js-adv-course-root .cat-topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.js-adv-course-root .jsadv-topic-card,.js-adv-course-root .all-jsadv-topic-card{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--text-primary);cursor:pointer;border-radius:14px;flex-direction:column;gap:.7rem;padding:1.2rem 1.3rem;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.js-adv-course-root .jsadv-topic-card:before,.js-adv-course-root .all-jsadv-topic-card:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--cat-glow,var(--topics-cyan)) 5%, transparent), transparent 60%);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .25s;position:absolute;inset:0}.js-adv-course-root .jsadv-topic-card:hover,.js-adv-course-root .all-jsadv-topic-card:hover{border-color:color-mix(in srgb, var(--cat-glow,var(--topics-cyan)) 55%, transparent);box-shadow:0 8px 30px color-mix(in srgb, var(--cat-glow,var(--topics-cyan)) 18%, transparent), 0 2px 8px #0000000f;transform:translateY(-4px)}.js-adv-course-root .jsadv-topic-card:hover:before,.js-adv-course-root .all-jsadv-topic-card:hover:before{opacity:1}html.dark .js-adv-course-root .jsadv-topic-card,html.dark .js-adv-course-root .all-jsadv-topic-card{border-color:var(--text-muted);background:#ffffff09}html.dark .js-adv-course-root .jsadv-topic-card:hover,html.dark .js-adv-course-root .all-jsadv-topic-card:hover{border-color:color-mix(in srgb, var(--cat-glow,var(--topics-cyan)) 50%, transparent);background:#ffffff0f}.js-adv-course-root .jsadv-topic-card__body{flex-direction:column;flex:1;gap:.4rem;display:flex}.js-adv-course-root .jsadv-topic-card__title{color:var(--text-primary);margin:0;font-size:.97rem;font-weight:660;line-height:1.4;transition:color .2s}.js-adv-course-root .jsadv-topic-card:hover .jsadv-topic-card__title,.js-adv-course-root .all-jsadv-topic-card:hover .jsadv-topic-card__title{color:color-mix(in srgb, var(--cat-glow,var(--topics-cyan)) 90%, var(--text-primary))}.js-adv-course-root .jsadv-topic-card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.js-adv-course-root .jsadv-topic-card__footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.js-adv-course-root .jsadv-topic-card__meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.js-adv-course-root .jsadv-topic-card__arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:color .2s,transform .2s}.js-adv-course-root .jsadv-topic-card:hover .jsadv-topic-card__arrow,.js-adv-course-root .all-jsadv-topic-card:hover .jsadv-topic-card__arrow{color:var(--cat-glow,var(--topics-cyan));transform:translate(4px)}.js-adv-course-root .jsadv-difficulty-badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:6px;align-items:center;padding:.22rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.js-adv-course-root .diff--beginner{color:#059669;background:#10b98124;border:1px solid #10b98147}.js-adv-course-root .diff--intermediate{color:#92700a;background:#06b6d426;border:1px solid #06b6d459}html.dark .js-adv-course-root .diff--intermediate{color:#d4a800}.js-adv-course-root .diff--advanced{color:#dc2626;background:#ef44441f;border:1px solid #ef444447}.js-adv-course-root .diff--expert{color:#7c3aed;background:#8b5cf624;border:1px solid #8b5cf647}.js-adv-course-root .jsadv-time-badge{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.74rem;display:inline-flex}.js-adv-course-root .jsadv-time-badge i{opacity:.75;font-size:.78rem}.js-adv-course-root .jsadv-all-topics-count{color:var(--text-muted);margin-bottom:1.2rem;font-size:.88rem}.js-adv-course-root .jsadv-all-topics-count strong{color:var(--text-primary)}.js-adv-course-root .jsadv-all-topics-count em{color:var(--topics-cyan);font-style:normal;font-weight:600}.js-adv-course-root .jsadv-all-topics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.js-adv-course-root .jsadv-cat-chip{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.js-adv-course-root .jsadv-cat-chip i{font-size:.78rem}.js-adv-course-root .jsadv-topics-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.js-adv-course-root .jsadv-topics-empty i{opacity:.35;font-size:2.8rem}.js-adv-course-root .jsadv-topics-empty p{margin:0;font-size:1rem}.js-adv-course-root .jsadv-topics-empty p strong{color:var(--text-primary)}.js-adv-course-root .jsadv-topics-empty__reset{background:var(--topics-cyan);color:var(--topics-navy);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.88rem;font-weight:700;transition:background .2s,transform .15s;display:inline-flex}.js-adv-course-root .jsadv-topics-empty__reset:hover{background:var(--topics-cyan-dk);transform:translateY(-1px)}.js-adv-course-root .jsadv-back-top-btn{z-index:100;background:var(--topics-cyan);width:44px;height:44px;color:var(--topics-navy);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,transform .2s,box-shadow .2s;animation:.3s back-top-in;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #06b6d466}.js-adv-course-root .jsadv-back-top-btn:hover{background:var(--topics-cyan-dk);transform:translateY(-3px);box-shadow:0 8px 28px #06b6d48c}.js-adv-course-root .jsadv-back-top-btn:active{transform:translateY(0)}html.dark .js-adv-course-root .jsadv-topics-page{background:#0d0d1a}html.dark .js-adv-course-root .cat-section-header{border-bottom-color:var(--text-muted)}html.dark .js-adv-course-root .view-toggle{border-color:var(--text-muted);background:#ffffff0a}html.dark .js-adv-course-root .cat-pill{border-color:var(--text-muted);color:var(--text-muted);background:#ffffff0a}html.dark .js-adv-course-root .cat-pill:hover{background:color-mix(in srgb, var(--pill-color,var(--topics-cyan)) 10%, transparent)}html.dark .js-adv-course-root .jsadv-topics-empty i{opacity:.2}@media (width<=900px){.js-adv-course-root .jsadv-topics-hero{padding:4rem 1.5rem 3rem}.js-adv-course-root .cat-topic-grid,.js-adv-course-root .jsadv-all-topics-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.js-adv-course-root .jsadv-topics-hero{padding:3.5rem 1.25rem 2.5rem}.js-adv-course-root .jsadv-topics-hero__title{font-size:1.85rem}.js-adv-course-root .jsadv-topics-hero__subtitle{font-size:.93rem}.js-adv-course-root .jsadv-topics-controls{padding:1.2rem 1.25rem 0}.js-adv-course-root .categories-container{gap:2.5rem;padding:1.5rem 1.25rem 3rem}.js-adv-course-root .cat-topic-grid,.js-adv-course-root .jsadv-all-topics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.js-adv-course-root .jsadv-topics-stats-bar{gap:.5rem 1.2rem;font-size:.83rem}.js-adv-course-root .view-toggle{justify-content:center;width:100%}.js-adv-course-root .view-btn{flex:1;justify-content:center}}@media (width<=480px){.js-adv-course-root .jsadv-topics-hero{padding:3rem 1rem 2rem}.js-adv-course-root .jsadv-topics-hero__title{font-size:1.55rem}.js-adv-course-root .cat-topic-grid,.js-adv-course-root .jsadv-all-topics-grid{grid-template-columns:1fr}.js-adv-course-root .cat-section-title{font-size:1.1rem}.js-adv-course-root .jsadv-category-pills{gap:.4rem}.js-adv-course-root .cat-pill{padding:.3rem .75rem;font-size:.76rem}.js-adv-course-root .jsadv-back-top-btn{width:40px;height:40px;bottom:1.25rem;right:1.25rem}}@media (prefers-reduced-motion:reduce){.js-adv-course-root .jsadv-topics-hero,.js-adv-course-root .jsadv-topic-card,.js-adv-course-root .all-jsadv-topic-card,.js-adv-course-root .cat-pill,.js-adv-course-root .jsadv-back-top-btn,.js-adv-course-root .jsadv-topics-hero__blob--1,.js-adv-course-root .jsadv-topics-hero__blob--2{transition:none!important;animation:none!important}.js-adv-course-root .jsadv-topics-hero{opacity:1;transform:none}}.js-adv-course-root{--tnm-bg:#fff;--tnm-bg-alt:#f7f7fc;--tnm-border:#1e1e461a;--tnm-border-accent:#06b6d44d;--tnm-text:#2e2e50;--tnm-text-muted:#7878a0;--tnm-text-faint:#aaaac8;--tnm-link:#3a3a60;--tnm-link-hover-bg:#06b6d417;--tnm-link-hover-clr:#b89e00;--tnm-active-bg:#06b6d421;--tnm-active-clr:#b89e00;--tnm-cat-header-bg:#f7f7fc;--tnm-cat-header-hover:#06b6d412;--tnm-search-bg:#f2f2f8;--tnm-search-border:#1e1e4624;--tnm-scrollbar-thumb:#06b6d459;--tnm-footer-bg:#f7f7fc;--tnm-overlay-bg:#0a0a1c8c}html.dark .js-adv-course-root{--tnm-bg:#0d0d1e;--tnm-bg-alt:#11112a;--tnm-border:#06b6d414;--tnm-border-accent:#06b6d42e;--tnm-text:#d8d8f0;--tnm-text-muted:#6868a0;--tnm-text-faint:#3a3a58;--tnm-link:#b8b8d8;--tnm-link-hover-bg:#06b6d414;--tnm-link-hover-clr:#06b6d4;--tnm-active-bg:#06b6d41c;--tnm-active-clr:#06b6d4;--tnm-cat-header-bg:#11112a;--tnm-cat-header-hover:#06b6d40f;--tnm-search-bg:#0a0a1a;--tnm-search-border:#06b6d41a;--tnm-scrollbar-thumb:#06b6d438;--tnm-footer-bg:#0a0a1a;--tnm-overlay-bg:#000000ad}.tnm-overlay{z-index:1099;background:var(--tnm-overlay-bg);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.tnm-overlay--open{opacity:1;pointer-events:all}.tnm-drawer{background:var(--tnm-bg);z-index:1100;width:340px;height:100vh;box-shadow:none;will-change:transform;overscroll-behavior:contain;flex-direction:column;transition:transform .34s cubic-bezier(.4,0,.2,1),box-shadow .34s;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.tnm-drawer--open{transform:translate(0);box-shadow:10px 0 40px #00000047,1px 0 #06b6d41a}html.dark .js-adv-course-root .tnm-drawer--open{box-shadow:12px 0 52px #0009,1px 0 #06b6d414}.tnm-header{border-bottom:1.5px solid var(--tnm-border-accent);background:var(--tnm-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 16px;display:flex;position:relative}.tnm-header:after{content:"";background:#06b6d4;border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 10px #06b6d480}.tnm-brand{flex-direction:column;gap:3px;min-width:0;display:flex}.tnm-logo{color:#06b6d4;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 0 16px #06b6d44d;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.08rem;font-weight:800;line-height:1.2}.tnm-subtitle{letter-spacing:.14em;text-transform:uppercase;color:var(--tnm-text-muted);-webkit-user-select:none;user-select:none;font-size:.62rem;font-weight:700;line-height:1}.tnm-close{border:1px solid var(--tnm-border);width:36px;height:36px;color:var(--tnm-text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .16s;display:flex}.tnm-close:hover{color:#1a1a2e;background:#06b6d4;border-color:#06b6d4;transform:rotate(90deg);box-shadow:0 0 12px #06b6d459}.tnm-close:active{transform:rotate(90deg)scale(.9)}.tnm-close:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.tnm-search-wrap{border-bottom:1px solid var(--tnm-border);background:var(--tnm-bg);flex-shrink:0;padding:12px 16px 10px}.tnm-search-inner{align-items:center;display:flex;position:relative}.tnm-search-icon{color:var(--tnm-text-muted);pointer-events:none;z-index:1;font-size:.82rem;transition:color .18s;position:absolute;left:12px}.tnm-search-inner:focus-within .tnm-search-icon{color:#06b6d4}.tnm-search{border:1.5px solid var(--tnm-search-border);background:var(--tnm-search-bg);width:100%;color:var(--tnm-text);appearance:none;border-radius:10px;outline:none;padding:10px 36px;font-family:inherit;font-size:.875rem;transition:border-color .2s,background .2s,box-shadow .2s}.tnm-search::placeholder{color:var(--tnm-text-faint)}.tnm-search:hover{border-color:#06b6d466}.tnm-search:focus{background:var(--tnm-bg);border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d429}.tnm-search-clear{width:22px;height:22px;color:var(--tnm-text-muted);cursor:pointer;background:#1e1e461a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;line-height:1;transition:background .16s,color .16s,transform .14s;display:flex;position:absolute;right:8px}html.dark .js-adv-course-root .tnm-search-clear{background:#ffffff12}.tnm-search-clear:hover{color:#1a1a2e;background:#06b6d4;transform:scale(1.1)}.tnm-search-clear:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.tnm-result-count{color:var(--tnm-text-muted);letter-spacing:.02em;margin:6px 2px 0;font-size:.72rem;font-weight:500}.tnm-body{scroll-behavior:smooth;overscroll-behavior:contain;flex:1;padding:6px 10px 24px;overflow-y:auto}.tnm-body::-webkit-scrollbar{width:4px}.tnm-body::-webkit-scrollbar-track{background:0 0}.tnm-body::-webkit-scrollbar-thumb{background:var(--tnm-scrollbar-thumb);border-radius:99px}.tnm-body::-webkit-scrollbar-thumb:hover{background:#06b6d499}.tnm-category{margin-bottom:4px}.tnm-category:last-child{margin-bottom:0}.tnm-cat-header{background:var(--tnm-cat-header-bg);width:100%;color:var(--tnm-text-muted);cursor:pointer;text-align:left;z-index:2;outline-offset:2px;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:2px;padding:10px 10px 8px;font-family:inherit;transition:background .18s,color .18s;display:flex;position:sticky;top:0}.tnm-cat-header:hover,.tnm-cat-header--open{background:var(--tnm-cat-header-hover);color:var(--tnm-text)}.tnm-cat-header:disabled{cursor:default}.tnm-cat-header:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.tnm-cat-icon{flex-shrink:0;font-size:.85rem;line-height:1}.tnm-cat-name{text-transform:uppercase;letter-spacing:.09em;color:#06b6d4;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:1;min-width:0;font-size:.68rem;font-weight:800;overflow:hidden}.tnm-cat-count{color:#c9a800;-webkit-user-select:none;user-select:none;background:#06b6d41a;border:1px solid #06b6d433;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}html.dark .js-adv-course-root .tnm-cat-count{color:#06b6d4;background:#06b6d414}.tnm-cat-chevron{color:var(--tnm-text-muted);flex-shrink:0;font-size:.7rem;line-height:1;transition:transform .26s cubic-bezier(.4,0,.2,1)}.tnm-cat-chevron--open{color:#06b6d4;transform:rotate(90deg)}.tnm-topic-panel{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.tnm-topic-panel--open{grid-template-rows:1fr}.tnm-topic-list{flex-direction:column;gap:1px;min-height:0;margin:0;padding:2px 0 6px;list-style:none;display:flex;overflow:hidden}.tnm-topic-link{color:var(--tnm-link);outline-offset:2px;border-radius:8px;align-items:center;gap:9px;padding:8px 10px 8px 18px;text-decoration:none;transition:background .16s,color .16s,transform .12s;display:flex;position:relative}.tnm-topic-link:hover{background:var(--tnm-link-hover-bg);color:var(--tnm-link-hover-clr);text-decoration:none;transform:translate(3px)}.tnm-topic-link:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.tnm-topic-link--active{background:var(--tnm-active-bg);color:var(--tnm-active-clr);font-weight:600}.tnm-topic-link--active:hover{transform:translate(3px)}.tnm-dot{background:#1e1e4626;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .16s,transform .16s}html.dark .js-adv-course-root .tnm-dot{background:#ffffff1f}.tnm-topic-link:hover .tnm-dot{background:#06b6d499;transform:scale(1.3)}.tnm-dot--active{background:#06b6d4;transform:scale(1.2);box-shadow:0 0 6px #06b6d48c}.tnm-topic-link--active:hover .tnm-dot{background:#06b6d4}.tnm-topic-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tnm-topic-title{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:.855rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}.tnm-topic-id{color:var(--tnm-text-muted);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.68rem;font-weight:500;line-height:1;transition:color .16s;display:block;overflow:hidden}.tnm-topic-link:hover .tnm-topic-id,.tnm-topic-link--active .tnm-topic-id{color:inherit;opacity:.65}.tnm-active-chevron{color:#06b6d4;opacity:.75;flex-shrink:0;font-size:.7rem;line-height:1}.tnm-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.tnm-empty-icon{color:#06b6d440;font-size:2.5rem;display:block}.tnm-empty-title{color:var(--tnm-text-muted);margin:0;font-size:.95rem;font-weight:700}.tnm-empty-hint{color:var(--tnm-text-faint);margin:0;font-size:.8rem;line-height:1.65}.tnm-empty-code{color:#c9a800;background:#06b6d41a;border:1px solid #06b6d42e;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}html.dark .js-adv-course-root .tnm-empty-code{color:#06b6d4;background:#06b6d412}.tnm-footer{border-top:1px solid var(--tnm-border);background:var(--tnm-footer-bg);flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;display:flex}.tnm-footer-text{color:var(--tnm-text-muted);letter-spacing:.02em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.7rem;display:flex}.tnm-footer-text i{color:#06b6d466;font-size:.78rem}@media (width<=768px){.tnm-drawer{width:88vw;max-width:340px}}@media (width<=480px){.tnm-drawer{border-radius:0;width:100vw;max-width:100vw}.tnm-header{padding:14px 16px 12px}.tnm-search-wrap{padding:10px 14px 8px}.tnm-body{padding:4px 8px 20px}.tnm-cat-header{padding:9px 8px 7px}.tnm-topic-link{padding:9px 8px 9px 16px}}@media (prefers-reduced-motion:reduce){.tnm-overlay,.tnm-drawer,.tnm-close,.tnm-search,.tnm-search-clear,.tnm-cat-chevron,.tnm-topic-panel,.tnm-topic-link,.tnm-dot{transition:none!important;animation:none!important}.tnm-close:hover,.tnm-search-clear:hover,.tnm-topic-link:hover{transform:none}.tnm-dot{transform:none!important}.tnm-cat-chevron--open{transform:rotate(90deg)}}.js-adv-course-root{--jsadv-cyan:#06b6d4;--jsadv-cyan-dim:#38bdf8;--jsadv-cyan-faint:#06b6d41f;--js-navy:var(--bg);--js-navy-mid:var(--surface);--js-navy-light:var(--surface);--bg-dark:#111827;--bg-darker:#0d1117;--bg-panel:#1e1e1e;--border-dark:#ffffff12;--text-muted:#6b7280;--text-dim:#9ca3af;--text-light:#d1d5db;--text-white:#f9fafb;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--shadow-panel:0 4px 20px #00000059}.js-adv-course-root .topic-page{min-height:100vh;font-family:var(--font-sans);color:#1f2937;background-color:#f0f2f5;flex-direction:column;transition:background-color .3s;display:flex}.js-adv-course-root .topic-page--dark{color:var(--text-light);background-color:#0a0a14}@keyframes jsadvTopicFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.js-adv-course-root .animate-topic-fade{animation:.5s ease-out both jsadvTopicFadeIn}.js-adv-course-root .topic-loading-overlay{background:linear-gradient(135deg, var(--js-navy) 0%, var(--js-navy-mid) 45%, var(--js-navy-light) 100%);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.22s forwards jsadvOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes jsadvOverlayFadeIn{0%{opacity:0}to{opacity:1}}.js-adv-course-root .topic-loading-overlay.fade-out{pointer-events:none;animation:.42s forwards jsadvOverlayFadeOut}@keyframes jsadvOverlayFadeOut{0%{opacity:1}to{opacity:0}}.js-adv-course-root .loading-logo-wrap{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.js-adv-course-root .loading-spinner-ring{border:4px solid #06b6d42e;border-top-color:var(--jsadv-cyan);border-right-color:#06b6d48c;border-radius:50%;animation:.9s linear infinite jsadvSpinRing;position:absolute;inset:0}@keyframes jsadvSpinRing{to{transform:rotate(360deg)}}.js-adv-course-root .loading-js-text{font-family:var(--font-mono);color:var(--jsadv-cyan);letter-spacing:-.02em;text-shadow:0 0 20px #06b6d499;font-size:1.55rem;font-weight:900;animation:.9s ease-in-out infinite alternate jsadvJsPulse}@keyframes jsadvJsPulse{0%{opacity:.75;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}.js-adv-course-root .loading-topic-name{font-family:var(--font-mono);color:#06b6d4f2;border-radius:var(--radius-full);letter-spacing:.03em;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#06b6d41f;border:1.5px solid #06b6d452;max-width:280px;padding:.38rem 1.2rem;font-size:.95rem;font-weight:700;overflow:hidden}.js-adv-course-root .loading-dots{gap:.5rem;display:flex}.js-adv-course-root .loading-dot{background:#06b6d4d9;border-radius:50%;width:10px;height:10px;animation:.65s ease-in-out infinite jsadvDotBounce}.js-adv-course-root .loading-dot:first-child{animation-delay:0s}.js-adv-course-root .loading-dot:nth-child(2){animation-delay:.13s}.js-adv-course-root .loading-dot:nth-child(3){animation-delay:.26s}@keyframes jsadvDotBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.45;transform:translateY(-13px)}}.js-adv-course-root .loading-caption{color:#06b6d48c;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:500}.js-adv-course-root .topic-page-header{background:linear-gradient(to right, var(--js-navy) 0%, var(--js-navy-mid) 60%, #124 100%);z-index:200;flex-shrink:0;height:60px;padding:0 1rem;position:sticky;top:0;box-shadow:0 2px 16px #00000073}.js-adv-course-root .topic-header-inner{justify-content:space-between;align-items:center;gap:.75rem;width:100%;height:100%;display:flex}.js-adv-course-root .topic-back-btn{border-radius:var(--radius-sm);color:#06b6d4e6;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;border:1.5px solid #06b6d473;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.js-adv-course-root .topic-back-btn:hover{border-color:var(--jsadv-cyan);color:var(--jsadv-cyan);background:#06b6d41f}.js-adv-course-root .topic-header-title{text-align:center;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg, var(--jsadv-cyan) 30%, var(--jsadv-cyan-dim) 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px 8px #06b6d44d);-webkit-background-clip:text;background-clip:text;flex:1;margin:0;font-size:clamp(.9rem,2.4vw,1.5rem);font-weight:900;overflow:hidden}.js-adv-course-root .topic-menu-trigger{cursor:pointer;background:#06b6d414;border:1.5px solid #06b6d459;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:36px;padding:0 8px;transition:background .2s,border-color .2s;display:flex}.js-adv-course-root .topic-menu-trigger:hover{background:#06b6d42e;border-color:#06b6d4b3}.js-adv-course-root .topic-menu-trigger span{background:#06b6d4d9;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.js-adv-course-root .topic-info-banner{border-left:4px solid var(--jsadv-cyan);background:#06b6d412;flex-shrink:0;padding:.7rem 1.1rem}.js-adv-course-root .topic-page--dark .topic-info-banner{background:#06b6d40f}.js-adv-course-root .topic-info-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.js-adv-course-root .topic-info-left{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.js-adv-course-root .topic-info-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.js-adv-course-root .topic-info-title{color:#1a1a2e;font-size:.9rem;font-weight:700}.js-adv-course-root .topic-page--dark .topic-info-title{color:var(--jsadv-cyan)}.js-adv-course-root .topic-info-category{color:#374151;border-radius:var(--radius-full);letter-spacing:.03em;background:#1a1a2e14;padding:.18rem .55rem;font-size:.75rem;font-weight:600}.js-adv-course-root .topic-page--dark .topic-info-category{color:#06b6d4b3;background:#06b6d41a}.js-adv-course-root .topic-difficulty-badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;padding:.2rem .65rem;font-size:.72rem;font-weight:700}.js-adv-course-root .topic-time-badge{color:#4b5563;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;display:inline-flex}.js-adv-course-root .topic-page--dark .topic-time-badge{color:var(--text-dim)}.js-adv-course-root .topic-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;padding:.85rem .85rem 1.5rem;display:flex}.js-adv-course-root .topic-panels-grid{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:.85rem;min-height:calc(100vh - 180px);display:grid}@media (width<=768px){.js-adv-course-root .topic-panels-grid{min-height:unset;grid-template-columns:1fr}}.js-adv-course-root .editor-panel{background:var(--bg-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);border:1px solid #06b6d41a;flex-direction:column;min-height:560px;transition:box-shadow .25s;display:flex;overflow:hidden}.js-adv-course-root .editor-panel:hover{box-shadow:0 6px 28px #0006,0 0 0 1px #06b6d41f}.js-adv-course-root .editor-panel-header{background:var(--bg-dark);border-bottom:1px solid var(--border-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.js-adv-course-root .editor-panel-header-left{align-items:center;gap:.55rem;display:flex}.js-adv-course-root .editor-lang-badge{background:var(--jsadv-cyan);color:var(--js-navy);font-size:.7rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.18rem .58rem}.js-adv-course-root .editor-label-text{color:var(--text-muted);font-size:.78rem;font-weight:500}.js-adv-course-root .editor-dots{gap:.38rem;display:flex}.js-adv-course-root .editor-dot{border-radius:50%;width:11px;height:11px}.js-adv-course-root .editor-dot.red{background:#ef4444}.js-adv-course-root .editor-dot.yellow{background:#f59e0b}.js-adv-course-root .editor-dot.green{background:#22c55e}.js-adv-course-root .editor-monaco-wrap{flex:1;min-height:0;overflow:hidden}.js-adv-course-root .editor-actions-bar{background:var(--bg-dark);border-top:1px solid var(--border-dark);flex-wrap:wrap;flex-shrink:0;gap:.5rem;padding:.55rem .8rem;display:flex}.js-adv-course-root .action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:.03em;font-size:.8rem;font-weight:700;font-family:var(--font-sans);border:none;align-items:center;gap:.38rem;padding:.42rem 1rem;transition:filter .18s,transform .15s,box-shadow .18s;display:inline-flex}.js-adv-course-root .action-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.js-adv-course-root .action-btn:active{filter:brightness(.95);transform:translateY(0)}.js-adv-course-root .action-btn svg{flex-shrink:0;width:13px;height:13px}.js-adv-course-root .action-btn.run{color:#fff;background:#16a34a;box-shadow:0 2px 10px #16a34a59}.js-adv-course-root .action-btn.run:hover{box-shadow:0 4px 14px #16a34a80}.js-adv-course-root .action-btn.copy{color:#fff;background:#2563eb;box-shadow:0 2px 10px #2563eb4d}.js-adv-course-root .action-btn.reset{color:#e5e7eb;background:#4b5563}.js-adv-course-root .action-btn.download{color:#fff;background:#7c3aed;box-shadow:0 2px 10px #7c3aed4d}.js-adv-course-root .output-panel{background:var(--bg-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);border:1px solid #06b6d41a;flex-direction:column;min-height:560px;transition:box-shadow .25s;display:flex;overflow:hidden}.js-adv-course-root .output-panel:hover{box-shadow:0 6px 28px #0006,0 0 0 1px #06b6d41f}.js-adv-course-root .output-tabs{background:var(--bg-dark);border-bottom:1px solid var(--border-dark);flex-shrink:0;align-items:stretch;height:42px;display:flex;overflow:hidden}.js-adv-course-root .output-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.02em;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:0 1rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.js-adv-course-root .output-tab:hover{color:var(--text-dim);background:var(--surface)}.js-adv-course-root .output-tab--active{color:var(--jsadv-cyan);border-bottom-color:var(--jsadv-cyan);background:#06b6d40d}.js-adv-course-root .output-tab--active svg{stroke:var(--jsadv-cyan)}.js-adv-course-root .output-tab-count{background:var(--jsadv-cyan);color:var(--js-navy);border-radius:var(--radius-full);text-align:center;min-width:18px;padding:.05rem .38rem;font-size:.62rem;font-weight:800}.js-adv-course-root .output-run-hint{color:#374151;white-space:nowrap;opacity:.55;align-self:center;margin-left:auto;padding-right:.9rem;font-size:.72rem;font-style:italic}.js-adv-course-root .output-tab-panel{flex-direction:column;flex:1;display:none;overflow:hidden}.js-adv-course-root .output-tab-panel--visible{flex-direction:column;flex:1;animation:.2s ease-out panelSlideIn;display:flex}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.js-adv-course-root .console-output{font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:#06b6d44d transparent;background:#0b0b18;flex:1;padding:.5rem .4rem;font-size:.8rem;overflow-y:auto}.js-adv-course-root .console-output::-webkit-scrollbar{width:5px}.js-adv-course-root .console-output::-webkit-scrollbar-track{background:0 0}.js-adv-course-root .console-output::-webkit-scrollbar-thumb{background:#06b6d440;border-radius:4px}.js-adv-course-root .console-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;min-height:240px;padding:2rem;display:flex}.js-adv-course-root .console-empty svg{stroke:#06b6d433}.js-adv-course-root .console-empty p{color:var(--text-dim);margin:0;font-size:.88rem}.js-adv-course-root .console-empty p strong{color:var(--jsadv-cyan)}.js-adv-course-root .console-empty span{color:var(--text-muted);font-size:.78rem}.js-adv-course-root .console-lines{flex-direction:column;display:flex}.js-adv-course-root .console-line{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.45rem;padding:.22rem .55rem;transition:background .1s;display:flex}.js-adv-course-root .console-line:hover{background:var(--surface)}.js-adv-course-root .console-ts{color:#374151;min-width:55px;font-size:.67rem;font-family:var(--font-mono);flex-shrink:0;padding-top:1px}.js-adv-course-root .console-icon{text-align:center;flex-shrink:0;width:15px;padding-top:1px;font-size:.75rem}.js-adv-course-root .console-text{word-break:break-word;white-space:pre-wrap;flex:1;line-height:1.55}.js-adv-course-root .console-line--log .console-icon{color:var(--text-muted)}.js-adv-course-root .console-line--log .console-text{color:#c9d1d9}.js-adv-course-root .console-line--warn{background:#f59e0b0d;border-left:2px solid #f59e0b80}.js-adv-course-root .console-line--warn .console-icon{color:#f59e0b}.js-adv-course-root .console-line--warn .console-text{color:#fcd34d}.js-adv-course-root .console-line--warn .console-ts{color:#92400e}.js-adv-course-root .console-line--error{background:#ef44440f;border-left:2px solid #ef444480}.js-adv-course-root .console-line--error .console-icon{color:#ef4444}.js-adv-course-root .console-line--error .console-text{color:#fca5a5}.js-adv-course-root .console-line--error .console-ts{color:#7f1d1d}.js-adv-course-root .console-line--done{background:#22c55e0d;border-top:1px solid #22c55e1a;margin-top:2px}.js-adv-course-root .console-line--done .console-icon{color:#22c55e}.js-adv-course-root .console-line--done .console-text{color:#86efac;font-style:italic}.js-adv-course-root .console-line--done .console-ts{color:#14532d}.js-adv-course-root .theory-content{scrollbar-width:thin;scrollbar-color:#06b6d440 transparent;background:#111827;flex:1;padding:1.25rem 1.1rem;overflow-y:auto}.js-adv-course-root .theory-content::-webkit-scrollbar{width:5px}.js-adv-course-root .theory-content::-webkit-scrollbar-thumb{background:#06b6d433;border-radius:4px}.js-adv-course-root .theory-section{margin-bottom:1.6rem}.js-adv-course-root .theory-section:last-of-type{margin-bottom:1rem}.js-adv-course-root .theory-section-title{color:var(--jsadv-cyan);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #06b6d41f;align-items:center;gap:.45rem;margin:0 0 .85rem;padding-bottom:.45rem;font-size:.72rem;font-weight:800;display:flex}.js-adv-course-root .theory-section-title svg{stroke:var(--jsadv-cyan);opacity:.85;flex-shrink:0}.js-adv-course-root .theory-description{color:var(--text-dim);margin:0;font-size:.875rem;line-height:1.72}.js-adv-course-root .keypoints-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.js-adv-course-root .keypoint-item{color:var(--text-light);align-items:flex-start;gap:.55rem;font-size:.865rem;line-height:1.6;display:flex}.js-adv-course-root .keypoint-bullet{background:#06b6d41a;border:1px solid #06b6d440;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.js-adv-course-root .keypoint-bullet svg{stroke:var(--jsadv-cyan);flex-shrink:0}.js-adv-course-root .theory-tip{color:#06b6d4b3;border-radius:var(--radius-sm);background:#06b6d412;border:1px solid #06b6d42e;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem .9rem;font-size:.8rem;display:flex}.js-adv-course-root .theory-tip svg{stroke:var(--jsadv-cyan);opacity:.75;flex-shrink:0}.js-adv-course-root .theory-tip strong{color:var(--jsadv-cyan)}.js-adv-course-root .theory-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;min-height:240px;padding:2rem;display:flex}.js-adv-course-root .theory-empty svg{stroke:#06b6d42e}.js-adv-course-root .theory-empty p{color:var(--text-dim);margin:0;font-size:.88rem}.js-adv-course-root .theory-empty p strong{color:#06b6d4b3}.js-adv-course-root .theory-empty span{color:var(--text-muted);font-size:.78rem}@media (width<=1024px){.js-adv-course-root .topic-header-title{font-size:clamp(.85rem,2vw,1.2rem)}}@media (width<=768px){.js-adv-course-root .topic-main{padding:.6rem .6rem 1.2rem}.js-adv-course-root .topic-panels-grid{grid-template-columns:1fr;gap:.7rem}.js-adv-course-root .editor-panel,.js-adv-course-root .output-panel{min-height:460px}.js-adv-course-root .output-run-hint{display:none}}@media (width<=480px){.js-adv-course-root .topic-page-header{height:52px;padding:0 .7rem}.js-adv-course-root .topic-header-title{letter-spacing:.02em;font-size:.82rem}.js-adv-course-root .topic-back-btn{padding:.32rem .55rem;font-size:.74rem}.js-adv-course-root .topic-menu-trigger{width:34px;height:32px}.js-adv-course-root .action-btn{padding:.38rem .7rem;font-size:.76rem}.js-adv-course-root .topic-info-banner{padding:.55rem .75rem}.js-adv-course-root .topic-info-title{font-size:.82rem}.js-adv-course-root .loading-js-text{font-size:1.3rem}.js-adv-course-root .loading-topic-name{max-width:220px;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.js-adv-course-root .loading-spinner-ring,.js-adv-course-root .loading-js-text,.js-adv-course-root .loading-dot,.js-adv-course-root .animate-topic-fade,.js-adv-course-root .output-tab-panel--visible{transition:none!important;animation:none!important}}.js-adv-course-root .editor-panel-header{justify-content:space-between}.js-adv-course-root .editor-lang-tabs{align-items:center;gap:.25rem;display:flex}.js-adv-course-root .editor-lang-tab{border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ffffff1a;align-items:center;padding:.28rem .75rem;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.js-adv-course-root .editor-lang-tab:hover{color:var(--text-light);background:#ffffff0f;border-color:#fff3}.js-adv-course-root .editor-lang-tab--active{background:color-mix(in srgb, var(--lang-color) 18%, transparent);color:var(--lang-color);border-color:color-mix(in srgb, var(--lang-color) 55%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--lang-color) 20%, transparent)}@supports not (color:color-mix(in srgb, red 50%, blue)){.js-adv-course-root .editor-lang-tab--active{color:#f9fafb;background:#ffffff1a;border-color:#ffffff59}}.js-adv-course-root .editor-panel-header-right{align-items:center;gap:.55rem;display:flex}.js-adv-course-root .preview-wrap{background:#fff;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.js-adv-course-root .preview-iframe{background:#fff;border:none;flex:1;width:100%;height:100%;display:block}.js-adv-course-root .preview-iframe:not([srcdoc])~.preview-empty-hint,.js-adv-course-root .preview-iframe[srcdoc=""]~.preview-empty-hint{display:flex}.js-adv-course-root .preview-empty-hint{text-align:center;pointer-events:none;background:#0b0b18;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:none;position:absolute;inset:0}.js-adv-course-root .preview-empty-hint svg{stroke:#06b6d433}.js-adv-course-root .preview-empty-hint p{color:var(--text-dim);margin:0;font-size:.88rem}.js-adv-course-root .preview-empty-hint p strong{color:var(--jsadv-cyan)}.js-adv-course-root .preview-empty-hint span{color:var(--text-muted);font-size:.78rem}.compiler-page{--jsadv-cyan:#06b6d4;--jsadv-cyan-dim:#38bdf8;--jsadv-cyan-faint:#06b6d41a;--jsadv-cyan-border:#06b6d42e;--js-navy:#12192e;--js-navy-mid:#fff;--bg-header:#fffffff7;--bg-editor:#1e1e1e;--bg-tabs:#e8eaf2;--bg-console:#1e2030;--bg-preview:#fff;--border-subtle:#06b6d424;--border-yellow:#06b6d433;--text-primary:#12192e;--text-dim:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--surface:#fff;--border-color:#06b6d42e;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--header-h:52px;--tabs-h:40px;--console-collapsed:36px;--console-expanded:224px;--transition-fast:.15s ease;--transition-med:.25s ease}.compiler-page--dark{--js-navy:#0a0e1a;--js-navy-mid:#131824;--bg-header:#0a0a1af7;--bg-tabs:#111827;--bg-console:#0d1117;--border-subtle:#ffffff0f;--border-yellow:#06b6d426;--text-primary:#f9fafb;--text-dim:#9ca3af;--text-muted:#6b7280;--text-faint:#374151;--surface:#1a2030;--border-color:#ffffff14}.compiler-page{height:100vh;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background:#f4f6fb;flex-direction:column;transition:background .3s,color .3s;display:flex;overflow:hidden}.compiler-page--dark{color:#f9fafb;background:#0a0a14}.compiler-header{z-index:300;height:var(--header-h);background:var(--bg-header);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-yellow);flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;padding:0 .85rem;display:flex;position:sticky;top:0;box-shadow:0 1px #06b6d40f,0 4px 24px #00000073}.compiler-header-left{flex-shrink:0;align-items:center;gap:.55rem;min-width:0;display:flex}.compiler-back-btn{border-radius:var(--radius-sm);color:#06b6d4bf;cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#06b6d414;border:1px solid #06b6d438;flex-shrink:0;justify-content:center;align-items:center;display:flex}.compiler-back-btn:hover{color:var(--jsadv-cyan);background:#06b6d429;border-color:#06b6d480}.compiler-logo{flex-shrink:0;align-items:center;gap:.28rem;text-decoration:none;display:flex}.compiler-logo-tag{font-family:var(--font-mono);color:var(--jsadv-cyan);letter-spacing:-.04em;text-shadow:0 0 14px #06b6d466;font-size:1.05rem;font-weight:900}.compiler-logo-brand{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;font-size:.88rem;font-weight:800}.compiler-logo-dot{color:var(--jsadv-cyan);font-weight:900}.compiler-logo:hover .compiler-logo-tag{text-shadow:0 0 20px #06b6d4a6}.compiler-header-divider{background:var(--surface);border-radius:1px;flex-shrink:0;width:1px;height:22px}.compiler-header-label{color:var(--text-muted);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.compiler-header-label svg{stroke:var(--text-faint);flex-shrink:0}@media (width<=640px){.compiler-header-divider,.compiler-header-label{display:none}}.compiler-header-center{flex-shrink:0;align-items:center;display:flex}@media (width<=560px){.compiler-header-center{display:none}}.compiler-layout-switch{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.compiler-layout-btn{border-radius:var(--radius-sm);width:32px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.compiler-layout-btn:hover{background:var(--surface);color:var(--text-dim)}.compiler-layout-btn--active{color:var(--jsadv-cyan);background:#06b6d426}.compiler-layout-btn--active:hover{background:#06b6d438}.compiler-header-right{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.compiler-action-btn{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.78rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;letter-spacing:.02em;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:.35rem;padding:.38rem .7rem;display:inline-flex}.compiler-action-btn:hover{background:var(--surface);border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.compiler-action-btn:active{transform:translateY(0)}.compiler-action-btn--run{background:var(--jsadv-cyan);border-color:var(--jsadv-cyan);color:var(--js-navy);font-weight:800;box-shadow:0 2px 12px #06b6d459}.compiler-action-btn--run:hover{color:var(--js-navy);background:#ffe234;border-color:#ffe234;box-shadow:0 4px 20px #06b6d48c}.compiler-action-btn--danger{color:#f87171;background:#ef44441a;border-color:#ef444440;padding:.38rem .55rem}.compiler-action-btn--danger:hover{color:#fca5a5;background:#ef444433;border-color:#ef444473}.compiler-action-btn--icon{background:var(--surface);border-color:var(--text-muted);padding:.38rem .5rem}.compiler-btn-label{display:none}@media (width>=860px){.compiler-btn-label{display:inline}}.compiler-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.compiler-grid{flex:1;min-height:0;display:grid;overflow:hidden}.compiler-grid--split{grid-template-columns:1fr 1fr}.compiler-grid--editor,.compiler-grid--preview{grid-template-columns:1fr}@media (width<=768px){.compiler-grid--split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.editor-pane{background:var(--bg-editor);border-right:1px solid var(--border-yellow);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.compiler-tabs-bar{background:var(--bg-tabs);border-bottom:1px solid var(--border-subtle);height:var(--tabs-h);scrollbar-width:none;flex-shrink:0;align-items:center;gap:2px;padding:0 .4rem;display:flex;overflow-x:auto}.compiler-tabs-bar::-webkit-scrollbar{display:none}.compiler-tab{height:100%;color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;letter-spacing:.02em;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.38rem;padding:0 .9rem;display:inline-flex;position:relative}.compiler-tab:hover{color:var(--text-dim);background:var(--surface)}.compiler-tab--active{color:var(--tab-accent,var(--jsadv-cyan));border-bottom-color:var(--tab-accent,var(--jsadv-cyan));background:var(--surface)}.compiler-tab-dot{opacity:.65;width:7px;height:7px;transition:opacity var(--transition-fast);border-radius:50%;flex-shrink:0}.compiler-tab--active .compiler-tab-dot{opacity:1;box-shadow:0 0 6px}.compiler-tabs-spacer{flex:1;min-width:.5rem}.compiler-tabs-lang-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-xs);background:var(--surface);white-space:nowrap;opacity:.8;margin-right:.25rem;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.compiler-editor-wrap{flex:1;min-height:0;overflow:hidden}.console-panel{background:var(--bg-console);border-top:1px solid var(--border-subtle);max-height:var(--console-collapsed);flex-direction:column;flex-shrink:0;transition:max-height .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.console-panel--open{max-height:var(--console-expanded)}.console-header{height:var(--console-collapsed);cursor:default;border-bottom:1px solid #ffffff0a;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.console-header-title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.38rem;font-size:.75rem;font-weight:700;display:flex}.console-header-title svg{stroke:#06b6d466;flex-shrink:0}.console-log-count{background:var(--jsadv-cyan);color:var(--js-navy);border-radius:var(--radius-full);text-align:center;min-width:18px;padding:.04rem .36rem;font-size:.6rem;font-weight:800;line-height:1.5}.console-header-actions{align-items:center;gap:.25rem;display:flex}.console-ctrl-btn{border-radius:var(--radius-xs);color:var(--text-muted);font-size:.72rem;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.28rem;padding:.2rem .45rem;display:inline-flex}.console-ctrl-btn:hover:not(:disabled){background:var(--surface);color:var(--text-dim)}.console-ctrl-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.console-ctrl-btn--toggle{padding:.2rem .35rem}.console-body{max-height:calc(var(--console-expanded) - var(--console-collapsed) - 1px);scrollbar-width:thin;scrollbar-color:#06b6d433 transparent;flex:1;overflow-y:auto}.console-body::-webkit-scrollbar{width:4px}.console-body::-webkit-scrollbar-track{background:0 0}.console-body::-webkit-scrollbar-thumb{background:#06b6d433;border-radius:3px}.console-empty-msg{color:var(--text-faint);align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.76rem;font-style:italic;display:flex}.console-empty-msg svg{stroke:#06b6d42e;flex-shrink:0}.log-line{font-family:var(--font-mono);transition:background var(--transition-fast);border-left:2px solid #0000;align-items:flex-start;gap:.4rem;padding:.2rem .85rem;font-size:.77rem;line-height:1.5;display:flex}.log-line:last-child{border-bottom:none}.log-line:hover{background:var(--surface)}.log-icon{text-align:center;flex-shrink:0;width:14px;padding-top:1px;font-size:.7rem}.log-type{letter-spacing:.06em;flex-shrink:0;width:40px;padding-top:1px;font-size:.62rem;font-weight:700}.log-msg{color:#c9d1d9;word-break:break-word;white-space:pre-wrap;flex:1}.log-line--log{border-left-color:#0000}.log-line--log .log-icon,.log-line--log .log-type{color:var(--text-faint)}.log-line--error{background:#ef44440f;border-left-color:#ef4444}.log-line--error .log-icon,.log-line--error .log-type{color:#ef4444}.log-line--error .log-msg{color:#fca5a5}.log-line--warn{background:#f59e0b0f;border-left-color:#f59e0b}.log-line--warn .log-icon,.log-line--warn .log-type{color:#f59e0b}.log-line--warn .log-msg{color:#fcd34d}.preview-pane{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.compiler-page--dark .preview-pane{background:#f8f9fa}.preview-header{background:#1e1e1e;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.55rem;height:36px;padding:0 .75rem;display:flex}.preview-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.preview-dot{opacity:.85;width:10px;height:10px;transition:opacity var(--transition-fast);border-radius:50%;flex-shrink:0}.preview-dot--red{background:#ef4444}.preview-dot--yellow{background:var(--jsadv-cyan)}.preview-dot--green{background:#22c55e}.preview-dots:hover .preview-dot{opacity:1}.preview-url{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:.35rem;min-width:0;padding:.18rem .65rem;font-size:.7rem;display:flex;overflow:hidden}.preview-url svg{fill:#06b6d466;flex-shrink:0}.preview-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-header-actions{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.preview-action-btn{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.preview-action-btn:hover{background:var(--surface);color:var(--jsadv-cyan)}.preview-iframe{background:#fff;border:none;flex:1;width:100%;min-height:0;display:block}.compiler-page ::-webkit-scrollbar{width:8px;height:8px}.compiler-page ::-webkit-scrollbar-track{background:0 0}.compiler-page ::-webkit-scrollbar-thumb{background:#06b6d42e;border-radius:4px}.compiler-page ::-webkit-scrollbar-thumb:hover{background:#06b6d452}.compiler-page ::-webkit-scrollbar-corner{background:0 0}@media (width<=1024px) and (width>=769px){.compiler-grid--split{grid-template-columns:55% 45%}.console-panel--open{max-height:180px}}@media (width<=768px){.compiler-header{gap:.4rem;padding:0 .6rem}.compiler-grid--split{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr}.editor-pane{border-right:none;border-bottom:1px solid var(--border-yellow)}.console-panel--open{max-height:160px}.compiler-action-btn{padding:.32rem .5rem}.compiler-back-btn{width:28px;height:28px}.compiler-layout-btn{width:28px;height:26px}}@media (width<=480px){.compiler-logo-brand,.compiler-action-btn--danger{display:none}.compiler-action-btn--icon{padding:.32rem .4rem}.compiler-tabs-lang-badge,.preview-url span{display:none}}@media (prefers-reduced-motion:reduce){.compiler-page,.compiler-page *{transition:none!important;animation:none!important}}.compiler-back-btn:focus-visible,.compiler-layout-btn:focus-visible,.compiler-action-btn:focus-visible,.compiler-tab:focus-visible,.console-ctrl-btn:focus-visible,.preview-action-btn:focus-visible{outline:2px solid var(--jsadv-cyan);outline-offset:2px}.js-adv-course-root{--connect-navy:var(--bg);--connect-navy-mid:var(--surface);--connect-navy-light:var(--surface);--connect-yellow:#06b6d4;--connect-yellow-dk:#0891b2;--connect-glass:#06b6d40f;--connect-glass-b:#06b6d41f;--text-secondary:#3a4460}html.dark .js-adv-course-root{--connect-glass:#ffffff0d;--connect-glass-b:#ffffff1a;--text-secondary:#9ca3af}.js-adv-course-root .connect-page{background:var(--bg);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.js-adv-course-root .connect-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.js-adv-course-root .connect-container--narrow{max-width:760px}.js-adv-course-root .section-header{text-align:center;margin-bottom:3rem}.js-adv-course-root .section-header__title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.js-adv-course-root .section-header__sub{color:var(--text-muted);margin:0;max-width:520px;margin-inline:auto;font-size:1rem;line-height:1.6}@keyframes connect-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes connect-blob-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-40px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.92)}}@keyframes connect-blob-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.08)}66%{transform:translate(30px,-20px)scale(.95)}}@keyframes connect-blob-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,20px)scale(1.05)}}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.js-adv-course-root .connect-hero{background:linear-gradient(135deg, var(--bg) 0%, var(--surface) 50%, var(--surface) 100%);text-align:center;opacity:0;padding:6rem 2rem 5rem;transition:opacity .7s,transform .7s;position:relative;overflow:hidden;transform:translateY(20px)}.js-adv-course-root .connect-hero--visible{opacity:1;transform:translateY(0)}.js-adv-course-root .connect-hero__blob{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.js-adv-course-root .connect-hero__blob--1{background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite connect-blob-1;top:-200px;right:-150px}.js-adv-course-root .connect-hero__blob--2{background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite connect-blob-2;bottom:-180px;left:-100px}.js-adv-course-root .connect-hero__blob--3{background:radial-gradient(circle,#06b6d414 0%,#0000 70%);width:300px;height:300px;animation:15s ease-in-out infinite connect-blob-3;top:30%;left:20%}.js-adv-course-root .connect-hero__inner{z-index:2;max-width:760px;margin:0 auto;position:relative}.js-adv-course-root .connect-hero__badge{color:#06b6d4;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06b6d41f;border:1px solid #06b6d44d;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;animation:.6s .1s both connect-fade-up;display:inline-flex}.js-adv-course-root .connect-hero__title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 0%, #06b6d4 50%, #0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.2rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.1;animation:.6s .2s both connect-fade-up}.js-adv-course-root .connect-hero__subtitle{color:var(--text-muted);margin:0 0 3rem;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.7;animation:.6s .3s both connect-fade-up}.js-adv-course-root .connect-hero__stats{grid-template-columns:repeat(4,1fr);gap:1rem;animation:.6s .4s both connect-fade-up;display:grid}.js-adv-course-root .connect-stat{background:var(--surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem .75rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.js-adv-course-root .connect-stat:hover{background:#06b6d414;border-color:#06b6d440;transform:translateY(-3px)}.js-adv-course-root .connect-stat__icon{color:#06b6d4;margin-bottom:.15rem;font-size:1.4rem}.js-adv-course-root .connect-stat__value{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.js-adv-course-root .connect-stat__label{color:var(--text-muted);text-align:center;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:500}.js-adv-course-root .socials-section{padding:5rem 0}.js-adv-course-root .socials-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.js-adv-course-root .social-card{background:var(--sc-bg,#06b6d40a);border:1.5px solid var(--sc-border,#06b6d41f);color:inherit;border-radius:18px;flex-direction:column;gap:1rem;padding:1.75rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.5s both connect-fade-up;display:flex;position:relative;overflow:hidden}.js-adv-course-root .social-card:before{content:"";border-radius:inherit;background:radial-gradient(ellipse at top left, var(--sc-bg,transparent) 0%, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.js-adv-course-root .social-card:hover{box-shadow:0 16px 48px -8px color-mix(in srgb, var(--sc-color,#06b6d4) 30%, transparent);border-color:var(--sc-color,#06b6d4);transform:translateY(-6px)}.js-adv-course-root .social-card:hover:before{opacity:1}.js-adv-course-root .social-card__icon-wrap{background:var(--sc-bg,#06b6d40a);border:1.5px solid var(--sc-border,#06b6d41f);width:56px;height:56px;color:var(--sc-color,#06b6d4);z-index:1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .25s;display:flex;position:relative}.js-adv-course-root .social-card:hover .social-card__icon-wrap{transform:scale(1.1)rotate(-4deg)}.js-adv-course-root .social-card__body{z-index:1;flex-direction:column;gap:.4rem;display:flex;position:relative}.js-adv-course-root .social-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.js-adv-course-root .social-card__label{color:var(--text-primary);font-size:1.05rem;font-weight:700}.js-adv-course-root .social-card__badge{background:var(--sc-bg,#06b6d41a);border:1px solid var(--sc-border,#06b6d433);color:var(--sc-color,#06b6d4);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:.2rem .65rem;font-size:.7rem;font-weight:700}.js-adv-course-root .social-card__handle{color:var(--sc-color,#06b6d4);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;font-weight:600}.js-adv-course-root .social-card__desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.js-adv-course-root .social-card__footer{z-index:1;margin-top:auto;position:relative}.js-adv-course-root .social-card__cta{color:var(--sc-color,#06b6d4);align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;transition:gap .2s;display:inline-flex}.js-adv-course-root .social-card:hover .social-card__cta{gap:.7rem}.js-adv-course-root .faq-section{background:var(--bg-surface-alt,#06b6d405);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:5rem 0}.js-adv-course-root .faq-list{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.js-adv-course-root .faq-item{border-bottom:1px solid var(--border-color)}.js-adv-course-root .faq-item:last-child{border-bottom:none}.js-adv-course-root .faq-item--open .faq-question{color:#06b6d4;background:#06b6d40d}.js-adv-course-root .faq-question{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,color .2s;display:flex}.js-adv-course-root .faq-question:hover{color:var(--text-primary);background:#06b6d40a}.js-adv-course-root .faq-question__text{flex:1;line-height:1.5}.js-adv-course-root .faq-question__chevron{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;transition:transform .3s,background .2s;display:flex}.js-adv-course-root .faq-item--open .faq-question__chevron{background:#06b6d42e;transform:rotate(180deg)}.js-adv-course-root .faq-answer{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.js-adv-course-root .faq-answer__text{color:var(--text-secondary);margin:0;padding:0 1.75rem 1.5rem;font-size:.95rem;line-height:1.75}.js-adv-course-root .contact-section{padding:5rem 0 6rem}.js-adv-course-root .contact-form{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.js-adv-course-root .form-group{flex-direction:column;gap:.5rem;display:flex}.js-adv-course-root .form-group--error .form-input,.js-adv-course-root .form-group--error .form-textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.js-adv-course-root .form-label{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:flex}.js-adv-course-root .form-label i{color:#06b6d4;font-size:.9rem}.js-adv-course-root .form-input,.js-adv-course-root .form-textarea{background:var(--bg);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.js-adv-course-root .form-input::placeholder,.js-adv-course-root .form-textarea::placeholder{color:var(--text-muted)}.js-adv-course-root .form-input:focus,.js-adv-course-root .form-textarea:focus{background:var(--bg-surface);border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426}.js-adv-course-root .form-textarea{resize:vertical;min-height:130px;line-height:1.6}.js-adv-course-root .form-error{color:#ef4444;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:flex}.js-adv-course-root .submit-btn{color:#1a1a2e;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#06b6d4 0%,#e8c200 100%);border:none;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:.6rem;min-width:180px;padding:.9rem 2.25rem;font-family:inherit;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.js-adv-course-root .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #06b6d466}.js-adv-course-root .submit-btn:active:not(:disabled){transform:translateY(0)}.js-adv-course-root .submit-btn--sending,.js-adv-course-root .submit-btn:disabled{opacity:.75;cursor:not-allowed;box-shadow:none;transform:none}.js-adv-course-root .submit-btn__spinner{border:2.5px solid #1a1a2e4d;border-top-color:#1a1a2e;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-once;display:inline-block}.js-adv-course-root .success-message{color:var(--text-primary);background:#10b98114;border:1.5px solid #10b98140;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:2rem;display:flex}.js-adv-course-root .success-message__icon{color:#10b981;flex-shrink:0;font-size:2rem;line-height:1}.js-adv-course-root .success-message strong{color:#10b981;margin-bottom:.3rem;font-size:1.1rem;font-weight:700;display:block}.js-adv-course-root .success-message p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.js-adv-course-root .success-message__reset{color:#10b981;cursor:pointer;background:0 0;border:1.5px solid #10b98166;border-radius:8px;align-items:center;margin-top:1rem;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.js-adv-course-root .success-message__reset:hover{background:#10b9811a}html.dark .js-adv-course-root .connect-page{background:var(--bg)}html.dark .js-adv-course-root .social-card{border-color:var(--text-muted);background:#ffffff08}html.dark .js-adv-course-root .social-card:hover{background:var(--sc-bg,#ffffff0d);border-color:var(--sc-color,#06b6d4)}html.dark .js-adv-course-root .faq-list{border-color:var(--text-muted);background:#0f0f1e}html.dark .js-adv-course-root .faq-item{border-color:var(--text-muted)}html.dark .js-adv-course-root .faq-section{border-color:var(--text-muted);background:#ffffff03}html.dark .js-adv-course-root .contact-form{border-color:var(--text-muted);background:#0f0f1e}html.dark .js-adv-course-root .form-input,html.dark .js-adv-course-root .form-textarea{background:var(--surface);border-color:var(--text-muted);color:#e8e8e8}html.dark .js-adv-course-root .form-input:focus,html.dark .js-adv-course-root .form-textarea:focus{background:var(--bg);border-color:#06b6d4}html.dark .js-adv-course-root .connect-stat{border-color:var(--text-muted);background:#ffffff0a}html.dark .js-adv-course-root .section-header__title{color:#f0f0f0}@media (width<=900px){.js-adv-course-root .connect-hero__stats{grid-template-columns:repeat(2,1fr)}.js-adv-course-root .socials-grid{grid-template-columns:1fr;max-width:540px;margin-inline:auto}}@media (width<=600px){.js-adv-course-root .connect-hero{padding:5rem 1.25rem 4rem}.js-adv-course-root .connect-hero__title{font-size:2rem}.js-adv-course-root .connect-hero__stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.js-adv-course-root .connect-stat{padding:1rem .5rem}.js-adv-course-root .connect-stat__value{font-size:1.3rem}.js-adv-course-root .connect-container{padding:0 1.25rem}.js-adv-course-root .socials-section,.js-adv-course-root .faq-section,.js-adv-course-root .contact-section{padding:3.5rem 0}.js-adv-course-root .contact-form{padding:1.75rem 1.25rem}.js-adv-course-root .faq-question{padding:1.1rem 1.25rem}.js-adv-course-root .faq-answer__text{padding:0 1.25rem 1.25rem}.js-adv-course-root .social-card{padding:1.4rem}.js-adv-course-root .submit-btn{justify-content:center;width:100%}.js-adv-course-root .success-message{text-align:center;flex-direction:column;align-items:center}}@media (width<=380px){.js-adv-course-root .connect-hero__stats{grid-template-columns:1fr 1fr}}.js-adv-course-root .resources-page{--primary:#06b6d4;--primary-dim:#06b6d426;--primary-glow:#06b6d459;--dark:var(--bg);--dark2:var(--surface);--dark3:var(--surface-alt,var(--surface));--res-surface:#ffffffd9;--res-surface-hover:#fffffff7;--border:var(--border-color);--border-hover:#06b6d499;--text-secondary:#3a4460;--text-muted:#7a8099;--badge-free:#10b981;--badge-paid:#f97316;--badge-oss:#8b5cf6;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 8px 32px #0000001a;--shadow-glow:0 0 40px #06b6d414;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"Fira Code", "Cascadia Code", monospace;background:var(--bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);transition:background .3s,color .3s;overflow-x:hidden}html.dark .js-adv-course-root .resources-page{--res-surface:#ffffff0d;--res-surface-hover:#ffffff17;--border-hover:#06b6d466;--text-secondary:#b0b8c8;--text-muted:#6b7a99;--shadow-card:0 8px 32px #00000059;--shadow-glow:0 0 40px #06b6d41f}.js-adv-course-root .resources-hero{background:linear-gradient(135deg, var(--dark) 0%, var(--dark2) 40%, var(--dark3) 100%);justify-content:center;align-items:center;min-height:420px;padding:7rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.js-adv-course-root .resources-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#06b6d41a 0%,#0000 70%),radial-gradient(40% 40% at 80% 100%,#06b6d412 0%,#0000 60%);position:absolute;inset:0}.js-adv-course-root .resources-hero__glow{pointer-events:none;background:radial-gradient(#06b6d424 0%,#0000 70%);width:700px;height:400px;animation:4s ease-in-out infinite alternate heroGlowPulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}@keyframes heroGlowPulse{0%{opacity:.7;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08)}}.js-adv-course-root .resources-hero__content{z-index:2;text-align:center;max-width:680px;position:relative}.js-adv-course-root .resources-hero__badge{background:var(--primary-dim);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border:1px solid #06b6d440;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.4rem 1.1rem;font-size:.78rem;font-weight:600;display:inline-flex}.js-adv-course-root .resources-hero__title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.js-adv-course-root .resources-hero__highlight{background:linear-gradient(135deg,#06b6d4 0%,#f0c400 50%,#e0a800 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.js-adv-course-root .resources-hero__subtitle{color:var(--text-secondary);margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.js-adv-course-root .resources-hero__floats{pointer-events:none;z-index:1;position:absolute;inset:0}.js-adv-course-root .float-icon{opacity:.12;-webkit-user-select:none;user-select:none;font-size:1.8rem;animation:6s ease-in-out infinite floatDrift;position:absolute}.js-adv-course-root .float-icon.f1{font-size:2.2rem;animation-delay:0s;top:18%;left:8%}.js-adv-course-root .float-icon.f2{font-size:1.6rem;animation-delay:1s;top:60%;left:5%}.js-adv-course-root .float-icon.f3{font-size:2rem;animation-delay:.5s;top:25%;right:8%}.js-adv-course-root .float-icon.f4{font-size:1.5rem;animation-delay:1.5s;top:65%;right:6%}.js-adv-course-root .float-icon.f5{font-size:1.8rem;animation-delay:2s;top:80%;left:45%}@keyframes floatDrift{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(5deg)}66%{transform:translateY(6px)rotate(-3deg)}}.js-adv-course-root .resources-search{align-items:center;max-width:520px;margin:0 auto;display:flex;position:relative}.js-adv-course-root .resources-search__icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:1rem;position:absolute;left:1.1rem}.js-adv-course-root .resources-search__input{background:var(--res-surface);border:1.5px solid var(--border);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:100px;outline:none;padding:.85rem 3rem .85rem 2.8rem}.js-adv-course-root .resources-page:not(.dark) .resources-search__input{background:var(--surface);color:#1a1a2e}.js-adv-course-root .resources-search__input::placeholder{color:var(--text-muted)}.js-adv-course-root .resources-search__input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim), 0 4px 24px #06b6d426;background:var(--res-surface)}.js-adv-course-root .resources-search__clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition), transform var(--transition);background:0 0;border:none;border-radius:50%;align-items:center;padding:.25rem;font-size:1rem;display:flex;position:absolute;right:.9rem}.js-adv-course-root .resources-search__clear:hover{color:var(--primary);transform:scale(1.2)}.js-adv-course-root .resources-roadmap-banner{background:linear-gradient(135deg,#06b6d41f 0%,#06b6d40a 100%);border-top:1px solid #06b6d426;border-bottom:1px solid #06b6d426;padding:1.1rem 2rem}.js-adv-course-root .resources-roadmap-banner__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.js-adv-course-root .resources-roadmap-banner__left{align-items:center;gap:1rem;display:flex}.js-adv-course-root .resources-roadmap-banner__left>i{color:var(--primary);flex-shrink:0;font-size:1.6rem}.js-adv-course-root .resources-roadmap-banner__left strong{color:var(--text-primary);margin-bottom:.15rem;font-size:.95rem;font-weight:700;display:block}.js-adv-course-root .resources-roadmap-banner__left p{color:var(--text-secondary);margin:0;font-size:.82rem}.js-adv-course-root .resources-roadmap-banner__btn{background:var(--primary);color:var(--dark);transition:transform var(--transition), box-shadow var(--transition);white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.js-adv-course-root .resources-roadmap-banner__btn:hover{box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-2px)}.js-adv-course-root .resources-main{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.js-adv-course-root .resources-tabs{background:var(--res-surface);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.js-adv-course-root .resources-page:not(.dark) .resources-tabs{background:var(--surface);border-color:#00000012}.js-adv-course-root .resources-tab{color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:100px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;display:inline-flex}.js-adv-course-root .resources-tab:hover{color:var(--text-primary);background:var(--res-surface)}.js-adv-course-root .resources-tab--active{background:var(--primary);box-shadow:0 2px 12px #06b6d466;color:var(--dark)!important}.js-adv-course-root .resources-tab__count{background:var(--res-surface);min-width:20px;height:20px;color:inherit;border-radius:100px;justify-content:center;align-items:center;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex}.js-adv-course-root .resources-tab--active .resources-tab__count{color:var(--dark);background:#0000002e}.js-adv-course-root .resources-result-count{color:var(--text-muted);margin-bottom:1.5rem;padding-left:.25rem;font-size:.82rem}.js-adv-course-root .resources-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.js-adv-course-root .resource-card{background:var(--res-surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-card);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);cursor:default;flex-direction:column;gap:0;padding:1.6rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.js-adv-course-root .resources-page:not(.dark) .resource-card{background:var(--surface);border-color:#00000012}.js-adv-course-root .resource-card:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% -20%, rgba(var(--card-accent-rgb,6, 182, 212), .06) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.js-adv-course-root .resource-card:hover{border-color:var(--card-accent,var(--primary));box-shadow:0 16px 48px #00000059, 0 0 0 1px var(--card-accent,var(--primary)), 0 0 32px #06b6d41a;transform:translateY(-6px)}.js-adv-course-root .resource-card__accent-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.7;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.js-adv-course-root .resource-card:hover .resource-card__accent-bar{opacity:1}.js-adv-course-root .resource-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.js-adv-course-root .resource-card__icon-wrap{border-radius:var(--radius-md);background:var(--res-surface);border:1px solid var(--border);width:48px;height:48px;transition:background var(--transition), transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.js-adv-course-root .resource-card:hover .resource-card__icon-wrap{background:var(--res-surface);transform:scale(1.08)}.js-adv-course-root .resource-card__badge{letter-spacing:.07em;text-transform:uppercase;border-radius:100px;padding:.28rem .75rem;font-size:.7rem;font-weight:700}.js-adv-course-root .resource-card__badge--free{color:var(--badge-free);background:#10b98126;border:1px solid #10b9814d}.js-adv-course-root .resource-card__badge--paid{color:var(--badge-paid);background:#f9731626;border:1px solid #f973164d}.js-adv-course-root .resource-card__badge--opensource{color:var(--badge-oss);background:#8b5cf626;border:1px solid #8b5cf64d}.js-adv-course-root .resource-card__title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.05rem;font-weight:700;line-height:1.3}.js-adv-course-root .resource-card__author{color:var(--text-muted);align-items:center;gap:.3rem;margin:0 0 .6rem;font-size:.78rem;display:flex}.js-adv-course-root .resource-card__description{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.875rem;line-height:1.65}.js-adv-course-root .resource-card__tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.js-adv-course-root .resource-card__tag{background:var(--res-surface);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.02em;border-radius:100px;padding:.22rem .65rem;font-size:.7rem;font-weight:600}.js-adv-course-root .resources-page:not(.dark) .resource-card__tag{background:#0000000a}.js-adv-course-root .resource-card__actions{gap:.6rem;margin-top:auto;display:flex}.js-adv-course-root .resource-card__visit{background:var(--btn-color,var(--primary));color:var(--dark);border-radius:var(--radius-md);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.js-adv-course-root .resource-card__visit:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d459}.js-adv-course-root .resource-card__copy{background:var(--res-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:.35rem;padding:.6rem .9rem;display:inline-flex}.js-adv-course-root .resource-card__copy:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.js-adv-course-root .resources-empty{text-align:center;color:var(--text-secondary);padding:5rem 2rem}.js-adv-course-root .resources-empty__icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.js-adv-course-root .resources-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.js-adv-course-root .resources-empty p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.js-adv-course-root .resources-empty__reset{background:var(--primary);color:var(--dark);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-sans);transition:transform var(--transition), box-shadow var(--transition);border:none;border-radius:100px;padding:.65rem 1.6rem}.js-adv-course-root .resources-empty__reset:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}@media (width<=900px){.js-adv-course-root .resources-hero{min-height:360px;padding:6rem 1.5rem 3rem}.js-adv-course-root .resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.js-adv-course-root .resources-roadmap-banner__inner{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=640px){.js-adv-course-root .resources-hero{min-height:320px;padding:5.5rem 1rem 2.5rem}.js-adv-course-root .resources-hero__title{font-size:1.8rem}.js-adv-course-root .resources-hero__subtitle{font-size:.92rem}.js-adv-course-root .resources-tabs{border-radius:var(--radius-lg);gap:.3rem;padding:.4rem}.js-adv-course-root .resources-tab{padding:.45rem .75rem;font-size:.78rem}.js-adv-course-root .resources-tab span:not(.resources-tab__count){display:none}.js-adv-course-root .resources-grid{grid-template-columns:1fr;gap:1rem}.js-adv-course-root .resources-main{padding:2rem 1rem 4rem}.js-adv-course-root .resource-card{padding:1.3rem 1.1rem 1.2rem}.js-adv-course-root .resource-card__actions{flex-direction:column}.js-adv-course-root .resource-card__visit,.js-adv-course-root .resource-card__copy{justify-content:center}.js-adv-course-root .float-icon{display:none}}@keyframes jsadvFadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.js-adv-course-root .resource-card{animation:.45s both jsadvFadeSlideUp}.js-adv-course-root .resource-card:first-child{animation-delay:40ms}.js-adv-course-root .resource-card:nth-child(2){animation-delay:80ms}.js-adv-course-root .resource-card:nth-child(3){animation-delay:.12s}.js-adv-course-root .resource-card:nth-child(4){animation-delay:.16s}.js-adv-course-root .resource-card:nth-child(5){animation-delay:.2s}.js-adv-course-root .resource-card:nth-child(6){animation-delay:.24s}.js-adv-course-root .resource-card:nth-child(7){animation-delay:.28s}.js-adv-course-root .resource-card:nth-child(8){animation-delay:.32s}.js-adv-course-root .resource-card:nth-child(9){animation-delay:.36s}.js-adv-course-root .resource-card:nth-child(10){animation-delay:.4s}.js-adv-course-root .resource-card:nth-child(11){animation-delay:.44s}.js-adv-course-root .resource-card:nth-child(12){animation-delay:.48s}.js-adv-course-root .resource-card:nth-child(n+13){animation-delay:.52s}.js-adv-course-root .resources-page ::-webkit-scrollbar{width:6px;height:6px}.js-adv-course-root .resources-page ::-webkit-scrollbar-track{background:0 0}.js-adv-course-root .resources-page ::-webkit-scrollbar-thumb{background:#06b6d440;border-radius:100px}.js-adv-course-root .resources-page ::-webkit-scrollbar-thumb:hover{background:#06b6d480}.js-adv-course-root .resources-tab:focus-visible,.js-adv-course-root .resources-search__input:focus-visible,.js-adv-course-root .resource-card__visit:focus-visible,.js-adv-course-root .resource-card__copy:focus-visible,.js-adv-course-root .resources-roadmap-banner__btn:focus-visible,.js-adv-course-root .resources-empty__reset:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.java-course-root{width:100%;max-width:100vw;min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}:is(body:has(.java-course-root),html:has(.java-course-root)){max-width:100vw;overflow-x:hidden}.java-course-root .monaco-editor{border-radius:.5rem;overflow:hidden}.java-course-root .page-enter{opacity:0;transform:translateY(10px)}.java-course-root .page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.java-course-root .page-exit{opacity:1}.java-course-root .page-exit-active{opacity:0;transition:opacity .3s}.java-subtopic-grid{grid-template-columns:1fr;align-items:stretch;gap:.875rem;display:grid}@media (width>=640px){.java-subtopic-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.java-subtopic-grid{grid-template-columns:repeat(3,1fr)}}.java-subtopic-card{flex-direction:column;height:100%;min-height:100px;display:flex}.java-subtopic-card .java-subtopic-card-body{flex-direction:column;flex:1;display:flex}.java-subtopic-card .java-subtopic-card-body p{flex:1}.java-topic-card-header{padding:1.25rem 1.5rem}@media (width<=639px){.java-topic-card-header{padding:1rem}}.java-content-blocks>*+*{margin-top:.75rem}@media (width<=1023px){.java-subtopic-sidebar{width:100%;margin-top:0}}.java-course-root .java-content-card{overflow-wrap:break-word;word-break:break-word;max-width:100%}.java-course-root .java-content-card pre{max-width:100%;overflow-x:auto}@media (width<=480px){.java-course-root h1.java-hero-title{font-size:1.75rem;line-height:1.2}.java-course-root .java-topic-title{font-size:1rem}.java-course-root .java-subtopic-title{font-size:.8rem}}.java-course-root pre{max-width:100%;overflow-x:auto}.java-course-root code{word-break:break-word}@media (width<=640px){.java-course-root{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.java-course-root *{box-sizing:border-box!important;max-width:100%!important}.java-course-root p,.java-course-root li,.java-course-root span,.java-course-root div,.java-course-root h1,.java-course-root h2,.java-course-root h3,.java-course-root h4,.java-course-root h5,.java-course-root h6{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.java-course-root .max-w-6xl,.java-course-root .max-w-7xl,.java-course-root .max-w-4xl,.java-course-root .max-w-5xl{max-width:100%!important;padding-left:.75rem!important;padding-right:.75rem!important}.java-course-root section{padding-left:.75rem!important;padding-right:.75rem!important}.java-course-root nav{-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%!important}.java-course-root code{overflow-wrap:break-word!important;word-break:break-all!important;display:inline!important}.java-course-root pre{max-width:calc(100vw - 2rem)!important;margin-left:0!important;margin-right:0!important;overflow-x:auto!important}.java-course-root ul,.java-course-root ol{padding-left:1rem!important;padding-right:.5rem!important}.java-course-root li{padding-right:0!important}.java-course-root .flex{flex-wrap:wrap!important}.java-course-root .grid{grid-template-columns:1fr!important}.java-course-root .java-content-card,.java-course-root .rounded-2xl,.java-course-root .rounded-3xl{margin-left:.5rem!important;margin-right:.5rem!important;padding-left:.75rem!important;padding-right:.75rem!important}}@media (width<=639px){.java-quickjump-btn{width:2.25rem;height:2.25rem;font-size:.75rem}}.java-accordion-body{transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s;overflow:hidden}@media (width<=639px){.java-prevnext-grid{grid-template-columns:1fr}.java-content-card{border-radius:1.25rem;padding:1.25rem 1rem}}@media (width<=1023px){.java-sidebar-subtopics{max-height:14rem}}@media (width<=768px){.java-course-root,.java-course-root *{max-width:100vw!important}.java-course-root *,.java-course-root :before,.java-course-root :after{box-sizing:border-box!important}.java-course-root section,.java-course-root div,.java-course-root article,.java-course-root main{max-width:100%!important;overflow-x:hidden!important}.java-course-root .px-4,.java-course-root .px-6,.java-course-root .px-8{padding-left:.75rem!important;padding-right:.75rem!important}.java-course-root p,.java-course-root span,.java-course-root li,.java-course-root div,.java-course-root h1,.java-course-root h2,.java-course-root h3,.java-course-root h4{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important}.java-course-root pre{max-width:calc(100vw - 2rem)!important;overflow-x:auto!important}.java-course-root img{max-width:100%!important;height:auto!important}.java-subtopic-card,.java-subtopic-card-body{max-width:100%!important;overflow:hidden!important}.java-subtopic-title,.java-topic-title{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.java-subtopic-grid{padding-left:.5rem!important;padding-right:.5rem!important}}.c-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid #fff3;width:100%;transition:all .3s;position:fixed;top:0}.c-nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 1.5rem;display:flex}.c-nav-logo{color:#f8fafc;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.c-nav-icon{color:#f97316;font-size:1.75rem}.c-logo-text{color:#f8fafc}.c-logo-accent{color:#f97316}.c-nav-menu{gap:2rem;display:flex}.c-nav-link{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .15s}.c-nav-link:hover{color:#f8fafc;background:#ffffff1a}.c-nav-toggle{cursor:pointer;flex-direction:column;padding:.5rem;display:none}.c-bar{background:#f8fafc;border-radius:2px;width:25px;height:3px;margin:3px 0;transition:all .15s}@media (width<=768px){.c-nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0f172af2;flex-direction:column;gap:1.5rem;width:100%;padding:2rem 0;transition:all .3s;position:fixed;top:70px;left:-100%}.c-nav-menu.active{left:0}.c-nav-toggle{display:flex}.c-nav-toggle.active .c-bar:nth-child(2){opacity:0}.c-nav-toggle.active .c-bar:first-child{transform:translateY(6px)rotate(45deg)}.c-nav-toggle.active .c-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}.c-hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}.c-hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#f973161a 0%,#0000 50%);position:absolute;inset:0}.c-hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;position:relative}.c-hero-content{animation:.8s ease-out c-fadeInUp}.c-hero-badge{color:#cbd5e1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.c-hero-badge i{color:#f97316}.c-hero-title{color:#f8fafc;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.c-text-gradient{background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.c-hero-description{color:#cbd5e1;max-width:500px;margin-bottom:3rem;font-size:1.25rem}.c-hero-buttons{gap:1.5rem;display:flex}.c-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.c-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1e3a8a 100%);box-shadow:0 10px 15px -3px #0000001a}.c-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.c-btn-secondary{color:#f8fafc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3}.c-btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.c-hero-visual{justify-content:center;align-items:center;animation:.8s ease-out .2s both c-fadeInRight;display:flex}.c-code-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.c-code-buttons{gap:.5rem;display:flex}.c-code-btn{border-radius:50%;width:12px;height:12px}.c-code-btn.red{background:#ff5f57}.c-code-btn.yellow{background:#ffbd2e}.c-code-btn.green{background:#28ca42}.c-code-title-label{color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:.875rem}.c-code-content{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6}.c-code-content pre{margin:0}.c-code-include{color:#e879f9}.c-code-keyword{color:#3b82f6}.c-code-function{color:#10b981}.c-code-string{color:#f59e0b}.c-code-number{color:#ef4444}.c-topics-section{padding:4rem 0}.c-section-header{text-align:center;margin-bottom:4rem}.c-section-title{color:#f8fafc;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.c-section-description{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.25rem}.c-topics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.c-topic-card{cursor:pointer;border:1px solid #0000;border-radius:1rem;padding:2rem;transition:all .3s}.c-topic-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.c-topic-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:.75rem;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.c-topic-title{color:#f8fafc;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.c-topic-description{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.c-topic-meta{justify-content:space-between;align-items:center;display:flex}.c-topic-lessons{color:#94a3b8;font-size:.875rem}.c-topic-difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.25rem 1rem;font-size:.75rem;font-weight:600}.c-topic-difficulty.beginner{color:#10b981;background:#10b98133}.c-topic-difficulty.intermediate{color:#f59e0b;background:#f59e0b33}.c-topic-difficulty.advanced{color:#ef4444;background:#ef444433}.c-features-section{padding:4rem 0}.c-features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.c-feature-card{text-align:center;border-radius:1rem;padding:3rem;transition:all .3s}.c-feature-card:hover{transform:translateY(-4px)}.c-feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.c-feature-title{color:#f8fafc;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.c-feature-description{color:#cbd5e1;line-height:1.6}.c-resources-section{padding:4rem 0}.c-resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.c-resource-card{border-radius:1rem;padding:2rem;transition:all .3s}.c-resource-card:hover{transform:translateY(-4px)}.c-resource-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:.75rem;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.c-resource-title{color:#f8fafc;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.c-resource-description{color:#cbd5e1;margin-bottom:1.5rem}.c-resource-list{padding:0;list-style:none}.c-resource-list li{color:#cbd5e1;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.c-resource-list li:before{content:"▶";color:#3b82f6;font-size:.75rem;position:absolute;left:0}.c-about-section{padding:4rem 0}.c-about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.c-about-description{color:#cbd5e1;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.c-about-stats{gap:2rem;display:flex}.c-stat-item{text-align:center}.c-stat-number{color:#f97316;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.c-stat-label{color:#cbd5e1;font-weight:500}.c-about-visual{justify-content:center;display:flex}.c-about-card{text-align:center;border-radius:1rem;max-width:300px;padding:2rem}.c-about-card h4{color:#f8fafc;margin-bottom:1rem}.c-about-card p{color:#cbd5e1;margin-bottom:0}@media (width<=768px){.c-hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.c-hero-title{font-size:2.5rem}.c-hero-buttons{flex-direction:column;align-items:center}.c-btn{justify-content:center;width:100%;max-width:300px}.c-topics-grid,.c-features-grid,.c-resources-grid{grid-template-columns:1fr}.c-about-content{text-align:center;grid-template-columns:1fr}.c-about-stats{justify-content:center}}@media (width<=480px){.c-hero-title,.c-section-title{font-size:2rem}.c-about-stats{flex-direction:column;gap:1.5rem}}.c-code-example{border:1px solid #fff3;border-radius:.75rem;margin:2rem 0;overflow:hidden}.c-code-header{background:#0000004d;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.c-code-title{color:#cbd5e1;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex}.c-copy-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:all .15s;display:flex}.c-copy-btn:hover{color:#f8fafc;background:#ffffff1a}.c-code-example pre{margin:0;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.c-interview-questions{flex-direction:column;gap:1.5rem;margin:2rem 0;display:flex}.c-question-item{border-radius:.75rem;overflow:hidden}.c-question-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .15s;display:flex}.c-question-header:hover{background:#ffffff0d}.c-question-header h4{color:#f8fafc;flex:1;margin-bottom:0}.c-question-header i{color:#f97316;transition:all .15s}.c-question-item.active .c-question-header i{transform:rotate(180deg)}.c-question-answer{background:#0003;border-top:1px solid #fff3;padding:0 1.5rem 1.5rem;animation:.3s c-slideDown}.c-question-answer p{color:#cbd5e1;margin-bottom:0;line-height:1.6}.c-question-answer code{color:#f97316;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.c-topic-main{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh;padding-top:70px}.c-topic-container{grid-template-columns:280px 1fr;align-items:start;gap:3rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}.c-topic-sidebar{border-radius:1rem;max-height:calc(100vh - 110px);padding:2rem;position:sticky;top:90px;overflow-y:auto}.c-sidebar-header{border-bottom:1px solid #fff3;margin-bottom:2rem;padding-bottom:1.5rem}.c-sidebar-header h3{color:#f8fafc;text-transform:capitalize;margin-bottom:0;font-size:1.25rem;font-weight:700}.c-sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.c-sidebar-link{color:#cbd5e1;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.c-sidebar-link:hover{color:#f8fafc;background:#ffffff0d;border-color:#fff3}.c-sidebar-link.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);font-weight:600}.c-sidebar-link i{text-align:center;width:16px;font-size:.9rem}.c-topic-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:3rem;box-shadow:0 20px 25px -5px #0000001a}.c-content-header{border-bottom:1px solid #fff3;margin-bottom:3rem;padding-bottom:2rem}.c-breadcrumb{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.c-breadcrumb a{color:#3b82f6}.c-breadcrumb a:hover{color:#f97316}.c-breadcrumb i{color:#94a3b8;font-size:.75rem}.c-content-title{color:#f8fafc;margin-bottom:0;font-size:2.5rem;font-weight:800;line-height:1.2}.c-content-article{line-height:1.8}.c-content-section{margin-bottom:3rem}.c-content-section h2{color:#f8fafc;border-bottom:2px solid #f97316;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700;position:relative}.c-content-section h2:after{content:"";background:#3b82f6;width:60px;height:2px;position:absolute;bottom:-2px;left:0}.c-content-section p{color:#cbd5e1;margin-bottom:1.5rem;font-size:1.05rem}.c-content-section ul,.c-content-section ol{margin-bottom:1.5rem;padding-left:2rem}.c-content-section li{color:#cbd5e1;margin-bottom:.5rem;font-size:1.05rem}.c-content-section code{color:#f97316;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.c-content-section a{color:#3b82f6}.c-content-section a:hover{color:#f97316}.c-content-section strong{color:#f8fafc}.c-highlight-box{background:linear-gradient(135deg,#3b82f61a 0%,#f973161a 100%);border:1px solid #fff3;border-left:4px solid #f97316;border-radius:.75rem;gap:1rem;margin:2rem 0;padding:1.5rem;display:flex}.c-highlight-box i{color:#f97316;margin-top:2px;font-size:1.5rem}.c-highlight-box h4{color:#f8fafc;margin-bottom:.5rem}.c-highlight-box p{color:#cbd5e1;margin-bottom:0}.c-applications-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.c-app-card{border-radius:.75rem;padding:1.5rem;transition:all .3s}.c-app-card:hover{transform:translateY(-4px)}.c-app-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:.5rem;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.25rem;display:flex}.c-app-card h4{color:#f8fafc;margin-bottom:.5rem}.c-app-card p{color:#cbd5e1;margin-bottom:0;font-size:.95rem}.c-resources-list{flex-direction:column;gap:1.5rem;margin:2rem 0;display:flex}.c-resource-item{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.c-resource-item:hover{background:#ffffff1a;transform:translate(4px)}.c-resource-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.c-resource-content h4{color:#f8fafc;margin-bottom:.25rem}.c-resource-link{color:#3b82f6;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.c-resource-link:hover{color:#f97316}.c-content-navigation{border-top:1px solid #fff3;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;display:flex}.c-nav-item{cursor:pointer;color:#f8fafc;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.c-nav-item:hover:not(.disabled){background:#ffffff1a;transform:translateY(-2px)}.c-nav-item.disabled{opacity:.5;cursor:not-allowed}.c-not-found{color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.c-not-found button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem}@media (width<=1024px){.c-topic-container{grid-template-columns:240px 1fr;gap:1.5rem}.c-content-title{font-size:2rem}}@media (width<=768px){.c-topic-container{grid-template-columns:1fr;padding:1.5rem}.c-topic-sidebar{max-height:none;position:static}.c-topic-content{padding:1.5rem}.c-content-title{font-size:1.75rem}.c-applications-grid{grid-template-columns:1fr}.c-content-navigation{flex-direction:column;gap:1rem}.c-nav-item{justify-content:center;width:100%}}.c-course-root{--c-primary-color:#1e3a8a;--c-secondary-color:#3b82f6;--c-accent-color:#f97316;--c-success-color:#10b981;--c-warning-color:#f59e0b;--c-error-color:#ef4444;--c-bg-primary:#0f172a;--c-bg-secondary:#1e293b;--c-bg-tertiary:#334155;--c-text-primary:#f8fafc;--c-text-secondary:#cbd5e1;--c-text-muted:#94a3b8;--c-glass-bg:#ffffff1a;--c-glass-border:#fff3;--c-glass-shadow:#0000004d;--c-spacing-xs:.25rem;--c-spacing-sm:.5rem;--c-spacing-md:1rem;--c-spacing-lg:1.5rem;--c-spacing-xl:2rem;--c-spacing-2xl:3rem;--c-spacing-3xl:4rem;--c-radius-sm:.375rem;--c-radius-md:.5rem;--c-radius-lg:.75rem;--c-radius-xl:1rem;--c-transition-fast:.15s ease;--c-transition-normal:.3s ease;--c-transition-slow:.5s ease;--c-shadow-sm:0 1px 2px 0 #0000000d;--c-shadow-md:0 4px 6px -1px #0000001a;--c-shadow-lg:0 10px 15px -3px #0000001a;--c-shadow-xl:0 20px 25px -5px #0000001a;background:linear-gradient(135deg, var(--c-bg-primary) 0%, var(--c-bg-secondary) 100%);color:var(--c-text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.c-course-root h1,.c-course-root h2,.c-course-root h3,.c-course-root h4,.c-course-root h5,.c-course-root h6{margin-bottom:var(--c-spacing-md);font-weight:600;line-height:1.2}.c-course-root h1{font-size:2.5rem}.c-course-root h2{font-size:2rem}.c-course-root h3{font-size:1.5rem}.c-course-root h4{font-size:1.25rem}.c-course-root p{margin-bottom:var(--c-spacing-md);color:var(--c-text-secondary)}.c-course-root a{color:var(--c-secondary-color);transition:var(--c-transition-fast);text-decoration:none}.c-course-root a:hover{color:var(--c-accent-color)}.c-container{max-width:1200px;padding:0 var(--c-spacing-lg);margin:0 auto}.c-glass-card{background:var(--c-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-glass-border);box-shadow:0 8px 32px var(--c-glass-shadow);transition:var(--c-transition-normal);position:relative;overflow:hidden}.c-glass-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 12px 40px #0006}@keyframes c-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes c-fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes c-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-course-root .hero{align-items:center;min-height:100vh;padding:7rem 0 4rem;display:flex;position:relative;overflow:hidden}.ai-course-root .hero-bg{pointer-events:none;background:radial-gradient(80% 60% at 60% 20%,#7c3aed2e 0%,#0000 60%),radial-gradient(60% 50% at 20% 80%,#00d4ff1f 0%,#0000 60%);position:absolute;inset:0}.ai-course-root .hero-grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.ai-course-root .hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.ai-course-root .hero-eyebrow{color:var(--ai-cyan);letter-spacing:.06em;text-transform:uppercase;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.ai-course-root .hero-eyebrow .dot{background:var(--ai-cyan);border-radius:50%;width:6px;height:6px;animation:2s infinite ai-pulse}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ai-course-root .hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.1}.ai-course-root .hero-desc{color:var(--ai-text2);max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.ai-course-root .hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.ai-course-root .hero-stats{border-top:1px solid var(--ai-border);gap:2rem;padding-top:2rem;display:flex}.ai-course-root .stat-item{flex-direction:column;gap:.2rem;display:flex}.ai-course-root .stat-num{font-family:var(--ai-font-display);color:var(--ai-text);font-size:1.6rem;font-weight:800}.ai-course-root .stat-label{color:var(--ai-text3);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.ai-course-root .hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.ai-course-root .hero-card-stack{width:100%;max-width:420px;position:relative}.ai-course-root .hero-main-card{background:var(--ai-surface);border:1px solid var(--ai-border2);border-radius:var(--ai-radius-xl);box-shadow:var(--ai-shadow-lg), 0 0 60px #7c3aed26;padding:2rem}.ai-course-root .hmc-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.ai-course-root .hmc-icon{background:linear-gradient(135deg, var(--ai-purple), var(--ai-cyan));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;display:flex;overflow:hidden}.ai-course-root .hmc-icon img{object-fit:contain;width:100%;height:100%}.ai-course-root .hmc-title{font-size:1rem;font-weight:700}.ai-course-root .hmc-sub{color:var(--ai-text3);font-size:.78rem}.ai-course-root .hmc-code{background:var(--ai-bg);color:var(--ai-text2);border:1px solid var(--ai-border);border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-family:Fira Code,monospace;font-size:.78rem;line-height:1.7}.ai-course-root .hmc-code .kw{color:var(--ai-purple-light)}.ai-course-root .hmc-code .fn{color:var(--ai-cyan)}.ai-course-root .hmc-code .str{color:var(--ai-green)}.ai-course-root .hmc-code .cm{color:var(--ai-text3)}.ai-course-root .hmc-tags{flex-wrap:wrap;gap:.5rem;display:flex}.ai-course-root .hmc-tag{color:var(--ai-text2);border:1px solid var(--ai-border);background:#ffffff0d;border-radius:6px;padding:.3rem .75rem;font-size:.72rem;font-weight:600}.ai-course-root .features-section{background:var(--ai-bg2);padding:5rem 0}.ai-course-root .features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.ai-course-root .feature-card{background:var(--ai-bg3);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.ai-course-root .feature-card:before{content:"";background:linear-gradient(90deg, var(--ai-purple), var(--ai-cyan));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ai-course-root .feature-card:hover{border-color:var(--ai-border2);transform:translateY(-4px)}.ai-course-root .feature-card:hover:before{opacity:1}.ai-course-root .fc-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.3rem;display:flex}.ai-course-root .fc-icon-1{color:var(--ai-purple-light);background:#7c3aed26}.ai-course-root .fc-icon-2{color:var(--ai-cyan);background:#00d4ff1a}.ai-course-root .fc-icon-3{color:var(--ai-green);background:#10b9811a}.ai-course-root .fc-icon-4{color:var(--ai-orange);background:#f59e0b1a}.ai-course-root .feature-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.ai-course-root .feature-card p{color:var(--ai-text2);margin:0;font-size:.875rem;line-height:1.6}.ai-course-root .topics-preview{padding:5rem 0}.ai-course-root .tp-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.ai-course-root .tp-card{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);cursor:pointer;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.ai-course-root .tp-card:after{content:"";opacity:0;background:linear-gradient(135deg,#7c3aed0d,#00d4ff0d);transition:opacity .3s;position:absolute;inset:0}.ai-course-root .tp-card:hover{border-color:#7c3aed66;transform:translateY(-4px);box-shadow:0 12px 40px #7c3aed26}.ai-course-root .tp-card:hover:after{opacity:1}.ai-course-root .tp-icon{background:linear-gradient(135deg, var(--ai-purple), var(--ai-purple-light));z-index:1;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.4rem;display:flex;position:relative}.ai-course-root .tp-card h3{z-index:1;margin-bottom:.6rem;font-size:1.1rem;font-weight:700;position:relative}.ai-course-root .tp-card p{color:var(--ai-text2);z-index:1;margin-bottom:1.25rem;font-size:.875rem;position:relative}.ai-course-root .tp-link{color:var(--ai-cyan);z-index:1;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;transition:gap .2s;display:inline-flex;position:relative}.ai-course-root .tp-card:hover .tp-link{gap:.7rem}.ai-course-root .tp-center{text-align:center}.ai-course-root .cta-banner{background:linear-gradient(135deg, var(--ai-surface2), var(--ai-surface));border:1px solid var(--ai-border2);border-radius:var(--ai-radius-xl);text-align:center;margin:0 0 5rem;padding:4rem;position:relative;overflow:hidden}.ai-course-root .cta-banner:before{content:"";pointer-events:none;background:radial-gradient(#7c3aed1f 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.ai-course-root .cta-banner h2{margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.4rem);position:relative}.ai-course-root .cta-banner p{color:var(--ai-text2);margin-bottom:2rem;font-size:1.05rem;position:relative}.ai-course-root .cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}@media (width<=1024px){.ai-course-root .features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ai-course-root .hero .container{grid-template-columns:1fr;gap:3rem}.ai-course-root .hero-visual{display:none}.ai-course-root .hero-stats{gap:1.5rem}.ai-course-root .tp-grid,.ai-course-root .features-grid{grid-template-columns:1fr}.ai-course-root .cta-banner{padding:2.5rem 1.5rem}}.ai-course-root .topics-hero{text-align:center;padding:8rem 0 3rem;position:relative}.ai-course-root .topics-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 30%,#7c3aed1a 0%,#0000 60%);position:absolute;inset:0}.ai-course-root .topics-hero>*{z-index:1;position:relative}.ai-course-root .topics-hero h1{margin:1rem 0;font-size:clamp(2rem,4vw,3rem)}.ai-course-root .topics-hero p{color:var(--ai-text2);max-width:560px;margin:0 auto;font-size:1.05rem}.ai-course-root .topics-body{padding:2rem 0 5rem}.ai-course-root .topics-search{max-width:560px;margin:0 auto 3rem;position:relative}.ai-course-root .topics-search input{background:var(--ai-surface);border:1px solid var(--ai-border2);border-radius:var(--ai-radius-lg);width:100%;color:var(--ai-text);font-family:var(--ai-font);outline:none;padding:.9rem 1rem .9rem 3rem;font-size:.95rem;transition:all .2s}.ai-course-root .topics-search input:focus{border-color:var(--ai-cyan);box-shadow:0 0 0 3px #00d4ff1a}.ai-course-root .topics-search input::placeholder{color:var(--ai-text3)}.ai-course-root .search-icon{color:var(--ai-text3);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.ai-course-root .topics-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.ai-course-root .topic-card{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:var(--ai-radius-xl);padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.ai-course-root .topic-card:before{content:"";background:linear-gradient(90deg, var(--ai-purple), var(--ai-cyan));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ai-course-root .topic-card:hover{border-color:#7c3aed59;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.ai-course-root .topic-card:hover:before{opacity:1}.ai-course-root .tc-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.ai-course-root .tc-icon{background:linear-gradient(135deg, var(--ai-purple), var(--ai-purple-light));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;display:flex}.ai-course-root .tc-header h2{margin:0;font-size:1rem;font-weight:700}.ai-course-root .tc-links{flex-direction:column;gap:.25rem;display:flex}.ai-course-root .tc-link{color:var(--ai-text2);border-left:2px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.845rem;transition:all .2s;display:flex}.ai-course-root .tc-link:hover{color:var(--ai-cyan);border-left-color:var(--ai-cyan);background:#00d4ff0f;padding-left:1rem}.ai-course-root .tc-link i{color:var(--ai-text3);flex-shrink:0;font-size:.65rem}.ai-course-root .tc-link:hover i{color:var(--ai-cyan)}.ai-course-root .no-results{text-align:center;color:var(--ai-text3);grid-column:1/-1;padding:4rem 2rem}.ai-course-root .no-results i{margin-bottom:1rem;font-size:2.5rem;display:block}@media (width<=768px){.ai-course-root .topics-grid{grid-template-columns:1fr}}.ai-course-root .breadcrumb-bar{background:var(--ai-bg2);border-bottom:1px solid var(--ai-border);padding:5.5rem 0 0}.ai-course-root .breadcrumb-inner{flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.ai-course-root .breadcrumb-inner a{color:var(--ai-text3);font-size:.8rem;transition:color .2s}.ai-course-root .breadcrumb-inner a:hover{color:var(--ai-cyan)}.ai-course-root .breadcrumb-inner span{color:var(--ai-text3);font-size:.8rem}.ai-course-root .breadcrumb-inner .bc-current{color:var(--ai-text2);font-size:.8rem;font-weight:500}.ai-course-root .subtopic-layout{padding:2.5rem 0 5rem}.ai-course-root .subtopic-inner{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.ai-course-root .subtopic-sidebar{position:sticky;top:90px}.ai-course-root .sidebar-nav{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);overflow:hidden}.ai-course-root .sidebar-section{padding:1.25rem 1.25rem .75rem}.ai-course-root .sidebar-section:not(:first-child){border-top:1px solid var(--ai-border)}.ai-course-root .sidebar-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ai-text3);margin-bottom:.6rem;padding:0 .25rem;font-size:.7rem;font-weight:700}.ai-course-root .sidebar-link{color:var(--ai-text2);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.15rem;padding:.55rem .75rem;font-size:.83rem;transition:all .2s;display:flex}.ai-course-root .sidebar-link:hover{color:var(--ai-text);background:#ffffff0d}.ai-course-root .sidebar-link.active{color:var(--ai-cyan);background:var(--ai-cyan-dim);font-weight:600}.ai-course-root .sidebar-link i{flex-shrink:0;font-size:.6rem}.ai-course-root .subtopic-main{flex-direction:column;gap:2rem;min-width:0;display:flex}.ai-course-root .content-card{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:var(--ai-radius-xl);padding:2rem}.ai-course-root .content-card-header{border-bottom:1px solid var(--ai-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.ai-course-root .cc-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.ai-course-root .cc-icon-desc{color:var(--ai-purple-light);background:#7c3aed26}.ai-course-root .cc-icon-code{color:var(--ai-cyan);background:#00d4ff1a}.ai-course-root .cc-icon-apps{color:var(--ai-green);background:#10b9811a}.ai-course-root .cc-icon-table{color:var(--ai-orange);background:#f59e0b1a}.ai-course-root .cc-icon-res{color:var(--ai-pink);background:#ec48991a}.ai-course-root .cc-icon-qa{color:var(--ai-purple-light);background:#7c3aed26}.ai-course-root .content-card-header h2{margin:0;font-size:1.1rem;font-weight:700}.ai-course-root .page-title{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.2rem)}.ai-course-root .page-title-card{background:linear-gradient(135deg, var(--ai-surface2), var(--ai-surface));border:1px solid var(--ai-border2);border-radius:var(--ai-radius-xl);padding:2rem;position:relative;overflow:hidden}.ai-course-root .page-title-card:before{content:"";background:linear-gradient(90deg, var(--ai-purple), var(--ai-cyan));height:3px;position:absolute;top:0;left:0;right:0}.ai-course-root .page-title-card p{color:var(--ai-text2);margin:0;font-size:.95rem}.ai-course-root .desc-text p{color:var(--ai-text2);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.ai-course-root .desc-text p:last-child{margin-bottom:0}.ai-course-root .info-box{background:var(--ai-bg3);border:1px solid var(--ai-border);border-left:3px solid var(--ai-purple-light);border-radius:var(--ai-radius);margin-top:1rem;padding:1.25rem 1.5rem}.ai-course-root .info-box ul{flex-direction:column;gap:.6rem;display:flex}.ai-course-root .info-box li{color:var(--ai-text2);font-size:.875rem;line-height:1.6}.ai-course-root .code-block{border-radius:var(--ai-radius-lg);background:#0d1117;border:1px solid #ffffff14;overflow:hidden}.ai-course-root .code-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.ai-course-root .code-lang{letter-spacing:.08em;text-transform:uppercase;color:var(--ai-cyan);font-size:.72rem;font-weight:700}.ai-course-root .code-dots{gap:6px;display:flex}.ai-course-root .code-dots span{border-radius:50%;width:10px;height:10px}.ai-course-root .code-dots span:first-child{background:#ff5f57}.ai-course-root .code-dots span:nth-child(2){background:#febc2e}.ai-course-root .code-dots span:nth-child(3){background:#28c840}.ai-course-root .code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.ai-course-root .code-block code{color:#e6edf3;font-family:Fira Code,Cascadia Code,monospace;font-size:.82rem;line-height:1.7}.ai-course-root .apps-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.ai-course-root .app-card{background:var(--ai-bg3);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);text-align:center;padding:1.25rem;transition:all .3s}.ai-course-root .app-card:hover{border-color:var(--ai-border2);transform:translateY(-3px)}.ai-course-root .app-card i{color:var(--ai-cyan);margin-bottom:.75rem;font-size:1.6rem;display:block}.ai-course-root .app-card h3{margin-bottom:.4rem;font-size:.875rem;font-weight:700}.ai-course-root .app-card p{color:var(--ai-text3);margin:0;font-size:.78rem;line-height:1.5}.ai-course-root .data-table{border-collapse:collapse;width:100%;font-size:.875rem}.ai-course-root .data-table thead tr{background:#7c3aed1a}.ai-course-root .data-table th{text-align:left;color:var(--ai-purple-light);text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;font-size:.8rem;font-weight:700}.ai-course-root .data-table td{color:var(--ai-text2);border-bottom:1px solid var(--ai-border);padding:.85rem 1rem}.ai-course-root .data-table tbody tr:hover{background:#ffffff05}.ai-course-root .data-table tbody tr:last-child td{border-bottom:none}.ai-course-root .table-wrap{border-radius:var(--ai-radius);border:1px solid var(--ai-border);overflow-x:auto}.ai-course-root .resource-links{flex-direction:column;gap:.75rem;display:flex}.ai-course-root .resource-link{background:var(--ai-bg3);border:1px solid var(--ai-border);border-radius:var(--ai-radius);color:var(--ai-text2);align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ai-course-root .resource-link:hover{border-color:var(--ai-border2);color:var(--ai-text);transform:translate(4px)}.ai-course-root .resource-link-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.ai-course-root .rli-yt{color:#f44;background:#ff00001a}.ai-course-root .rli-pdf{color:var(--ai-orange);background:#f59e0b1a}.ai-course-root .resource-link span{flex:1}.ai-course-root .accordion{flex-direction:column;gap:.75rem;display:flex}.ai-course-root .acc-item{background:var(--ai-bg3);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);transition:border-color .2s;overflow:hidden}.ai-course-root .acc-item.open{border-color:#7c3aed59}.ai-course-root .acc-header{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:background .2s;display:flex}.ai-course-root .acc-header:hover{background:#ffffff05}.ai-course-root .acc-header h3{flex:1;margin:0;font-size:.9rem;font-weight:600}.ai-course-root .acc-chevron{background:var(--ai-surface);width:28px;height:28px;color:var(--ai-text3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;transition:all .3s;display:flex}.ai-course-root .acc-item.open .acc-chevron{color:var(--ai-purple-light);background:#7c3aed26;transform:rotate(180deg)}.ai-course-root .acc-body{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.ai-course-root .acc-item.open .acc-body{max-height:400px;padding:0 1.25rem 1.25rem}.ai-course-root .acc-body p{color:var(--ai-text2);margin:0;font-size:.875rem;line-height:1.7}.ai-course-root .not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:80vh;padding:2rem;display:flex}.ai-course-root .not-found-page h1{font-size:2rem}.ai-course-root .not-found-page p{color:var(--ai-text2)}@media (width<=1024px){.ai-course-root .subtopic-inner{grid-template-columns:220px 1fr}}@media (width<=768px){.ai-course-root .subtopic-inner{grid-template-columns:1fr}.ai-course-root .subtopic-sidebar{position:static}.ai-course-root .apps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ai-course-root .apps-grid{grid-template-columns:1fr}.ai-course-root .content-card{padding:1.25rem}}.ai-course-root{--ai-bg:#0a0a0f;--ai-bg2:#0f0f1a;--ai-bg3:#13131f;--ai-surface:#1a1a2e;--ai-surface2:#16213e;--ai-border:#ffffff0f;--ai-border2:#ffffff1f;--ai-cyan:#00d4ff;--ai-cyan-dim:#00d4ff26;--ai-purple:#7c3aed;--ai-purple-light:#a855f7;--ai-pink:#ec4899;--ai-green:#10b981;--ai-orange:#f59e0b;--ai-text:#f1f5f9;--ai-text2:#94a3b8;--ai-text3:#64748b;--ai-radius:12px;--ai-radius-lg:20px;--ai-radius-xl:28px;--ai-font:"Inter", sans-serif;--ai-font-display:"Space Grotesk", sans-serif;--ai-glow-cyan:0 0 40px #00d4ff33;--ai-glow-purple:0 0 40px #7c3aed4d;--ai-shadow:0 4px 24px #0006;--ai-shadow-lg:0 8px 48px #00000080;font-family:var(--ai-font);background:var(--ai-bg);color:var(--ai-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.ai-course-root *,.ai-course-root :before,.ai-course-root :after{box-sizing:border-box}.ai-course-root .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.ai-course-root h1,.ai-course-root h2,.ai-course-root h3,.ai-course-root h4,.ai-course-root h5,.ai-course-root h6{font-family:var(--ai-font-display);color:var(--ai-text);margin:0;font-weight:700;line-height:1.2}.ai-course-root p{color:var(--ai-text2);margin:0;line-height:1.7}.ai-course-root a{color:var(--ai-cyan);text-decoration:none;transition:all .2s}.ai-course-root a:hover{color:#fff}.ai-course-root ul,.ai-course-root ol{margin:0;padding:0;list-style:none}.ai-course-root header{z-index:1000;width:100%;padding:0;transition:all .3s;position:fixed;top:0;left:0}.ai-course-root header .header-inner{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ai-border);background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:all .3s;display:flex}.ai-course-root header.scrolled .header-inner{border-bottom-color:var(--ai-border2);background:#0a0a0ff2;box-shadow:0 4px 30px #00000080}.ai-course-root .logo-link{align-items:center;gap:.6rem;text-decoration:none;display:flex}.ai-course-root .logo-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.ai-course-root .logo-icon img{object-fit:contain;width:100%;height:100%}.ai-course-root .logo-text{font-family:var(--ai-font-display);color:var(--ai-text);font-size:1.1rem;font-weight:700}.ai-course-root .logo-text span{color:var(--ai-cyan)}.ai-course-root nav{align-items:center;gap:.5rem;display:flex}.ai-course-root .nav-links{align-items:center;gap:.25rem;margin:0;list-style:none;display:flex}.ai-course-root .nav-links a{color:var(--ai-text2);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:block}.ai-course-root .nav-links a:hover{color:var(--ai-text);background:#ffffff0f}.ai-course-root .nav-links a.active{color:var(--ai-cyan);background:var(--ai-cyan-dim)}.ai-course-root .nav-cta{background:linear-gradient(135deg, var(--ai-purple), var(--ai-purple-light));border-radius:8px;align-items:center;gap:.4rem;margin-left:.5rem;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fff!important}.ai-course-root .nav-cta:hover{box-shadow:var(--ai-glow-purple);transform:translateY(-1px)}.ai-course-root .hamburger{cursor:pointer;border-radius:8px;flex-direction:column;gap:5px;padding:.5rem;transition:background .2s;display:none}.ai-course-root .hamburger:hover{background:#ffffff0f}.ai-course-root .hamburger span{background:var(--ai-text2);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.ai-course-root .hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.ai-course-root .hamburger.active span:nth-child(2){opacity:0}.ai-course-root .hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.ai-course-root .btn{font-family:var(--ai-font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ai-course-root .btn-primary{background:linear-gradient(135deg, var(--ai-purple), var(--ai-purple-light));color:#fff;box-shadow:0 4px 20px #7c3aed59}.ai-course-root .btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed80}.ai-course-root .btn-outline{color:var(--ai-text);border:1px solid var(--ai-border2);background:0 0}.ai-course-root .btn-outline:hover{color:var(--ai-text);background:#ffffff0f;border-color:#fff3}.ai-course-root .btn-cyan{background:linear-gradient(135deg, #0891b2, var(--ai-cyan));color:#000;font-weight:700}.ai-course-root .btn-cyan:hover{box-shadow:var(--ai-glow-cyan);color:#000;transform:translateY(-2px)}.ai-course-root .btn-sm{padding:.5rem 1.1rem;font-size:.8rem}.ai-course-root .grad{background:linear-gradient(135deg, var(--ai-cyan), var(--ai-purple-light));color:#0000;-webkit-background-clip:text;background-clip:text}.ai-course-root .grad2{background:linear-gradient(135deg, var(--ai-purple-light), var(--ai-pink));color:#0000;-webkit-background-clip:text;background-clip:text}.ai-course-root .card{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);transition:all .3s}.ai-course-root .card:hover{border-color:var(--ai-border2);box-shadow:var(--ai-shadow-lg);transform:translateY(-4px)}.ai-course-root .badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:inline-flex}.ai-course-root .badge-cyan{background:var(--ai-cyan-dim);color:var(--ai-cyan);border:1px solid #00d4ff33}.ai-course-root .badge-purple{color:var(--ai-purple-light);background:#7c3aed26;border:1px solid #7c3aed33}.ai-course-root section{padding:5rem 0}.ai-course-root .section-label{text-align:center;margin-bottom:1rem}.ai-course-root .section-title{text-align:center;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem)}.ai-course-root .section-sub{text-align:center;color:var(--ai-text2);max-width:600px;margin:0 auto 3rem;font-size:1.05rem}.ai-course-root .divider{background:linear-gradient(90deg, transparent, var(--ai-border2), transparent);height:1px;margin:0}.ai-course-root footer{background:var(--ai-bg2);border-top:1px solid var(--ai-border);padding:4rem 0 2rem}.ai-course-root .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.ai-course-root .footer-brand p{color:var(--ai-text3);max-width:280px;margin-top:1rem;font-size:.9rem;line-height:1.7}.ai-course-root .footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--ai-text3);margin-bottom:1.2rem;font-size:.8rem;font-weight:700}.ai-course-root .footer-col ul{flex-direction:column;gap:.6rem;display:flex}.ai-course-root .footer-col a{color:var(--ai-text2);font-size:.875rem;transition:color .2s}.ai-course-root .footer-col a:hover{color:var(--ai-cyan)}.ai-course-root .footer-socials{gap:.75rem;margin-top:1.5rem;display:flex}.ai-course-root .social-btn{background:var(--ai-surface);border:1px solid var(--ai-border);width:38px;height:38px;color:var(--ai-text2);border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.ai-course-root .social-btn:hover{background:var(--ai-cyan-dim);color:var(--ai-cyan);border-color:#00d4ff4d;transform:translateY(-2px)}.ai-course-root .footer-bottom{border-top:1px solid var(--ai-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.ai-course-root .footer-bottom p{color:var(--ai-text3);font-size:.8rem}@media (width<=768px){.ai-course-root .nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--ai-border);background:#0a0a0ffa;flex-direction:column;gap:.25rem;width:100%;max-height:0;padding:1rem;transition:max-height .3s;position:fixed;top:65px;left:0;overflow:hidden}.ai-course-root .nav-links.active{max-height:400px}.ai-course-root .nav-links a{padding:.75rem 1rem}.ai-course-root .nav-cta{display:none}.ai-course-root .hamburger{display:flex}.ai-course-root .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.ai-course-root .footer-brand{grid-column:1/-1}}@media (width<=480px){.ai-course-root .footer-grid{grid-template-columns:1fr}}.dl-course-root .dl-navbar__skip{z-index:9999;color:#fff;background:#ff4d8d;border-radius:0 0 8px 8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1rem}.dl-course-root .dl-navbar__skip:focus{outline:none;top:0}.dl-course-root .dl-navbar{z-index:1000;-webkit-backdrop-filter:blur(18px)saturate(180%);background:#070712bd;border-bottom:1px solid #ff4d8d33;width:100%;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0;left:0;right:0}.dl-course-root .dl-navbar--scrolled{background:#070712eb;border-bottom-color:#ff4d8d47;box-shadow:0 4px 28px #0000008c}.dl-course-root .dl-navbar__progress{z-index:1001;pointer-events:none;will-change:width;background:linear-gradient(90deg,#ff4d8d 0%,#22d3ee 50%,#8b5cf6 100%);border-radius:0 3px 3px 0;max-width:100%;height:3px;transition:width .12s linear;position:absolute;top:0;left:0;box-shadow:0 0 10px #ff4d8d99}.dl-course-root .dl-navbar__inner{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1400px;height:70px;margin:0 auto;padding:0 5%;display:flex}.dl-course-root .dl-navbar__logo{letter-spacing:-.02em;outline-offset:4px;flex-shrink:0;align-items:center;gap:0;font-size:1.2rem;font-weight:900;line-height:1;text-decoration:none;transition:opacity .22s,transform .22s;display:inline-flex}.dl-course-root .dl-navbar__logo:hover{opacity:.88;transform:scale(1.03)}.dl-course-root .dl-navbar__logo-deep{color:#0000;background:linear-gradient(90deg,#ff4d8d,#ff8ab5);-webkit-background-clip:text;background-clip:text;font-weight:900}.dl-course-root .dl-navbar__logo-learning{color:#fff;margin-left:.25rem;font-weight:700}.dl-course-root .dl-navbar__logo-suffix{color:#ffffff8c;letter-spacing:.02em;margin-left:.35rem;font-size:.75rem;font-weight:500}.dl-course-root .dl-navbar__logo--mobile .dl-navbar__logo-suffix{display:none}.dl-course-root .dl-navbar__nav{flex:1;justify-content:center;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.dl-course-root .dl-navbar__nav-link{color:#ffffffbf;white-space:nowrap;outline-offset:2px;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex;position:relative}.dl-course-root .dl-navbar__nav-link i{flex-shrink:0;font-size:.9rem;transition:transform .2s}.dl-course-root .dl-navbar__nav-link:hover{color:#ff8ab5;background:#ff4d8d1f}.dl-course-root .dl-navbar__nav-link:hover i{transform:scale(1.15)}.dl-course-root .dl-navbar__nav-link.active{color:#ff4d8d;background:#ff4d8d29;font-weight:600;box-shadow:0 2px 12px #ff4d8d40}.dl-course-root .dl-navbar__nav-link.active i{color:#ff4d8d}.dl-course-root .dl-navbar__nav-link.active:after{content:"";background:linear-gradient(90deg,#ff4d8d,#22d3ee);border-radius:2px 2px 0 0;width:18px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.dl-course-root .dl-navbar__back-link{opacity:.8;border:1.5px solid #fff3;border-radius:20px;padding:.25rem .8rem!important;font-size:.8rem!important;transition:all .2s!important}.dl-course-root .dl-navbar__back-link:hover{opacity:1;border-color:#ff4d8d80;transform:translate(-3px)!important}.dl-course-root .dl-navbar__back-link:after{display:none!important}.dl-course-root .dl-navbar__controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.dl-course-root .dl-navbar__hamburger{color:#ffffffd9;cursor:pointer;outline-offset:3px;background:0 0;border:1.5px solid #ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:background .2s,color .2s,border-color .2s;display:none}.dl-course-root .dl-navbar__hamburger:hover,.dl-course-root .dl-navbar__hamburger--open{color:#ff4d8d;background:#ff4d8d26;border-color:#ff4d8d73}.dl-course-root .dl-navbar__overlay{z-index:998;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.dl-course-root .dl-navbar__overlay--visible{pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#0000008c}.dl-course-root .dl-navbar__mobile-menu{z-index:1001;overscroll-behavior:contain;will-change:transform;background:#070714f7;border-left:1px solid #ff4d8d33;flex-direction:column;width:min(300px,85vw);height:100vh;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.dl-course-root .dl-navbar__mobile-menu.open{transform:translate(0);box-shadow:-8px 0 48px #000000a6}.dl-course-root .dl-navbar__mobile-header{background:#ff4d8d0f;border-bottom:1px solid #ff4d8d26;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.dl-course-root .dl-navbar__mobile-close{color:#ffffffb3;cursor:pointer;outline-offset:2px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:background .2s,color .2s,transform .2s;display:inline-flex}.dl-course-root .dl-navbar__mobile-close:hover{color:#ff4d8d;background:#ff4d8d33;transform:rotate(90deg)}.dl-course-root .dl-navbar__mobile-nav{flex:1;padding:12px 10px 8px;overflow-y:auto}.dl-course-root .dl-navbar__mobile-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.dl-course-root .dl-navbar__mobile-link{color:#ffffffbf;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}.dl-course-root .dl-navbar__mobile-link i:first-child{text-align:center;color:#ffffff73;flex-shrink:0;width:20px;font-size:1rem}.dl-course-root .dl-navbar__mobile-link span{flex:1}.dl-course-root .dl-navbar__mobile-link:hover{color:#ff8ab5;background:#ff4d8d1f;transform:translate(4px)}.dl-course-root .dl-navbar__mobile-link:hover i:first-child{color:#ff4d8d}.dl-course-root .dl-navbar__mobile-link--active{color:#ff4d8d;background:#ff4d8d29;font-weight:700;box-shadow:0 2px 12px #ff4d8d33}.dl-course-root .dl-navbar__mobile-link--active i:first-child{color:#ff4d8d}.dl-course-root .dl-navbar__active-check{color:#ff4d8d;flex-shrink:0;margin-left:auto;width:auto!important;font-size:.82rem!important}.dl-course-root .dl-navbar__mobile-back{color:#ffffff80;border-top:1px solid #ffffff14;margin-top:8px;padding-top:14px}.dl-course-root .dl-navbar__mobile-back:hover{color:#22d3ee;background:#22d3ee1a}.dl-course-root .dl-navbar__mobile-socials{border-top:1px solid #ffffff12;flex-shrink:0;padding:16px 18px 28px}.dl-course-root .dl-navbar__mobile-socials-label{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.68rem;font-weight:700}.dl-course-root .dl-navbar__mobile-socials-row{gap:10px;display:flex}.dl-course-root .dl-navbar__social-btn{color:#ffffff8c;outline-offset:3px;background:0 0;border:1.5px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:background .22s,color .22s,transform .2s,box-shadow .22s;display:inline-flex}.dl-course-root .dl-navbar__social-btn:hover{transform:translateY(-3px)}.dl-course-root .dl-navbar__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#fd1d1d,#e1306c,#833ab4);border-color:#0000;box-shadow:0 4px 16px #e1306c61}.dl-course-root .dl-navbar__social-btn--youtube:hover{color:#fff;background:red;border-color:#0000;box-shadow:0 4px 16px #ff000061}.dl-course-root .dl-navbar__social-btn--telegram:hover{color:#fff;background:#08c;border-color:#0000;box-shadow:0 4px 16px #0088cc61}@media (width<=900px){.dl-course-root .dl-navbar__nav{display:none}.dl-course-root .dl-navbar__hamburger{display:flex}}@media (width>=901px){.dl-course-root .dl-navbar__hamburger{display:none!important}.dl-course-root .dl-navbar__mobile-menu{pointer-events:none;visibility:hidden;box-shadow:none!important;transform:translate(100%)!important}.dl-course-root .dl-navbar__overlay{pointer-events:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}}@media (width<=480px){.dl-course-root .dl-navbar__inner{height:62px;padding:0 4%}.dl-course-root .dl-navbar__logo{font-size:1rem}.dl-course-root .dl-navbar__mobile-menu{width:100vw}}@media (prefers-reduced-motion:reduce){.dl-course-root .dl-navbar,.dl-course-root .dl-navbar__progress,.dl-course-root .dl-navbar__logo,.dl-course-root .dl-navbar__nav-link,.dl-course-root .dl-navbar__hamburger,.dl-course-root .dl-navbar__overlay,.dl-course-root .dl-navbar__mobile-menu,.dl-course-root .dl-navbar__mobile-link,.dl-course-root .dl-navbar__mobile-close,.dl-course-root .dl-navbar__social-btn{transition:none!important;animation:none!important}.dl-course-root .dl-navbar__logo:hover,.dl-course-root .dl-navbar__mobile-close:hover,.dl-course-root .dl-navbar__social-btn:hover,.dl-course-root .dl-navbar__mobile-link:hover,.dl-course-root .dl-navbar__nav-link:hover i{transform:none}}.dl-course-root #dl-particles-js{background-color:var(--dl-bg-light);z-index:0;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.dl-course-root .dl-main-content{z-index:1;position:relative}.dl-course-root .dl-hero{min-height:calc(100vh - 80px);padding:0 var(--dl-spacing-xl);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.dl-course-root .dl-hero-content{flex:1;max-width:600px;animation:1s ease-in-out dl-fadeIn}.dl-course-root .dl-hero h1{margin-bottom:var(--dl-spacing-lg);font-size:3.5rem;font-weight:600;line-height:1.2}.dl-course-root .dl-hero h1 .dl-highlight{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.dl-course-root .dl-hero h1 .dl-highlight:after{content:"";background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));border-radius:2px;width:100%;height:2px;position:absolute;bottom:-5px;left:0}.dl-course-root .dl-hero p{color:var(--dl-text-secondary);margin-bottom:var(--dl-spacing-xl);font-size:1.2rem}.dl-course-root .dl-hero-image{flex:1;justify-content:center;align-items:center;animation:6s ease-in-out infinite dl-floatAnimation;display:flex}.dl-course-root .dl-hero-image img{filter:drop-shadow(0 10px 20px #0000001a);max-width:100%}.dl-course-root .dl-about{padding:var(--dl-spacing-xxl) var(--dl-spacing-xl);background-color:var(--dl-bg-light)}.dl-course-root .dl-about-content{justify-content:center;gap:var(--dl-spacing-xl);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.dl-course-root .dl-about-card{min-width:300px;max-width:350px;padding:var(--dl-spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-glass);transition:transform var(--dl-transition-normal), box-shadow var(--dl-transition-normal);text-align:center;background:#ffffffb3;border:1px solid #fff3;flex:1}.dl-course-root .dl-about-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #1f268733}.dl-course-root .dl-about-card .dl-icon{width:70px;height:70px;margin:0 auto var(--dl-spacing-lg);background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-secondary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex;box-shadow:0 5px 15px #4361ee4d}.dl-course-root .dl-about-card h3{margin-bottom:var(--dl-spacing-md);font-size:1.5rem;font-weight:600;line-height:1.3}.dl-course-root .dl-about-card p{color:var(--dl-text-secondary);font-size:.95rem}.dl-course-root .dl-featured-topics{padding:var(--dl-spacing-xxl) var(--dl-spacing-xl);background-color:#f8f9fb}.dl-course-root .dl-topics-preview{justify-content:center;gap:var(--dl-spacing-xl);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.dl-course-root .dl-topic-card{min-width:300px;max-width:350px;padding:var(--dl-spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-glass);transition:all var(--dl-transition-normal);background:#fffc;border:1px solid #fff3;flex:1}.dl-course-root .dl-topic-card:hover{box-shadow:var(--dl-shadow-lg);transform:translateY(-10px)}.dl-course-root .dl-topic-icon{width:60px;height:60px;margin-bottom:var(--dl-spacing-lg);background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-secondary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.dl-course-root .dl-topic-card h3{margin-bottom:var(--dl-spacing-md);font-size:1.5rem;font-weight:600;line-height:1.3}.dl-course-root .dl-topic-card p{color:var(--dl-text-secondary);margin-bottom:0;font-size:.95rem}@media (width<=992px){.dl-course-root .dl-hero{text-align:center;gap:var(--dl-spacing-xxl);padding-top:var(--dl-spacing-xxl);flex-direction:column}.dl-course-root .dl-hero-content{max-width:100%}.dl-course-root .dl-hero h1{font-size:2.8rem}}@media (width<=768px){.dl-course-root .dl-hero h1{font-size:2.2rem}.dl-course-root .dl-hero p{font-size:1rem}.dl-course-root .dl-about-card,.dl-course-root .dl-topic-card{min-width:100%}}.dl-course-root .dl-topics-header{text-align:center;padding:var(--dl-spacing-xxl) var(--dl-spacing-xl) var(--dl-spacing-xl);background:linear-gradient(135deg,#4361ee1a,#7209b71a)}.dl-course-root .dl-topics-header h1{margin-bottom:var(--dl-spacing-md);font-size:2.8rem;font-weight:600;line-height:1.3;display:inline-block;position:relative}.dl-course-root .dl-topics-header h1:after{content:"";background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.dl-course-root .dl-topics-header p{max-width:700px;color:var(--dl-text-secondary);margin:0 auto;font-size:1.1rem}.dl-course-root .dl-topics-container{max-width:900px;padding:var(--dl-spacing-xl) var(--dl-spacing-lg);gap:var(--dl-spacing-lg);flex-direction:column;margin:0 auto;display:flex}.dl-course-root .dl-topic-box{border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-sm);transition:transform var(--dl-transition-normal), box-shadow var(--dl-transition-normal);background:#fff;border:1px solid #00000012;overflow:hidden}.dl-course-root .dl-topic-box:hover{box-shadow:var(--dl-shadow-md);transform:translateY(-3px)}.dl-course-root .dl-topic-title{padding:14px var(--dl-spacing-xl);align-items:center;gap:var(--dl-spacing-md);background:linear-gradient(135deg,#4361ee14,#7209b714);border-bottom:1px solid #0000000f;display:flex}.dl-course-root .dl-topic-number{color:var(--dl-primary-color);opacity:.7;min-width:48px;font-size:2rem;font-weight:700;line-height:1}.dl-course-root .dl-topic-title h2{color:var(--dl-text-primary);margin-bottom:0;font-size:1.25rem;font-weight:600;line-height:1.3}.dl-course-root .dl-subtopics{flex-direction:column;display:flex}.dl-course-root .dl-subtopic{padding:14px var(--dl-spacing-xl);color:var(--dl-text-primary);transition:background-color var(--dl-transition-fast), color var(--dl-transition-fast);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.dl-course-root .dl-subtopic:last-child{border-bottom:none}.dl-course-root .dl-subtopic:hover{color:var(--dl-primary-color);background-color:#4361ee0d}.dl-course-root .dl-topic-box .dl-subtopic-content{align-items:center;gap:14px;display:flex}.dl-course-root .dl-subtopic-icon{background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-secondary-color));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.dl-course-root .dl-subtopic h3{color:inherit;margin-bottom:0;font-size:1rem;font-weight:500;line-height:1.3}.dl-course-root .dl-arrow{color:#bbb;transition:transform var(--dl-transition-fast), color var(--dl-transition-fast);font-size:.85rem}.dl-course-root .dl-subtopic:hover .dl-arrow{color:var(--dl-primary-color);transform:translate(4px)}@media (width<=768px){.dl-course-root .dl-topics-header h1{font-size:2rem}.dl-course-root .dl-topics-container{padding:var(--dl-spacing-md);gap:var(--dl-spacing-md)}.dl-course-root .dl-topic-title{padding:12px var(--dl-spacing-md)}.dl-course-root .dl-topic-number{min-width:36px;font-size:1.6rem}.dl-course-root .dl-topic-title h2{font-size:1.1rem}.dl-course-root .dl-subtopic{padding:12px var(--dl-spacing-md)}.dl-course-root .dl-subtopic h3{font-size:.95rem}}.dl-course-root .dl-subtopic-main{min-height:100vh;display:block}.dl-course-root .topic-navigation{padding:12px var(--dl-spacing-xl);z-index:100;background-color:#f8f9fb;border-bottom:1px solid #0000000f;align-items:center;display:flex;position:sticky;top:0}.dl-course-root .topic-navigation a{color:var(--dl-primary-color);align-items:center;gap:8px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.dl-course-root .topic-navigation a:hover{color:var(--dl-primary-dark)}.dl-course-root .subtopic-page-wrapper{background-color:var(--dl-bg-light);width:100%;padding:var(--dl-spacing-xl) var(--dl-spacing-xl) var(--dl-spacing-xxl)}.dl-course-root .subtopic-article{width:100%;max-width:860px;margin:0 auto}.dl-course-root .subtopic-header{text-align:center;margin-bottom:var(--dl-spacing-xl);padding-bottom:var(--dl-spacing-lg)}.dl-course-root .subtopic-header h1{color:var(--dl-text-primary);margin-bottom:12px;font-size:2.2rem;font-weight:600;line-height:1.3}.dl-course-root .header-divider{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));border-radius:2px;width:80px;height:4px;margin:0 auto}.dl-course-root .content-section{margin-bottom:var(--dl-spacing-lg);padding:var(--dl-spacing-xl);border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-sm);background:#fff;border:1px solid #0000000f;width:100%}.dl-course-root .content-section h2{margin-bottom:var(--dl-spacing-lg);color:var(--dl-primary-color);border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding-bottom:10px;font-size:1.3rem;font-weight:600;line-height:1.3;display:flex}.dl-course-root .section-content{color:var(--dl-text-secondary);width:100%;line-height:1.7}.dl-course-root .section-content p{margin-bottom:var(--dl-spacing-md)}.dl-course-root .section-content h3{color:var(--dl-text-primary);margin:var(--dl-spacing-lg) 0 var(--dl-spacing-sm);font-size:1.1rem;font-weight:600;line-height:1.3}.dl-course-root .section-content ul,.dl-course-root .section-content ol{margin-left:var(--dl-spacing-lg);margin-bottom:var(--dl-spacing-md)}.dl-course-root .section-content li{margin-bottom:6px}.dl-course-root .info-box{border-radius:var(--dl-border-radius-md);padding:var(--dl-spacing-lg);margin:var(--dl-spacing-lg) 0;border-left:4px solid var(--dl-primary-color);background:linear-gradient(135deg,#4361ee12,#7209b712)}.dl-course-root .info-title{color:var(--dl-primary-color);align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.dl-course-root .image-container{margin:var(--dl-spacing-lg) 0;text-align:center}.dl-course-root .image-container img{border-radius:var(--dl-border-radius-md);max-width:100%;box-shadow:var(--dl-shadow-md)}.dl-course-root .caption{color:var(--dl-text-secondary);margin-top:8px;font-size:.85rem;font-style:italic}.dl-course-root .code-container{margin:var(--dl-spacing-lg) 0;border-radius:var(--dl-border-radius-md);box-shadow:var(--dl-shadow-md);width:100%;overflow:hidden}.dl-course-root .code-container pre{margin:0}.dl-course-root .code-container code{font-family:Courier New,Courier,monospace;font-size:.88rem;line-height:1.6;display:block;overflow-x:auto;padding:var(--dl-spacing-lg)!important}.dl-course-root .applications-grid{gap:var(--dl-spacing-md);margin-top:var(--dl-spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dl-course-root .application-card{border-radius:var(--dl-border-radius-md);padding:var(--dl-spacing-lg);transition:all var(--dl-transition-normal);background:#f8f9fb;border:1px solid #0000000f}.dl-course-root .application-card:hover{box-shadow:var(--dl-shadow-md);background:#fff;transform:translateY(-4px)}.dl-course-root .app-icon{width:44px;height:44px;margin-bottom:var(--dl-spacing-md);background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-secondary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.dl-course-root .application-card h3{color:var(--dl-text-primary);margin-bottom:6px;font-size:1rem;font-weight:600;line-height:1.3}.dl-course-root .application-card p{color:var(--dl-text-secondary);margin-bottom:0;font-size:.88rem;line-height:1.5}.dl-course-root .resources-container{gap:var(--dl-spacing-lg);flex-direction:column;display:flex}.dl-course-root .resource-group h3{margin-bottom:var(--dl-spacing-sm);color:var(--dl-text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:600;line-height:1.3;display:flex}.dl-course-root .resource-list{margin:0;padding:0;list-style:none}.dl-course-root .resource-list li{padding-left:var(--dl-spacing-md);margin-bottom:8px;font-size:.95rem;position:relative}.dl-course-root .resource-list li:before{content:"→";color:var(--dl-primary-color);position:absolute;left:0}.dl-course-root .resource-list a{color:var(--dl-primary-color);text-decoration:none}.dl-course-root .resource-list a:hover{text-decoration:underline}.dl-course-root .accordion{margin-top:var(--dl-spacing-md);flex-direction:column;gap:10px;display:flex}.dl-course-root .accordion-item{border-radius:var(--dl-border-radius-md);background:#fff;border:1px solid #00000014;overflow:hidden}.dl-course-root .accordion-header{padding:14px var(--dl-spacing-lg);cursor:pointer;transition:background-color var(--dl-transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.dl-course-root .accordion-header:hover{background-color:#4361ee0a}.dl-course-root .accordion-header h3{color:var(--dl-text-primary);padding-right:var(--dl-spacing-md);flex:1;margin-bottom:0;font-size:1rem;font-weight:500;line-height:1.4}.dl-course-root .toggle-icon{color:var(--dl-primary-color);flex-shrink:0;font-size:.85rem}.dl-course-root .accordion-content{max-height:0;padding:0 var(--dl-spacing-lg);color:var(--dl-text-secondary);font-size:.95rem;line-height:1.7;transition:max-height .35s,padding .35s;overflow:hidden}.dl-course-root .accordion-item.active .accordion-content{max-height:2000px;padding:var(--dl-spacing-md) var(--dl-spacing-lg) var(--dl-spacing-lg)}.dl-course-root .accordion-content ul,.dl-course-root .accordion-content ol{margin-left:var(--dl-spacing-lg);margin-top:8px}.dl-course-root .accordion-content li{margin-bottom:6px}.dl-course-root .accordion-content p{margin-bottom:8px}.dl-course-root .accordion-content table{border-collapse:collapse;width:100%;margin:var(--dl-spacing-md) 0;font-size:.9rem}.dl-course-root .accordion-content th,.dl-course-root .accordion-content td{text-align:left;border:1px solid #0000001a;padding:8px 12px}@media (width<=768px){.dl-course-root .subtopic-page-wrapper{padding:var(--dl-spacing-md)}.dl-course-root .subtopic-header h1{font-size:1.8rem}.dl-course-root .content-section{padding:var(--dl-spacing-md)}.dl-course-root .content-section h2{font-size:1.15rem}.dl-course-root .applications-grid{grid-template-columns:1fr 1fr}.dl-course-root .topic-navigation{padding:10px var(--dl-spacing-md)}}@media (width<=480px){.dl-course-root .applications-grid{grid-template-columns:1fr}}.dl-course-root{--dl-primary-color:#ff4d8d;--dl-primary-dark:#db2777;--dl-primary-light:#ff8ab5;--dl-secondary-color:#8b5cf6;--dl-accent-color:#22d3ee;--dl-warm-color:#f59e0b;--dl-green-color:#2dd4bf;--dl-text-primary:#f9fbff;--dl-text-secondary:#b8c4d8;--dl-text-light:#f8f9fa;--dl-bg-dark:#070712;--dl-bg-light:#0b0d1a;--dl-card-bg:#101224b8;--dl-card-bg-strong:#101224e0;--dl-border-glass:#ffffff24;--dl-shadow-sm:0 12px 32px #00000038;--dl-shadow-md:0 22px 58px #0000004d;--dl-shadow-lg:0 34px 92px #0006;--dl-shadow-glass:0 24px 70px #0000004d;--dl-glow-pink:0 0 42px #ff4d8d42;--dl-glow-violet:0 0 42px #8b5cf63d;--dl-border-radius-sm:7px;--dl-border-radius-md:10px;--dl-border-radius-lg:16px;--dl-spacing-xs:4px;--dl-spacing-sm:8px;--dl-spacing-md:16px;--dl-spacing-lg:24px;--dl-spacing-xl:32px;--dl-spacing-xxl:48px;--dl-transition-fast:.2s ease;--dl-transition-normal:.3s ease;color:var(--dl-text-primary);background:radial-gradient(circle at 15% 8%,#ff4d8d42,#0000 28rem),radial-gradient(circle at 90% 2%,#8b5cf647,#0000 30rem),radial-gradient(circle at 72% 64%,#22d3ee29,#0000 26rem),linear-gradient(135deg,#070712 0%,#111023 48%,#16091f 100%);min-height:100vh;font-family:Poppins,sans-serif;line-height:1.6}.dl-course-root:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.dl-course-root *{box-sizing:border-box}.dl-course-root .dl-main-content{min-height:calc(100vh - 80px)}.dl-course-root img{max-width:100%;height:auto}.dl-course-root .dl-section-header{text-align:center;margin-bottom:var(--dl-spacing-xl)}.dl-course-root .dl-section-header h2{color:var(--dl-text-primary);margin-bottom:var(--dl-spacing-sm);font-size:2.2rem;font-weight:600;line-height:1.3}.dl-course-root .dl-section-divider{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));border-radius:2px;width:80px;height:4px;margin:0 auto}.dl-course-root .dl-cta-button{background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-secondary-color));color:#fff;border-radius:var(--dl-border-radius-md);text-transform:uppercase;letter-spacing:1px;transition:all var(--dl-transition-normal);padding:12px 32px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #4361ee4d}.dl-course-root .dl-cta-button:hover{color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #4361ee66}.dl-course-root .dl-secondary-button{color:var(--dl-primary-color);border:2px solid var(--dl-primary-color);border-radius:var(--dl-border-radius-md);transition:all var(--dl-transition-normal);background-color:#0000;padding:10px 24px;font-weight:500;text-decoration:none;display:inline-block}.dl-course-root .dl-secondary-button:hover{background-color:var(--dl-primary-color);color:#fff;transform:translateY(-2px)}.dl-course-root .dl-center-btn{margin-top:var(--dl-spacing-lg);justify-content:center;display:flex}.dl-course-root .dl-footer-wrapper{z-index:1;background-color:var(--dl-bg-dark);color:var(--dl-text-light);padding:var(--dl-spacing-xl) 0 var(--dl-spacing-md);position:relative}.dl-course-root .dl-footer-content{max-width:1200px;padding:0 var(--dl-spacing-lg);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.dl-course-root .dl-footer-logo{margin-bottom:var(--dl-spacing-lg);font-size:1.8rem;font-weight:700}.dl-course-root .dl-footer-logo span{color:var(--dl-primary-color)}.dl-course-root .dl-footer-links,.dl-course-root .dl-footer-social{margin-bottom:var(--dl-spacing-lg)}.dl-course-root .dl-footer-links h3,.dl-course-root .dl-footer-social h3{color:var(--dl-text-light);margin-bottom:var(--dl-spacing-md);font-size:1.2rem;font-weight:600;line-height:1.3}.dl-course-root .dl-footer-links a{color:var(--dl-text-light);opacity:.8;margin-bottom:var(--dl-spacing-sm);transition:color var(--dl-transition-fast);text-decoration:none;display:block}.dl-course-root .dl-footer-links a:hover{opacity:1;color:var(--dl-accent-color)}.dl-course-root .dl-footer-links ul{margin:0;padding:0;list-style:none}.dl-course-root .dl-footer-links ul li{margin-bottom:var(--dl-spacing-sm)}.dl-course-root .dl-social-icons{gap:var(--dl-spacing-md);display:flex}.dl-course-root .dl-social-icons a{width:40px;height:40px;color:var(--dl-text-light);transition:all var(--dl-transition-normal);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.dl-course-root .dl-social-icons a:hover{background-color:var(--dl-primary-color);transform:translateY(-3px)}.dl-course-root .dl-footer-bottom{text-align:center;padding-top:var(--dl-spacing-lg);margin-top:var(--dl-spacing-lg);opacity:.7;border-top:1px solid #ffffff1a;font-size:.9rem}@media (width<=768px){.dl-course-root .dl-footer-content{flex-direction:column}}@keyframes dl-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dl-floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dl-course-root .dl-grad{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-secondary-color));color:#0000;-webkit-background-clip:text;background-clip:text}.dl-course-root .dl-badge{color:var(--dl-primary-color);letter-spacing:.5px;background:linear-gradient(135deg,#4361ee1f,#7209b71f);border-radius:20px;margin-bottom:1rem;padding:4px 14px;font-size:.85rem;font-weight:600;display:inline-block}.dl-course-root .dl-main-content,.dl-course-root .dl-navbar-header,.dl-course-root .dl-footer-wrapper{z-index:1;position:relative}.dl-course-root #dl-particles-js{background:radial-gradient(circle at 18% 10%,#ff4d8d3d,#0000 30rem),radial-gradient(circle at 84% 8%,#8b5cf638,#0000 28rem),0 0}.dl-course-root .dl-navbar{padding:0}.dl-course-root .dl-navbar__logo-deep,.dl-course-root .dl-navbar__logo-learning,.dl-course-root .dl-grad{color:#0000;background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-accent-color), var(--dl-secondary-color));-webkit-background-clip:text;background-clip:text}.dl-course-root .dl-navbar__logo-learning{color:#fff;background:0 0;-webkit-background-clip:initial;background-clip:initial}.dl-course-root .dl-bar{background-color:#fff}.dl-course-root .dl-section-header h2,.dl-course-root .dl-topics-header h1,.dl-course-root .subtopic-header h1,.dl-course-root .dl-about-hero-text h1,.dl-course-root .dl-contact-hero h1{color:#fff;font-weight:950}.dl-course-root .dl-section-divider,.dl-course-root .header-divider,.dl-course-root .dl-topics-header h1:after{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-accent-color), var(--dl-secondary-color));box-shadow:var(--dl-glow-pink)}.dl-course-root .dl-badge{color:#ffd7e5;background:linear-gradient(135deg,#ff4d8d2e,#8b5cf629);border:1px solid #ff4d8d4d}.dl-course-root .dl-cta-button,.dl-course-root .dl-secondary-button,.dl-course-root .dl-form-submit{color:#071019;background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-accent-color));border-radius:var(--dl-border-radius-md);letter-spacing:0;text-transform:none;border:1px solid #ffffff47;justify-content:center;align-items:center;min-height:48px;padding:0 1.7rem;font-weight:900;display:inline-flex;box-shadow:0 18px 42px #ff4d8d3d}.dl-course-root .dl-cta-button:hover,.dl-course-root .dl-secondary-button:hover,.dl-course-root .dl-form-submit:hover{color:#071019;filter:saturate(1.14);transform:translateY(-3px);box-shadow:0 24px 62px #22d3ee42}.dl-course-root .dl-hero{width:min(1240px,100% - 2rem);min-height:calc(100vh - 74px);padding:clamp(3.4rem, 7vw, 6.5rem) 0 var(--dl-spacing-xxl);gap:clamp(2rem,5vw,5rem)}.dl-course-root .dl-hero:before{content:"NEURAL NETWORKS • CNN • RNN • TRANSFORMERS";color:#ffd7e5;box-shadow:var(--dl-glow-pink);letter-spacing:.08em;background:linear-gradient(135deg,#ff4d8d2e,#8b5cf629);border:1px solid #ff4d8d57;border-radius:999px;padding:.45rem .95rem;font-size:.76rem;font-weight:900;display:inline-flex;position:absolute;top:clamp(1rem,4vw,2rem);left:0}.dl-course-root .dl-hero-content{max-width:660px}.dl-course-root .dl-hero h1{max-width:12ch;margin-bottom:var(--dl-spacing-lg);color:#fff;font-size:clamp(2.8rem,7vw,6.25rem);font-weight:950;line-height:1.02}.dl-course-root .dl-hero h1 .dl-highlight{background:linear-gradient(90deg, var(--dl-primary-light), var(--dl-accent-color), #d8b4fe);-webkit-background-clip:text;background-clip:text}.dl-course-root .dl-hero h1 .dl-highlight:after{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-accent-color));height:4px}.dl-course-root .dl-hero p{max-width:58ch;color:var(--dl-text-secondary);font-size:clamp(1.05rem,2vw,1.22rem)}.dl-course-root .dl-hero-image{min-height:440px;box-shadow:var(--dl-shadow-lg), var(--dl-glow-violet);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ff4d8d21,#22d3ee1a),#ffffff0e;border:1px solid #ffffff21;border-radius:24px;padding:clamp(1rem,3vw,2rem);position:relative}.dl-course-root .dl-hero-image:before,.dl-course-root .dl-hero-image:after{content:"";filter:blur(14px);border-radius:999px;position:absolute}.dl-course-root .dl-hero-image:before{background:#ff4d8d6b;width:170px;height:170px;top:7%;right:9%}.dl-course-root .dl-hero-image:after{background:#22d3ee61;width:130px;height:130px;bottom:9%;left:9%}.dl-course-root .dl-hero-image img{z-index:1;filter:drop-shadow(0 28px 48px #00000057)saturate(1.18);max-height:440px;position:relative}.dl-course-root .dl-about,.dl-course-root .dl-featured-topics,.dl-course-root .dl-mission-section,.dl-course-root .dl-offers-section,.dl-course-root .dl-contact-body,.dl-course-root .dl-faq-section,.dl-course-root .subtopic-page-wrapper{background:0 0}.dl-course-root .dl-about,.dl-course-root .dl-featured-topics,.dl-course-root .dl-offers-section,.dl-course-root .dl-faq-section{border-top:1px solid #ffffff14}.dl-course-root .dl-about-card,.dl-course-root .dl-topic-card,.dl-course-root .dl-topic-box,.dl-course-root .content-section,.dl-course-root .application-card,.dl-course-root .accordion-item,.dl-course-root .dl-stat-card,.dl-course-root .dl-offer-card,.dl-course-root .dl-contact-info-panel,.dl-course-root .dl-contact-form-panel,.dl-course-root .dl-faq-card{color:var(--dl-text-primary);background:var(--dl-card-bg);border:1px solid var(--dl-border-glass);border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.dl-course-root .dl-about-card:before,.dl-course-root .dl-topic-card:before,.dl-course-root .dl-topic-box:before,.dl-course-root .content-section:before,.dl-course-root .dl-offer-card:before,.dl-course-root .dl-contact-info-panel:before,.dl-course-root .dl-contact-form-panel:before,.dl-course-root .dl-faq-card:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(135deg,#ffffff29,#0000 35%);position:absolute;inset:0}.dl-course-root .dl-about-card:hover,.dl-course-root .dl-topic-card:hover,.dl-course-root .dl-topic-box:hover,.dl-course-root .application-card:hover,.dl-course-root .dl-stat-card:hover,.dl-course-root .dl-offer-card:hover,.dl-course-root .dl-faq-card:hover{box-shadow:var(--dl-shadow-lg), var(--dl-glow-pink);border-color:#ff4d8d6b;transform:translateY(-6px)}.dl-course-root .dl-icon,.dl-course-root .dl-topic-icon,.dl-course-root .dl-subtopic-icon,.dl-course-root .dl-mp-icon,.dl-course-root .dl-offer-icon,.dl-course-root .dl-info-icon,.dl-course-root .app-icon{color:#071019;background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-accent-color));box-shadow:0 18px 38px #ff4d8d3d}.dl-course-root .dl-about-card h3,.dl-course-root .dl-topic-card h3,.dl-course-root .dl-topic-title h2,.dl-course-root .dl-subtopic h3,.dl-course-root .content-section h2,.dl-course-root .section-content h3,.dl-course-root .application-card h3,.dl-course-root .resource-group h3,.dl-course-root .accordion-header h3,.dl-course-root .dl-offer-card h3,.dl-course-root .dl-contact-info-panel h2,.dl-course-root .dl-contact-form-panel h2,.dl-course-root .dl-info-row h4,.dl-course-root .dl-connect-section h4,.dl-course-root .dl-faq-q h3,.dl-course-root .dl-mission-text h2,.dl-course-root .dl-mp-item h4,.dl-course-root .dl-about-cta h2{color:#fff;position:relative}.dl-course-root .dl-about-card p,.dl-course-root .dl-topic-card p,.dl-course-root .dl-topics-header p,.dl-course-root .section-content,.dl-course-root .application-card p,.dl-course-root .accordion-content,.dl-course-root .dl-offer-card p,.dl-course-root .dl-contact-hero p,.dl-course-root .dl-info-row p,.dl-course-root .dl-faq-a p,.dl-course-root .dl-mission-text>p,.dl-course-root .dl-mp-item p,.dl-course-root .dl-about-cta p,.dl-course-root .caption{color:var(--dl-text-secondary);position:relative}.dl-course-root .dl-topics-header,.dl-course-root .dl-about-hero,.dl-course-root .dl-contact-hero,.dl-course-root .dl-about-cta{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ff4d8d29,#8b5cf621),#1012248a;border-block:1px solid #ffffff1a}.dl-course-root .dl-topics-container{max-width:1060px}.dl-course-root .dl-topic-title{background:#ffffff0e;border-bottom:1px solid #ffffff1a;position:relative}.dl-course-root .dl-topic-number,.dl-course-root .toggle-icon,.dl-course-root .dl-faq-chevron{color:var(--dl-accent-color)}.dl-course-root .dl-subtopic{color:#e8f1ff;border-bottom:1px solid #ffffff14;position:relative}.dl-course-root .dl-subtopic:hover{color:#fff;background:#ff4d8d1a}.dl-course-root .dl-subtopic:hover .dl-arrow{color:var(--dl-accent-color)}.dl-course-root .topic-navigation{border-bottom:1px solid var(--dl-border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070712cc;top:74px}.dl-course-root .topic-navigation a,.dl-course-root .resource-list a{color:var(--dl-accent-color)}.dl-course-root .subtopic-article{max-width:980px}.dl-course-root .subtopic-header{padding:var(--dl-spacing-xl);border:1px solid var(--dl-border-glass);border-radius:var(--dl-border-radius-lg);box-shadow:var(--dl-shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ff4d8d29,#22d3ee1a),#10122494}.dl-course-root .content-section h2{color:#fff;border-bottom:1px solid #ffffff1f}.dl-course-root .section-content strong{color:#fff}.dl-course-root .info-box{border-left-color:var(--dl-primary-color);background:#ff4d8d1a;border:1px solid #ff4d8d38;position:relative}.dl-course-root .info-title{color:var(--dl-primary-light)}.dl-course-root .code-container{border-radius:var(--dl-border-radius-md);box-shadow:var(--dl-shadow-md);border:1px solid #22d3ee47}.dl-course-root .code-container pre,.dl-course-root .code-container code{background:#050816!important}.dl-course-root .resource-list li:before{content:">";color:var(--dl-primary-color)}.dl-course-root .accordion-header,.dl-course-root .dl-faq-q{background:#ffffff0e}.dl-course-root .accordion-header:hover,.dl-course-root .accordion-item.active .accordion-header,.dl-course-root .dl-faq-q:hover{background:#ff4d8d1f}.dl-course-root .accordion-content th,.dl-course-root .accordion-content td{border-color:#ffffff1f}.dl-course-root .accordion-content th{color:#fff;background:#ff4d8d24}.dl-course-root .dl-about-hero-inner,.dl-course-root .dl-mission-grid,.dl-course-root .dl-contact-layout{position:relative}.dl-course-root .dl-about-hero-img{padding:var(--dl-spacing-lg);border:1px solid var(--dl-border-glass);box-shadow:var(--dl-shadow-glass), var(--dl-glow-violet);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0e;border-radius:24px}.dl-course-root .dl-mission-stats,.dl-course-root .dl-offers-grid,.dl-course-root .dl-faq-grid{position:relative}.dl-course-root .dl-stat-num{background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-accent-color));-webkit-background-clip:text;background-clip:text}.dl-course-root .dl-stat-label{color:var(--dl-text-secondary)}.dl-course-root .dl-contact-info-panel,.dl-course-root .dl-contact-form-panel{box-shadow:var(--dl-shadow-glass)}.dl-course-root .dl-connect-link{color:#e8f1ff;background:#ffffff12;border:1px solid #ffffff1f;position:relative}.dl-course-root .dl-connect-link:hover{color:#071019;background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-accent-color))}.dl-course-root .dl-form-field label{color:#fff}.dl-course-root .dl-form-field input,.dl-course-root .dl-form-field textarea{color:#fff;background:#ffffff12;border-color:#ffffff29}.dl-course-root .dl-form-field input:focus,.dl-course-root .dl-form-field textarea:focus{border-color:var(--dl-accent-color);background:#ffffff1a;box-shadow:0 0 0 3px #22d3ee24}.dl-course-root .dl-footer-wrapper{color:var(--dl-text-secondary);background:radial-gradient(circle at 10% 0%, #ff4d8d2e, transparent 22rem), radial-gradient(circle at 92% 0%, #22d3ee1f, transparent 22rem), var(--dl-bg-dark);border-top:1px solid #ffffff1a}.dl-course-root .dl-footer-logo,.dl-course-root .dl-footer-links h3,.dl-course-root .dl-footer-social h3{color:#fff}.dl-course-root .dl-footer-logo span{color:#0000;background:linear-gradient(90deg, var(--dl-primary-color), var(--dl-accent-color));-webkit-background-clip:text;background-clip:text}.dl-course-root .dl-footer-links a{color:var(--dl-text-secondary)}.dl-course-root .dl-footer-links a:hover{color:#fff}.dl-course-root .dl-social-icons a{background:#ffffff14;border:1px solid #ffffff1f}.dl-course-root .dl-social-icons a:hover{color:#071019;background:linear-gradient(135deg, var(--dl-primary-color), var(--dl-accent-color))}@media (width<=992px){.dl-course-root .dl-hero{min-height:auto}.dl-course-root .dl-hero:before{margin-bottom:var(--dl-spacing-md);position:relative;top:auto;left:auto}.dl-course-root .dl-hero h1{max-width:none}}@media (width<=768px){.dl-course-root .dl-hero{width:min(100% - 1.5rem,1240px)}.dl-course-root .dl-hero-image{min-height:310px}.dl-course-root .dl-about,.dl-course-root .dl-featured-topics,.dl-course-root .dl-mission-section,.dl-course-root .dl-offers-section,.dl-course-root .dl-contact-body,.dl-course-root .dl-faq-section{padding-inline:1rem}}.ml-course-root .ml-navbar{-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--ml-glass-border);transition:background var(--ml-transition);background:#06091ad9;justify-content:space-between;align-items:center;padding:.8rem 5%;display:flex;position:sticky;top:0}.ml-course-root .ml-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.ml-course-root .ml-logo-text{letter-spacing:.5px;color:var(--ml-text-primary);font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:800}.ml-course-root .ml-nav-menu{align-items:center;gap:.5rem;display:flex}.ml-course-root .ml-nav-menu li a{color:var(--ml-text-secondary);border-radius:var(--ml-radius-sm);transition:all var(--ml-transition);padding:.5rem 1rem;font-size:.95rem;font-weight:500;position:relative}.ml-course-root .ml-nav-menu li a:after{content:"";background:linear-gradient(90deg, var(--ml-primary), var(--ml-accent));width:0;height:2px;transition:all var(--ml-transition);border-radius:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.ml-course-root .ml-nav-menu li a:hover,.ml-course-root .ml-nav-menu li a.active{color:var(--ml-text-primary)}.ml-course-root .ml-nav-menu li a:hover:after,.ml-course-root .ml-nav-menu li a.active:after{width:60%}.ml-course-root .ml-menu-toggle{cursor:pointer;z-index:1001;padding:.5rem;display:none}.ml-course-root .ml-bar{background-color:var(--ml-text-secondary);border-radius:2px;width:24px;height:2.5px;margin:5px auto;transition:all .3s;display:block}.ml-course-root .ml-menu-toggle.active .ml-bar:first-child{transform:translateY(7.5px)rotate(45deg)}.ml-course-root .ml-menu-toggle.active .ml-bar:nth-child(2){opacity:0;transform:translate(-20px)}.ml-course-root .ml-menu-toggle.active .ml-bar:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=768px){.ml-course-root .ml-menu-toggle{display:block}.ml-course-root .ml-nav-menu{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid var(--ml-glass-border);background:#06091afa;flex-direction:column;justify-content:center;gap:0;width:280px;height:100vh;padding:2rem;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.ml-course-root .ml-nav-menu.active{right:0}.ml-course-root .ml-nav-menu li{width:100%}.ml-course-root .ml-nav-menu li a{border-radius:var(--ml-radius-md);padding:1rem 1.5rem;font-size:1.1rem;display:block}.ml-course-root .ml-nav-menu li a:hover{background:var(--ml-glass-bg-hover)}.ml-course-root .ml-nav-menu li a:after{display:none}}.ml-course-root .ml-feature-card{background:var(--ml-glass-bg);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-xl);text-align:center;min-width:280px;max-width:380px;transition:all var(--ml-transition);flex:1;padding:2.5rem 2rem;position:relative;overflow:hidden}.ml-course-root .ml-feature-card:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d,#0000);width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ml-course-root .ml-feature-card:hover{box-shadow:0 20px 40px #0003, 0 0 30px var(--ml-primary-glow);background:var(--ml-glass-bg-hover);border-color:#6366f133;transform:translateY(-8px)}.ml-course-root .ml-feature-icon{background:linear-gradient(135deg, var(--ml-primary), var(--ml-primary-dark));width:70px;height:70px;box-shadow:0 8px 25px var(--ml-primary-glow);transition:all var(--ml-transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.ml-course-root .ml-feature-card:hover .ml-feature-icon{box-shadow:0 8px 30px var(--ml-primary-glow);transform:scale(1.1)}.ml-course-root .ml-feature-icon i{color:#fff;font-size:1.8rem}.ml-course-root .ml-feature-card h3{color:var(--ml-text-primary);margin-bottom:.8rem;font-size:1.3rem}.ml-course-root .ml-feature-card p{color:var(--ml-text-secondary);font-size:.95rem;line-height:1.7}.ml-course-root .ml-hero{justify-content:space-between;align-items:center;gap:2rem;min-height:92vh;padding:6rem 5% 4rem;display:flex;position:relative;overflow:hidden}.ml-course-root .ml-hero-bg-effects{z-index:0;pointer-events:none;position:absolute;inset:0}.ml-course-root .ml-hero-glow{filter:blur(120px);opacity:.25;border-radius:50%;position:absolute}.ml-course-root .ml-hero-glow-1{background:var(--ml-primary);width:500px;height:500px;animation:8s ease-in-out infinite ml-float;top:-15%;left:-8%}.ml-course-root .ml-hero-glow-2{background:var(--ml-accent);width:400px;height:400px;animation:10s ease-in-out infinite reverse ml-float;bottom:-15%;right:-8%}.ml-course-root .ml-hero-glow-3{background:var(--ml-cyan);opacity:.12;width:300px;height:300px;animation:12s ease-in-out infinite ml-float;top:40%;left:50%;transform:translate(-50%)}.ml-course-root .ml-hero-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.ml-course-root .ml-hero-particles{position:absolute;inset:0}.ml-course-root .ml-hero-particle{background:var(--ml-primary-light);opacity:.3;border-radius:50%;animation:ease-in-out infinite ml-particleFloat;position:absolute}@keyframes ml-particleFloat{0%,to{opacity:.1;transform:translateY(0)translate(0)}25%{opacity:.4}50%{opacity:.3;transform:translateY(-30px)translate(15px)}75%{opacity:.5}}.ml-course-root .ml-hero-content{z-index:1;flex-shrink:0;max-width:580px;position:relative}.ml-course-root .ml-hero-badge{background:var(--ml-glass-bg);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-full);color:var(--ml-primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;animation:3s ease-in-out infinite ml-borderGlow;display:inline-flex}.ml-course-root .ml-hero-badge i{font-size:1rem}.ml-course-root .ml-hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.15}.ml-course-root .ml-hero-subtitle{color:var(--ml-text-secondary);max-width:520px;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.ml-course-root .ml-hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.ml-course-root .ml-btn{border-radius:var(--ml-radius-md);transition:all var(--ml-transition);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.ml-course-root .ml-btn-primary{background:linear-gradient(135deg, var(--ml-primary), var(--ml-primary-dark));color:#fff;box-shadow:0 4px 15px var(--ml-primary-glow)}.ml-course-root .ml-btn-primary:hover{box-shadow:0 8px 25px var(--ml-primary-glow);color:#fff;transform:translateY(-2px)}.ml-course-root .ml-btn-outline{color:var(--ml-text-secondary);border:1px solid var(--ml-glass-border);background:0 0}.ml-course-root .ml-btn-outline:hover{background:var(--ml-glass-bg);color:var(--ml-text-primary);border-color:var(--ml-glass-border-hover)}.ml-course-root .ml-hero-stats{background:var(--ml-glass-bg);border-radius:var(--ml-radius-lg);border:1px solid var(--ml-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:1.5rem;padding:1.2rem 1.8rem;display:inline-flex}.ml-course-root .ml-stat-item{text-align:center}.ml-course-root .ml-stat-number{background:linear-gradient(135deg, var(--ml-cyan), var(--ml-primary-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;display:block}.ml-course-root .ml-stat-label{color:var(--ml-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem}.ml-course-root .ml-stat-divider{background:var(--ml-glass-border);width:1px;height:30px}.ml-course-root .ml-hero-visual{z-index:1;flex:1;justify-content:center;max-width:700px;display:flex;position:relative}.ml-course-root .ml-nn-container{border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06091a80;width:100%;max-width:650px;padding:1.5rem 2rem 1rem;position:relative;overflow:hidden}.ml-course-root .ml-nn-container:before{content:"";background:linear-gradient(90deg, transparent, var(--ml-primary-glow), transparent);height:1px;position:absolute;top:0;left:0;right:0}.ml-course-root .ml-nn-container:after{content:"";pointer-events:none;background:radial-gradient(#6366f10d,#0000 70%);position:absolute;inset:0}.ml-course-root .ml-nn-label{color:var(--ml-text-muted);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.72rem}.ml-course-root .ml-nn-svg{width:100%;height:auto}.ml-course-root .ml-nn-connection{animation:3s ease-in-out infinite ml-connectionPulse}@keyframes ml-connectionPulse{0%,to{opacity:.15}50%{opacity:.35}}.ml-course-root .ml-nn-node-group{animation:2s ease-in-out infinite ml-nodeGlow}@keyframes ml-nodeGlow{0%,to{opacity:.85}50%{opacity:1}}.ml-course-root .ml-nn-ring{animation:2.5s ease-in-out infinite ml-ringPulse}@keyframes ml-ringPulse{0%,to{r:12;opacity:.2}50%{r:16;opacity:.4}}.ml-course-root .ml-nn-node-circle{transition:r .3s}.ml-course-root .ml-features-section{max-width:1200px;margin:0 auto;padding:5rem 5%}.ml-course-root .ml-section-title{text-align:center;margin-bottom:3rem;font-size:2.2rem}.ml-course-root .ml-features-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.ml-course-root .ml-about-section{max-width:900px;margin:0 auto;padding:3rem 5% 5rem}.ml-course-root .ml-about-card{background:var(--ml-glass-bg);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-xl);padding:3rem;position:relative;overflow:hidden}.ml-course-root .ml-about-card:before{content:"";background:linear-gradient(90deg, var(--ml-primary), var(--ml-accent), var(--ml-cyan));height:2px;position:absolute;top:0;left:0;right:0}.ml-course-root .ml-about-card h2{margin-bottom:1.5rem;font-size:2rem}.ml-course-root .ml-about-card p{color:var(--ml-text-secondary);margin-bottom:1.2rem;line-height:1.8}.ml-course-root .ml-about-highlights{grid-template-columns:1fr 1fr;gap:.8rem;margin:2rem 0;display:grid}.ml-course-root .ml-about-highlight-item{color:var(--ml-text-secondary);align-items:center;gap:.6rem;font-size:.92rem;display:flex}.ml-course-root .ml-about-highlight-item i{color:var(--ml-secondary-light);font-size:.9rem}.ml-course-root .ml-about-cta{margin-top:1rem}@media (width<=1100px){.ml-course-root .ml-hero{text-align:center;flex-direction:column;gap:3rem;min-height:auto;padding-top:7rem}.ml-course-root .ml-hero-content{max-width:100%}.ml-course-root .ml-hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.ml-course-root .ml-hero-actions{justify-content:center}.ml-course-root .ml-hero-stats{margin:0 auto}.ml-course-root .ml-hero-visual{width:100%;max-width:550px}.ml-course-root .ml-hero h1{font-size:2.8rem}}@media (width<=768px){.ml-course-root .ml-hero h1{font-size:2.2rem}.ml-course-root .ml-about-highlights{grid-template-columns:1fr}.ml-course-root .ml-about-card{padding:2rem}.ml-course-root .ml-hero-stats{flex-wrap:wrap;gap:1rem;padding:1rem}.ml-course-root .ml-nn-container{padding:1rem}}@media (width<=480px){.ml-course-root .ml-hero h1{font-size:1.8rem}.ml-course-root .ml-hero-subtitle{font-size:.95rem}.ml-course-root .ml-features-section{padding:3rem 5%}.ml-course-root .ml-section-title{font-size:1.6rem}.ml-course-root .ml-hero{padding-top:5rem}}.ml-topic-card{background:var(--ml-glass-bg);border-radius:var(--ml-radius-lg);transition:all var(--ml-transition);border:1px solid var(--ml-glass-border);overflow:hidden}.ml-topic-card:hover{border-color:var(--ml-glass-border-hover);box-shadow:var(--ml-shadow-md)}.ml-topic-header{cursor:pointer;transition:background var(--ml-transition);background:#11182766;align-items:center;padding:1.2rem 1.5rem;display:flex}.ml-topic-header:hover{background:#11182799}.ml-topic-icon{background:linear-gradient(135deg, var(--ml-primary), var(--ml-primary-dark));border-radius:var(--ml-radius-md);width:48px;height:48px;box-shadow:0 4px 15px var(--ml-primary-glow);flex-shrink:0;justify-content:center;align-items:center;margin-right:1.2rem;display:flex}.ml-topic-icon i{color:#fff;font-size:1.3rem}.ml-topic-title{color:var(--ml-text-primary);flex:1;font-size:1.15rem;font-weight:600}.ml-expand-icon{padding:.5rem}.ml-expand-icon i{color:var(--ml-text-secondary);font-size:1rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ml-topic-card.expanded .ml-expand-icon i{transform:rotate(180deg)}.ml-subtopics-list{max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.ml-topic-card.expanded .ml-subtopics-list{max-height:1000px}.ml-subtopic-item{color:var(--ml-text-secondary);transition:all var(--ml-transition);border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.9rem 1.5rem .9rem 4.5rem;text-decoration:none;display:flex}.ml-subtopic-item:hover{color:var(--ml-primary-light);background:#6366f10f;padding-left:5rem}.ml-subtopic-name{flex:1;padding-right:1rem;line-height:1.5}.ml-subtopic-item i{opacity:.5;font-size:.8rem;transition:transform .3s}.ml-subtopic-item:hover i{opacity:1;transform:translate(5px)}@media (width<=768px){.ml-topic-header{padding:1rem}.ml-topic-icon{width:40px;height:40px;margin-right:1rem}.ml-topic-title{font-size:1rem}.ml-subtopic-item{padding-left:3.5rem;font-size:.9rem}.ml-subtopic-item:hover{padding-left:4rem}}.ml-course-root .ml-topics-page{max-width:900px;margin:0 auto;padding:2rem 5%}.ml-course-root .ml-topics-hero{text-align:center;padding:3rem 0}.ml-course-root .ml-topics-hero h1{margin-bottom:1rem;font-size:2.5rem}.ml-course-root .ml-topics-subtitle{color:var(--ml-text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.ml-course-root .ml-topics-grid{flex-direction:column;gap:1rem;padding-bottom:3rem;display:flex}@media (width<=768px){.ml-course-root .ml-topics-hero h1{font-size:1.8rem}.ml-course-root .ml-topics-subtitle{font-size:.95rem}.ml-course-root .ml-topics-page{padding:1.5rem 4%}}.ml-breadcrumb{color:var(--ml-text-muted);flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:1.5rem;font-size:.88rem;display:flex}.ml-breadcrumb a{color:var(--ml-primary-light);transition:color var(--ml-transition)}.ml-breadcrumb a:hover{color:var(--ml-accent)}.ml-breadcrumb-sep{color:var(--ml-text-muted);margin:0 .2rem}.ml-breadcrumb-current{color:var(--ml-text-secondary)}.ml-glass-card{background:var(--ml-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-lg);transition:all var(--ml-transition);margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.ml-glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.ml-glass-card:hover{background:var(--ml-glass-bg-hover);border-color:var(--ml-glass-border-hover);box-shadow:var(--ml-shadow-md);transform:translateY(-3px)}.ml-glass-card h3{color:var(--ml-text-primary);margin-bottom:.8rem;font-size:1.25rem}.ml-glass-card p{color:var(--ml-text-secondary);margin-bottom:.8rem;line-height:1.8}.ml-glass-card ul{margin-bottom:.8rem;padding-left:1.5rem}.ml-glass-card ul li{color:var(--ml-text-secondary);margin-bottom:.4rem;line-height:1.7;list-style-type:disc}.ml-glass-card--example h3{color:var(--ml-cyan)}.ml-glass-card--application h3{color:var(--ml-secondary-light)}.ml-glass-card--resource{background:#11182780}.ml-course-root .ml-code-block-wrapper{border-radius:var(--ml-radius-md);border:1px solid var(--ml-glass-border);box-shadow:var(--ml-shadow-sm);margin:1rem 0;overflow:hidden}.ml-course-root .ml-code-block-header{border-bottom:1px solid var(--ml-glass-border);background:#1e293be6;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.ml-course-root .ml-code-language-badge{color:var(--ml-cyan);border-radius:var(--ml-radius-sm);text-transform:uppercase;letter-spacing:.5px;background:#22d3ee1a;padding:.2rem .6rem;font-family:Fira Code,monospace;font-size:.75rem;font-weight:500}.ml-course-root .ml-copy-btn{border:1px solid var(--ml-glass-border);color:var(--ml-text-secondary);border-radius:var(--ml-radius-sm);cursor:pointer;transition:all var(--ml-transition);background:0 0;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:Inter,sans-serif;font-size:.78rem;display:flex}.ml-course-root .ml-copy-btn:hover{background:var(--ml-glass-bg-hover);color:var(--ml-text-primary);border-color:var(--ml-glass-border-hover)}.ml-course-root .ml-copy-btn.copied{color:#4ade80;border-color:#4ade804d}.ml-question-card{background:var(--ml-glass-bg);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-md);transition:all var(--ml-transition);margin-bottom:1rem;overflow:hidden}.ml-question-card:hover{border-color:var(--ml-glass-border-hover)}.ml-question-card.expanded{border-color:#6366f133;box-shadow:0 4px 20px #6366f114}.ml-question-header{cursor:pointer;transition:background var(--ml-transition);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;display:flex}.ml-question-header:hover{background:var(--ml-glass-bg-hover)}.ml-question-header h3{color:var(--ml-text-primary);flex:1;font-size:1rem;font-weight:600;line-height:1.5}.ml-toggle-answer-btn{color:var(--ml-primary-light);cursor:pointer;white-space:nowrap;transition:color var(--ml-transition);background:0 0;border:none;align-items:center;gap:.4rem;padding:.3rem 0;font-family:Inter,sans-serif;font-size:.85rem;display:flex}.ml-toggle-answer-btn:hover{color:var(--ml-accent)}.ml-toggle-answer-btn i{font-size:.75rem;transition:transform .3s}.ml-answer-body{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.ml-answer-content{border-top:1px solid var(--ml-glass-border);padding:1rem 1.5rem 1.2rem}.ml-answer-content p{color:var(--ml-text-secondary);margin-bottom:.5rem;line-height:1.8}.ml-answer-content ul{padding-left:1.5rem}.ml-answer-content ul li{color:var(--ml-text-secondary);margin-bottom:.3rem;line-height:1.7;list-style-type:disc}@media (width<=768px){.ml-question-header{flex-direction:column;gap:.6rem}.ml-toggle-answer-btn{align-self:flex-start}}.ml-resource-card{background:var(--ml-glass-bg);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius-md);transition:all var(--ml-transition);align-items:center;gap:1.2rem;margin-bottom:1rem;padding:1.2rem 1.5rem;display:flex}.ml-resource-card:hover{background:var(--ml-glass-bg-hover);border-color:var(--ml-glass-border-hover);transform:translate(5px)}.ml-resource-icon{text-align:center;flex-shrink:0;width:50px;font-size:2rem}.ml-resource-youtube .ml-resource-icon{color:red}.ml-resource-pdf .ml-resource-icon{color:#e44d26}.ml-resource-info h3{color:var(--ml-text-primary);margin-bottom:.3rem;font-size:1rem;font-weight:600}.ml-resource-link{color:var(--ml-primary-light);transition:color var(--ml-transition);align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}.ml-resource-link:hover{color:var(--ml-accent)}.ml-resource-link i{font-size:.7rem}.ml-course-root .ml-subtopic-page{max-width:900px;margin:0 auto;padding:2rem 5%}.ml-course-root .ml-subtopic-container{padding-bottom:3rem}.ml-course-root .ml-subtopic-title{border-bottom:2px solid var(--ml-glass-border);margin-bottom:2rem;padding-bottom:1rem;font-size:2.2rem;position:relative}.ml-course-root .ml-subtopic-title:after{content:"";background:linear-gradient(90deg, var(--ml-primary), var(--ml-accent));width:120px;height:2px;position:absolute;bottom:-2px;left:0}.ml-course-root .ml-subtopic-section{margin-bottom:3rem}.ml-course-root .ml-subtopic-section h2{color:var(--ml-text-primary);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:1.6rem;display:flex}.ml-course-root .ml-subtopic-section h2 i{color:var(--ml-primary-light);font-size:1.3rem}.ml-course-root .ml-section-text{color:var(--ml-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.ml-course-root .ml-example-block{margin-bottom:2rem}.ml-course-root .ml-example-title{color:var(--ml-cyan);margin-bottom:.8rem;font-size:1.15rem}.ml-course-root .ml-example-list{margin-bottom:1rem;padding-left:1.5rem}.ml-course-root .ml-example-list li{color:var(--ml-text-secondary);margin-bottom:.4rem;line-height:1.7;list-style-type:disc}.ml-course-root .ml-application-content{align-items:flex-start;gap:1.5rem;display:flex}.ml-course-root .ml-application-text{flex:1}.ml-course-root .ml-application-text ul{padding-left:1.2rem}.ml-course-root .ml-application-text ul li{color:var(--ml-text-secondary);margin-bottom:.6rem;line-height:1.7;list-style-type:disc}.ml-course-root .ml-application-image{border-radius:var(--ml-radius-md);border:1px solid var(--ml-glass-border);flex:0 0 250px;overflow:hidden}.ml-course-root .ml-application-image img{object-fit:cover;width:100%;height:180px;transition:transform .5s}.ml-course-root .ml-application-image img:hover{transform:scale(1.05)}.ml-course-root .ml-navigation-buttons{border-top:1px solid var(--ml-glass-border);gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.ml-course-root .ml-nav-back-btn{align-items:center;gap:.5rem;display:inline-flex}.ml-course-root .ml-not-found{text-align:center;padding:5rem 2rem}.ml-course-root .ml-not-found h1{background:linear-gradient(135deg, var(--ml-primary), var(--ml-accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:5rem}.ml-course-root .ml-not-found p{color:var(--ml-text-secondary);margin-bottom:2rem;font-size:1.3rem}@media (width<=768px){.ml-course-root .ml-subtopic-title{font-size:1.6rem}.ml-course-root .ml-subtopic-section h2{font-size:1.3rem}.ml-course-root .ml-application-content{flex-direction:column}.ml-course-root .ml-application-image{flex:none;width:100%}.ml-course-root .ml-application-image img{height:200px}}@media (width<=480px){.ml-course-root .ml-subtopic-page{padding:1.5rem 4%}.ml-course-root .ml-subtopic-title{font-size:1.35rem}}.ml-course-root{--ml-primary:#6366f1;--ml-primary-light:#818cf8;--ml-primary-dark:#4f46e5;--ml-primary-glow:#6366f159;--ml-accent:#f97316;--ml-accent-light:#fb923c;--ml-accent-glow:#f973164d;--ml-secondary:#14b8a6;--ml-secondary-light:#2dd4bf;--ml-cyan:#22d3ee;--ml-cyan-glow:#22d3ee40;--ml-bg-deep:#06091a;--ml-bg-primary:#0b1120;--ml-bg-secondary:#111827;--ml-glass-bg:#ffffff0a;--ml-glass-bg-hover:#ffffff14;--ml-glass-border:#ffffff14;--ml-glass-border-hover:#ffffff26;--ml-text-primary:#f1f5f9;--ml-text-secondary:#94a3b8;--ml-text-muted:#64748b;--ml-radius-sm:8px;--ml-radius-md:12px;--ml-radius-lg:16px;--ml-radius-xl:20px;--ml-radius-full:9999px;--ml-transition:.3s cubic-bezier(.4, 0, .2, 1);--ml-shadow-sm:0 2px 8px #00000026;--ml-shadow-md:0 8px 32px #0003;--ml-shadow-lg:0 16px 48px #00000040;color:var(--ml-text-primary);background:var(--ml-bg-deep);box-sizing:border-box;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}.ml-course-root *,.ml-course-root :before,.ml-course-root :after{box-sizing:border-box}.ml-course-root h1,.ml-course-root h2,.ml-course-root h3,.ml-course-root h4,.ml-course-root h5,.ml-course-root h6{color:var(--ml-text-primary);margin:0;font-family:Poppins,sans-serif;font-weight:700;line-height:1.3}.ml-course-root a{color:var(--ml-primary-light);transition:color var(--ml-transition);text-decoration:none}.ml-course-root a:hover{color:var(--ml-accent)}.ml-course-root ul{margin:0;padding:0;list-style:none}.ml-course-root img{max-width:100%;height:auto;display:block}.ml-course-root p{margin:0}.ml-gradient-text{background:linear-gradient(135deg, var(--ml-cyan), var(--ml-primary-light), var(--ml-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.ml-highlight{color:var(--ml-accent)}@keyframes ml-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ml-borderGlow{0%,to{border-color:var(--ml-glass-border)}50%{border-color:#6366f14d}}.ml-course-root ::-webkit-scrollbar{width:8px}.ml-course-root ::-webkit-scrollbar-track{background:var(--ml-bg-deep)}.ml-course-root ::-webkit-scrollbar-thumb{background:var(--ml-primary-dark);border-radius:4px}.ml-course-root ::-webkit-scrollbar-thumb:hover{background:var(--ml-primary)}.ml-course-root main{min-height:calc(100vh - 200px);position:relative}:root{--dsc-primary:#38bdf8;--dsc-primary-dark:#0284c7;--dsc-primary-soft:#38bdf829;--dsc-secondary:#34d399;--dsc-secondary-soft:#34d39929;--dsc-accent:#c084fc;--dsc-accent-strong:#7c3aed;--dsc-coral:#fb7185;--dsc-amber:#fbbf24;--dsc-ink:#07111f;--dsc-text:#dbeafe;--dsc-muted:#99adc7;--dsc-border:#94a3b838;--dsc-glass:#0f172aad;--dsc-glass-strong:#0f172ad6;--dsc-glass-light:#ffffff14;--dsc-surface:#0f172ac7;--dsc-surface-soft:#1e293b9e;--dsc-light-card:#ffffffdb;--dsc-light-text:#0f172a;--dsc-light-muted:#526071;--dsc-dark:#050816;--dsc-space-1:.25rem;--dsc-space-2:.5rem;--dsc-space-3:.75rem;--dsc-space-4:1rem;--dsc-space-5:1.25rem;--dsc-space-6:1.5rem;--dsc-space-8:2rem;--dsc-space-10:2.5rem;--dsc-space-12:3rem;--dsc-space-16:4rem;--dsc-space-20:5rem;--dsc-radius-sm:7px;--dsc-radius:10px;--dsc-radius-lg:14px;--dsc-shadow-sm:0 10px 25px #00000024;--dsc-shadow:0 24px 70px #0000003d;--dsc-shadow-lg:0 34px 95px #00000057;--dsc-glow:0 0 38px #38bdf838;--dsc-font-main:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dsc-font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--dsc-transition:.19s ease}.dsc-course-root{min-height:100vh;color:var(--dsc-text);font-family:var(--dsc-font-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 8%,#38bdf857,#0000 31rem),radial-gradient(circle at 86% 4%,#c084fc57,#0000 28rem),radial-gradient(circle at 76% 58%,#34d39933,#0000 27rem),linear-gradient(135deg,#06111f 0%,#0b1020 44%,#150e24 100%);line-height:1.6}.dsc-course-root:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.dsc-course-root *,.dsc-course-root :before,.dsc-course-root :after{box-sizing:border-box}.dsc-course-root main{min-height:60vh}.dsc-course-root h1,.dsc-course-root h2,.dsc-course-root h3,.dsc-course-root h4,.dsc-course-root p,.dsc-course-root ul,.dsc-course-root pre{margin-top:0}.dsc-course-root h1,.dsc-course-root h2,.dsc-course-root h3,.dsc-course-root h4{color:#f8fbff;letter-spacing:0;line-height:1.12}.dsc-course-root a{color:inherit;text-decoration:none}.dsc-course-root button,.dsc-course-root a{-webkit-tap-highlight-color:transparent}.dsc-course-root :focus-visible{outline-offset:3px;outline:3px solid #38bdf86b}.dsc-course-root img{max-width:100%;display:block}.dsc-header{z-index:40;justify-content:space-between;align-items:center;gap:var(--dsc-space-6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050816c2;border-bottom:1px solid #94a3b82e;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0;box-shadow:0 16px 42px #00000038}.dsc-logo h1{color:#f8fbff;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:900}.dsc-logo h1:after{content:"";background:linear-gradient(90deg, var(--dsc-primary), var(--dsc-secondary), var(--dsc-accent));border-radius:99px;width:62px;height:3px;margin-top:5px;display:block}.dsc-nav ul{align-items:center;gap:var(--dsc-space-2);margin:0;padding:0;list-style:none;display:flex}.dsc-nav a{min-height:40px;padding:0 var(--dsc-space-4);color:#bfd0e4;border-radius:var(--dsc-radius);transition:color var(--dsc-transition), background var(--dsc-transition), border-color var(--dsc-transition);border:1px solid #0000;align-items:center;font-weight:800;display:inline-flex}.dsc-nav a:hover,.dsc-nav a.active{color:#fff;background:#ffffff14;border-color:#38bdf857}.dsc-mobile-menu-btn{border:1px solid var(--dsc-border);border-radius:var(--dsc-radius);width:42px;height:42px;box-shadow:var(--dsc-shadow-sm);cursor:pointer;background:#ffffff14;flex:0 0 42px;padding:9px;display:none}.dsc-mobile-menu-btn span{width:100%;height:2px;transition:transform var(--dsc-transition), opacity var(--dsc-transition);background:#fff;border-radius:99px;margin:4px 0;display:block}.dsc-hero{width:min(1240px,100% - 2rem);padding:clamp(3.25rem, 8vw, 6.75rem) 0 var(--dsc-space-16);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid;position:relative}.dsc-hero:before{content:"";filter:blur(.1px);background:linear-gradient(135deg,#38bdf82e,#c084fc24);border:1px solid #ffffff14;border-radius:24px;position:absolute;inset:7% 44% 9% -5%;transform:rotate(-2deg)}.dsc-hero-content{z-index:1;max-width:690px;position:relative}.dsc-hero-content:before{content:"DATA SCIENCE COURSE";margin-bottom:var(--dsc-space-4);padding:var(--dsc-space-2) var(--dsc-space-4);color:#e0f7ff;box-shadow:var(--dsc-glow);letter-spacing:.08em;background:linear-gradient(135deg,#38bdf833,#c084fc29);border:1px solid #38bdf861;border-radius:999px;font-size:.78rem;font-weight:900;display:inline-flex}.dsc-hero h1{max-width:11ch;margin-bottom:var(--dsc-space-5);font-size:clamp(2.8rem,7vw,6.4rem);font-weight:950}.dsc-hero h1 span{color:#0000;background:linear-gradient(90deg,#67e8f9 0%,#a7f3d0 42%,#f0abfc 100%);-webkit-background-clip:text;background-clip:text}.dsc-hero p{max-width:58ch;margin-bottom:var(--dsc-space-6);color:#bfd0e4;font-size:clamp(1.05rem,2vw,1.25rem)}.dsc-hero-stats{gap:var(--dsc-space-3);max-width:520px;margin-bottom:var(--dsc-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dsc-hero-stats div{padding:var(--dsc-space-4);border-radius:var(--dsc-radius);box-shadow:var(--dsc-shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1f}.dsc-hero-stats strong{color:#fff;font-size:1.55rem;line-height:1;display:block}.dsc-hero-stats small{color:#9fb5ce;font-weight:800}.dsc-cta-button,.dsc-view-all-link,.dsc-resource-link{min-height:48px;padding:0 var(--dsc-space-6);color:#05111f;background:linear-gradient(135deg, var(--dsc-primary), var(--dsc-secondary));border-radius:var(--dsc-radius);transition:transform var(--dsc-transition), box-shadow var(--dsc-transition), filter var(--dsc-transition);border:1px solid #ffffff42;justify-content:center;align-items:center;font-weight:900;display:inline-flex;box-shadow:0 18px 44px #38bdf842}.dsc-cta-button:hover,.dsc-view-all-link:hover,.dsc-resource-link:hover{color:#05111f;filter:saturate(1.15);transform:translateY(-2px);box-shadow:0 24px 58px #34d39947}.dsc-hero-image{z-index:1;min-height:410px;position:relative}.dsc-hero-image:before,.dsc-hero-image:after{content:"";border-radius:24px;position:absolute}.dsc-hero-image:before{background:linear-gradient(135deg,#38bdf847,#c084fc3d),repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 36px);inset:8% -4% -6% 10%;transform:rotate(4deg)}.dsc-hero-image:after{filter:blur(14px);background:radial-gradient(circle,#34d399b3,#0000 70%);width:140px;height:140px;top:-2%;right:10%}.dsc-hero-image img{object-fit:cover;width:100%;height:min(500px,50vw);min-height:350px;box-shadow:var(--dsc-shadow-lg);border:1px solid #ffffff2e;border-radius:22px;position:relative}.dsc-hero-insight{z-index:2;max-width:260px;padding:var(--dsc-space-4);border-radius:var(--dsc-radius);box-shadow:var(--dsc-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050816b3;border:1px solid #ffffff29;position:absolute;bottom:8%;right:7%}.dsc-hero-insight span{margin-bottom:var(--dsc-space-1);color:var(--dsc-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.dsc-hero-insight strong{color:#fff}.dsc-features,.dsc-topics-preview{padding:var(--dsc-space-16) clamp(1rem, 4vw, 2rem);position:relative}.dsc-features{background:linear-gradient(#ffffff0a,#ffffff05);border-block:1px solid #ffffff14}.dsc-topics-preview{background:radial-gradient(circle at 8% 20%,#fb71851f,#0000 22rem),radial-gradient(circle at 92% 20%,#38bdf824,#0000 24rem)}.dsc-features h2,.dsc-topics-preview h2{max-width:920px;margin:0 auto var(--dsc-space-10);text-align:center;font-size:clamp(2rem,4vw,3.25rem);font-weight:950}.dsc-features h2:after,.dsc-topics-preview h2:after{content:"";width:120px;height:4px;margin:var(--dsc-space-4) auto 0;background:linear-gradient(90deg, var(--dsc-primary), var(--dsc-secondary), var(--dsc-accent));border-radius:99px;display:block}.dsc-feature-cards,.dsc-topics-grid,.dsc-subtopics,.dsc-application-cards,.dsc-industry-grid{gap:var(--dsc-space-5);display:grid}.dsc-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto}.dsc-feature-card,.dsc-topic-card,.dsc-subtopic-card,.dsc-application-card,.dsc-industry-item,.dsc-content-section,.dsc-table-of-contents,.dsc-about-text{background:var(--dsc-glass);border:1px solid var(--dsc-border);border-radius:var(--dsc-radius-lg);box-shadow:var(--dsc-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.dsc-feature-card:before,.dsc-topic-card:before,.dsc-subtopic-card:before,.dsc-application-card:before,.dsc-industry-item:before,.dsc-content-section:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(135deg,#ffffff2e,#0000 34%);position:absolute;inset:0}.dsc-feature-card,.dsc-topic-card,.dsc-subtopic-card,.dsc-application-card,.dsc-industry-item{padding:var(--dsc-space-6);transition:transform var(--dsc-transition), border-color var(--dsc-transition), box-shadow var(--dsc-transition)}.dsc-feature-card:hover,.dsc-topic-card:hover,.dsc-subtopic-card:hover,.dsc-application-card:hover,.dsc-industry-item:hover{box-shadow:var(--dsc-shadow-lg), var(--dsc-glow);border-color:#38bdf875;transform:translateY(-6px)}.dsc-feature-icon{width:56px;height:56px;margin-bottom:var(--dsc-space-5);color:#05111f;background:linear-gradient(135deg, var(--dsc-primary), var(--dsc-secondary));border-radius:var(--dsc-radius);place-items:center;display:grid;position:relative;box-shadow:0 16px 34px #38bdf83d}.dsc-feature-card h3,.dsc-topic-card h3,.dsc-subtopic-card h3,.dsc-application-card h3,.dsc-industry-item h3{margin-bottom:var(--dsc-space-3);color:#fff;font-size:1.22rem;position:relative}.dsc-feature-card p,.dsc-topic-card p,.dsc-subtopic-card p,.dsc-application-card p{color:var(--dsc-muted);margin-bottom:0;position:relative}.dsc-topics-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:0 auto}.dsc-topic-card{flex-direction:column;min-height:240px;display:flex}.dsc-topic-card h3,.dsc-subtopic-card h3{color:#e0f7ff}.dsc-topic-card p{flex:1}.dsc-topic-link{margin-top:var(--dsc-space-5);color:var(--dsc-secondary);font-weight:900;position:relative}.dsc-topic-link:hover{color:#fff}.dsc-view-all-container{margin-top:var(--dsc-space-8);text-align:center}.dsc-topics-container,.dsc-subtopic-container,.dsc-about-container{width:min(1220px,100% - 2rem);padding:var(--dsc-space-12) 0 var(--dsc-space-16);margin:0 auto;position:relative}.dsc-topics-header,.dsc-subtopic-header,.dsc-about-header{margin-bottom:var(--dsc-space-8);box-shadow:var(--dsc-shadow);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#38bdf829,#c084fc29),#0f172aa3;border:1px solid #ffffff21;border-radius:18px;padding:clamp(2rem,5vw,4rem)}.dsc-topics-header h1,.dsc-subtopic-title,.dsc-about-header h1{margin-bottom:var(--dsc-space-4);font-size:clamp(2.1rem,5vw,3.8rem);font-weight:950}.dsc-topics-header p,.dsc-about-header p{color:#bfd0e4;max-width:760px;margin:0 auto;font-size:1.12rem}.dsc-topics-list{gap:var(--dsc-space-8);display:grid}.dsc-topic-section{border:1px solid #ffffff1f;border-left:6px solid var(--dsc-primary);border-radius:var(--dsc-radius-lg);box-shadow:var(--dsc-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab3;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:96px}.dsc-topic-section h2{justify-content:space-between;align-items:center;gap:var(--dsc-space-4);margin-bottom:var(--dsc-space-6);padding-bottom:var(--dsc-space-4);border-bottom:1px solid #ffffff1c;font-size:clamp(1.45rem,3vw,2rem);display:flex}.dsc-subtopics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dsc-subtopic-card{min-height:150px}#dsc-python-libraries{border-left-color:var(--dsc-secondary)}#dsc-data-cleaning{border-left-color:var(--dsc-accent)}#dsc-data-transformation{border-left-color:#22c55e}#dsc-descriptive-statistics{border-left-color:var(--dsc-amber)}#dsc-data-visualization{border-left-color:var(--dsc-coral)}#dsc-mini-projects{border-left-color:#e879f9}#dsc-external-data{border-left-color:#f472b6}#dsc-statistics{border-left-color:#22d3ee}#dsc-ml-ready{border-left-color:#fb923c}.dsc-breadcrumbs{justify-content:center;gap:var(--dsc-space-2);margin-bottom:var(--dsc-space-5);color:#9fb5ce;flex-wrap:wrap;font-size:.92rem;font-weight:800;display:flex}.dsc-breadcrumbs a{color:#e0f7ff}.dsc-subtopic-meta{justify-content:center;gap:var(--dsc-space-4);color:#bfd0e4;flex-wrap:wrap;font-weight:800;display:flex}.dsc-subtopic-meta span{align-items:center;gap:var(--dsc-space-2);display:inline-flex}.dsc-table-of-contents{z-index:4;margin-bottom:var(--dsc-space-8);padding:var(--dsc-space-5);position:sticky;top:84px}.dsc-table-of-contents h3{margin-bottom:var(--dsc-space-4);font-size:1.15rem}.dsc-toc-list{gap:var(--dsc-space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.dsc-toc-list a{padding:var(--dsc-space-2) var(--dsc-space-3);color:#aebfd4;border-radius:var(--dsc-radius-sm);font-size:.92rem;font-weight:900;display:block}.dsc-toc-list a:hover,.dsc-toc-list a.dsc-toc-active{color:#05111f;background:linear-gradient(135deg, var(--dsc-primary), var(--dsc-secondary))}.dsc-subtopic-content{gap:var(--dsc-space-6);display:grid}.dsc-content-section{padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:150px}.dsc-content-section h2{margin-bottom:var(--dsc-space-5);padding-bottom:var(--dsc-space-3);border-bottom:1px solid #ffffff1f;font-size:clamp(1.45rem,3vw,2rem);position:relative}.dsc-content-section h2:after{content:"";background:linear-gradient(90deg, var(--dsc-primary), var(--dsc-secondary));width:88px;height:2px;position:absolute;bottom:-1px;left:0}.dsc-content-section p{color:#bfd0e4;font-size:1.03rem;position:relative}.dsc-prerequisites-list,.dsc-industry-item ul{margin-bottom:0;padding-left:1.25rem;position:relative}.dsc-prerequisites-list{gap:var(--dsc-space-2);padding:var(--dsc-space-5) var(--dsc-space-5) var(--dsc-space-5) 2.5rem;color:#dbeafe;border-radius:var(--dsc-radius);background:#ffffff0f;border:1px solid #ffffff1f;display:grid}.dsc-code-example{margin-top:var(--dsc-space-5);border-radius:var(--dsc-radius);box-shadow:var(--dsc-shadow), inset 0 1px 0 #ffffff14;background:#020617;border:1px solid #38bdf847;position:relative;overflow:hidden}.dsc-code-example:before{content:"PYTHON";padding:var(--dsc-space-2) var(--dsc-space-5);color:var(--dsc-primary);letter-spacing:.08em;background:#ffffff0d;border-bottom:1px solid #ffffff14;font-size:.76rem;font-weight:900;display:block}.dsc-code-example pre{padding:var(--dsc-space-6);color:#e2e8f0;font-family:var(--dsc-font-mono);margin:0;font-size:.92rem;line-height:1.7;overflow-x:auto}.dsc-application-cards,.dsc-industry-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dsc-industry-item li{margin-bottom:var(--dsc-space-2);color:#aebfd4}.dsc-resource-item{align-items:center;gap:var(--dsc-space-4);padding:var(--dsc-space-5);margin-bottom:var(--dsc-space-4);border-radius:var(--dsc-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.dsc-resource-icon{color:#05111f;background:linear-gradient(135deg, var(--dsc-secondary), var(--dsc-primary));border-radius:var(--dsc-radius);place-items:center;width:48px;height:48px;display:grid}.dsc-resource-details h4{margin-bottom:var(--dsc-space-1);color:#fff;font-size:1.08rem}.dsc-resource-details p{color:#9fb5ce;margin-bottom:0;font-size:.95rem}.dsc-resource-link{min-height:40px;padding:0 var(--dsc-space-4);box-shadow:none}.dsc-accordion{border-radius:var(--dsc-radius);border:1px solid #ffffff21;position:relative;overflow:hidden}.dsc-accordion-item+.dsc-accordion-item{border-top:1px solid #ffffff1a}.dsc-accordion-header{justify-content:space-between;align-items:center;gap:var(--dsc-space-4);width:100%;padding:var(--dsc-space-5);color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:0;font-weight:900;display:flex}.dsc-accordion-header:hover,.dsc-accordion-item.active .dsc-accordion-header{color:#05111f;background:linear-gradient(135deg, var(--dsc-primary), var(--dsc-secondary))}.dsc-accordion-header svg{transition:transform var(--dsc-transition);flex:none}.dsc-accordion-item.active .dsc-accordion-header svg{transform:rotate(180deg)}.dsc-accordion-content{max-height:0;transition:max-height var(--dsc-transition), padding var(--dsc-transition);overflow:hidden}.dsc-accordion-item.active .dsc-accordion-content{max-height:420px;padding:var(--dsc-space-5)}.dsc-accordion-content p{color:#bfd0e4;margin-bottom:0}.dsc-about-content{gap:var(--dsc-space-6);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.dsc-about-image{border-radius:var(--dsc-radius-lg);box-shadow:var(--dsc-shadow);border:1px solid #ffffff21;overflow:hidden}.dsc-about-image img{object-fit:cover;width:100%;min-height:420px}.dsc-about-text{padding:clamp(1.25rem,3vw,2rem)}.dsc-about-text h2{margin:var(--dsc-space-6) 0 var(--dsc-space-3);color:#fff;font-size:1.45rem}.dsc-about-text h2:first-child{margin-top:0}.dsc-about-text p,.dsc-about-text li{color:#bfd0e4}.dsc-footer{color:#bfd0e4;background:radial-gradient(circle at 12% 0%, #38bdf838, transparent 22rem), var(--dsc-dark);border-top:1px solid #ffffff1a}.dsc-footer-content{gap:var(--dsc-space-8);width:min(1220px,100% - 2rem);padding:var(--dsc-space-12) 0;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(160px,1fr));margin:0 auto;display:grid}.dsc-footer h2,.dsc-footer h3{color:#fff}.dsc-footer-logo p{color:#9fb5ce}.dsc-footer ul{gap:var(--dsc-space-2);margin:0;padding:0;list-style:none;display:grid}.dsc-footer a{color:#bfd0e4}.dsc-footer a:hover{color:#fff}.dsc-social-icons{gap:var(--dsc-space-3);flex-wrap:wrap;display:flex}.dsc-social-icon{border-radius:var(--dsc-radius);background:#ffffff14;border:1px solid #ffffff1f;place-items:center;width:42px;height:42px;display:grid}.dsc-footer-bottom{padding:var(--dsc-space-5) 1rem;color:#9fb5ce;text-align:center;border-top:1px solid #ffffff1a}.dsc-footer-bottom p{margin:0}@media (width<=1024px){.dsc-hero,.dsc-about-content{grid-template-columns:1fr}.dsc-hero h1{max-width:14ch}.dsc-feature-cards,.dsc-topics-grid,.dsc-footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.dsc-header{align-items:flex-start}.dsc-mobile-menu-btn{display:block}.dsc-nav{padding:var(--dsc-space-4);border-bottom:1px solid var(--dsc-border);box-shadow:var(--dsc-shadow);background:#050816f5;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.dsc-nav.open{display:block}.dsc-nav ul{display:grid}.dsc-nav a{width:100%}.dsc-hero{padding-top:var(--dsc-space-12)}.dsc-hero:before{inset:4% -4% 36%}.dsc-hero h1{max-width:10ch}.dsc-hero-stats{grid-template-columns:1fr}.dsc-hero-image{min-height:280px}.dsc-hero-image img{height:330px;min-height:280px}.dsc-hero-insight{left:var(--dsc-space-4);right:var(--dsc-space-4);bottom:var(--dsc-space-4);max-width:none}.dsc-feature-cards,.dsc-topics-grid,.dsc-footer-content{grid-template-columns:1fr}.dsc-topic-section h2{display:block}.dsc-table-of-contents{position:static}.dsc-resource-item{grid-template-columns:1fr}.dsc-resource-link{width:100%}}@media (prefers-reduced-motion:reduce){.dsc-course-root *,.dsc-course-root :before,.dsc-course-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.dsa-course-root{--dsa-gold:#c9a96e;--dsa-gold-light:#e8c98a;--dsa-gold-dark:#8a6a3a;--dsa-ember:#ff6b2b;--dsa-ember-dark:#c40;--dsa-p5-red:#e8001c;--dsa-p5-red-dark:#9a0010;--dsa-p5-white:#f0ece0;--dsa-p5-black:#0a0008;--dsa-bg:#060408;--dsa-bg-2:#0c080e;--dsa-bg-card:#100c12;--dsa-bg-panel:#0e0a10;--dsa-border:#c9a96e2e;--dsa-border-p5:#e8001c40;--dsa-text:#ede5d8;--dsa-text-muted:#6a6070;--dsa-text-dim:#3a3040;background:var(--dsa-bg);color:var(--dsa-text);font-family:Inter,sans-serif;overflow-x:hidden}.dsa-course-root h1,.dsa-course-root h2,.dsa-course-root h3{font-family:Cinzel,serif}.dsa-course-root .bebas{font-family:Bebas Neue,sans-serif}#ember-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.dsa-course-root .p5-slash{background:linear-gradient(to bottom, transparent, var(--dsa-p5-red), transparent);pointer-events:none;width:3px;position:absolute;transform:skew(-20deg)}.dsa-course-root .p5-card{background:var(--dsa-bg-card);border:1px solid var(--dsa-border);transition:all .35s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.dsa-course-root .p5-card:before{content:"";background:linear-gradient(105deg,#0000,#e8001c0a,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.dsa-course-root .p5-card:hover:before{left:150%}.dsa-course-root .p5-card:hover{border-color:#e8001c59;transform:translateY(-3px)skew(-.5deg);box-shadow:0 0 0 1px #e8001c1a,0 8px 40px #e8001c14,0 0 60px #c9a96e0a}.dsa-course-root .realm-card{cursor:pointer;background:linear-gradient(135deg,#100c12f2,#0a080efa);border:1px solid #c9a96e1f;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.dsa-course-root .realm-card:after{content:"";background:linear-gradient(to right, var(--dsa-p5-red), var(--dsa-gold), var(--dsa-p5-red));height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.dsa-course-root .realm-card:hover:after{transform:scaleX(1)}.dsa-course-root .realm-card:hover{border-color:#e8001c4d;transform:translateY(-5px);box-shadow:0 0 30px #e8001c14,0 0 60px #c9a96e0a,inset 0 0 30px #e8001c05}.dsa-course-root .p5-menu-item{cursor:pointer;border-left:3px solid #0000;padding:.75rem 1.5rem .75rem 2rem;transition:all .2s;position:relative;overflow:hidden}.dsa-course-root .p5-menu-item:before{content:"";background:linear-gradient(90deg,#e8001c1f,#0000);width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.dsa-course-root .p5-menu-item:hover:before{width:100%}.dsa-course-root .p5-menu-item:hover{border-left-color:var(--dsa-p5-red)}.dsa-course-root .p5-menu-item.active{border-left-color:var(--dsa-gold);background:#c9a96e0a}@keyframes dsa-glitch1{0%,to{clip-path:inset(0 0 95%);transform:translate(-2px)}20%{clip-path:inset(30% 0 50%);transform:translate(2px)}40%{clip-path:inset(60% 0 20%);transform:translate(-1px)}60%{clip-path:inset(80% 0 5%);transform:translate(1px)}80%{clip-path:inset(10% 0 75%);transform:translate(-2px)}}@keyframes dsa-glitch2{0%,to{clip-path:inset(80% 0 5%);transform:translate(2px)}20%{clip-path:inset(10% 0 70%);transform:translate(-2px)}40%{clip-path:inset(50% 0 30%);transform:translate(1px)}60%{clip-path:inset(20% 0 60%);transform:translate(-1px)}80%{clip-path:inset(65% 0 15%);transform:translate(2px)}}.dsa-course-root .glitch-text{display:inline-block;position:relative}.dsa-course-root .glitch-text:before,.dsa-course-root .glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.dsa-course-root .glitch-text:hover:before{opacity:.7;color:var(--dsa-p5-red);animation:.4s step-end infinite dsa-glitch1}.dsa-course-root .glitch-text:hover:after{opacity:.5;color:var(--dsa-gold);animation:.4s step-end infinite dsa-glitch2}.dsa-course-root .p5-stripe-bg{background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#e8001c04 8px 9px)}.dsa-course-root .scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.dsa-course-root .code-block{border:1px solid #e8001c1f;border-left:3px solid var(--dsa-p5-red);background:#060408;border-radius:0 8px 8px 0;font-family:Fira Code,Courier New,monospace;font-size:.84rem;line-height:1.75;overflow-x:auto}.dsa-course-root .code-block .line-highlight{border-left:2px solid var(--dsa-p5-red);background:#e8001c14;margin:0 -1rem;padding:0 1rem;display:block}.dsa-course-root .viz-bar{transition:all .3s}.dsa-course-root .viz-bar.active{box-shadow:0 0 16px #e8001cb3}.dsa-course-root .viz-bar.comparing{box-shadow:0 0 12px #3a8aff99}.dsa-course-root .viz-bar.sorted{box-shadow:0 0 10px #3aff8a80}.dsa-course-root .node-box{border:1px solid var(--dsa-border);background:var(--dsa-bg-card);border-radius:6px;transition:all .3s}.dsa-course-root .node-box.active{border-color:var(--dsa-p5-red);background:#e8001c0f;box-shadow:0 0 16px #e8001c80}.dsa-course-root .node-box.visited{border-color:var(--dsa-gold);background:#c9a96e0d;box-shadow:0 0 12px #c9a96e66}.dsa-course-root .p5-divider{background:linear-gradient(to right, transparent, var(--dsa-p5-red), var(--dsa-gold), var(--dsa-p5-red), transparent);opacity:.4;height:1px;margin:3rem 0}.dsa-course-root .phantom-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--dsa-p5-red);background:#e8001c14;border:1px solid #e8001c4d;border-radius:3px;align-items:center;gap:6px;padding:.2rem .7rem;font-family:Bebas Neue,sans-serif;font-size:.7rem;display:inline-flex;position:relative;overflow:hidden}.dsa-course-root .phantom-badge:before{content:"";background:var(--dsa-p5-red);width:3px;height:100%;position:absolute;top:0;left:0}.dsa-course-root .gold-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--dsa-gold);background:#c9a96e14;border:1px solid #c9a96e4d;border-radius:3px;align-items:center;gap:6px;padding:.2rem .7rem;font-family:Bebas Neue,sans-serif;font-size:.7rem;display:inline-flex}.dsa-course-root .accordion-item{background:#0a080eb3;border:1px solid #c9a96e1a;border-left:3px solid #0000;border-radius:0 8px 8px 0;transition:border-color .3s;overflow:hidden}.dsa-course-root .accordion-item.open{border-color:#e8001c33;border-left-color:var(--dsa-p5-red)}.dsa-course-root .dsa-footer{background:#040206;border-top:1px solid #e8001c1f;padding:3rem 0 1.5rem;position:relative}.dsa-course-root .dsa-footer:before{content:"";background:linear-gradient(to right, transparent, var(--dsa-p5-red), var(--dsa-gold), var(--dsa-p5-red), transparent);height:2px;position:absolute;top:0;left:0;right:0}.dsa-course-root .footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.dsa-course-root .footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem;display:grid}.dsa-course-root .footer-brand-col p{color:var(--dsa-text-muted);margin-top:.75rem;font-size:.85rem;line-height:1.7}.dsa-course-root .fb-logo{align-items:center;gap:.6rem;display:flex}.dsa-course-root .fb-logo span{color:var(--dsa-gold);font-family:Cinzel,serif;font-size:.95rem}.dsa-course-root .footer-col h5{color:var(--dsa-p5-red);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:.95rem}.dsa-course-root .footer-col ul{list-style:none}.dsa-course-root .footer-col ul li{margin-bottom:.5rem}.dsa-course-root .footer-col ul li a{color:var(--dsa-text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.dsa-course-root .footer-col ul li a:hover{color:var(--dsa-gold)}.dsa-course-root .footer-socials{flex-direction:column;gap:.6rem;display:flex}.dsa-course-root .fsoc{color:var(--dsa-text-muted);align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.dsa-course-root .fsoc svg{width:16px;height:16px}.dsa-course-root .fsoc:hover{color:var(--dsa-p5-red)}.dsa-course-root .footer-bottom{border-top:1px solid #e8001c14;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.dsa-course-root .footer-bottom p{color:var(--dsa-text-muted);font-size:.8rem}.dsa-course-root .footer-pill{color:var(--dsa-text-muted);letter-spacing:.1em;background:#e8001c0f;border:1px solid #e8001c26;border-radius:3px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-family:Bebas Neue,sans-serif;font-size:.75rem;display:flex}.dsa-course-root .yd{background:var(--dsa-p5-red);border-radius:50%;width:8px;height:8px;animation:2s infinite dsa-pulse;display:inline-block}@keyframes dsa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dsa-course-root .p5-btn{color:var(--dsa-p5-red);letter-spacing:.1em;cursor:pointer;background:#e8001c1a;border:1px solid #e8001c59;border-radius:3px;padding:.65rem 1.5rem;font-family:Bebas Neue,sans-serif;font-size:1rem;transition:all .25s;position:relative;overflow:hidden}.dsa-course-root .p5-btn:before{content:"";background:var(--dsa-p5-red);transform-origin:0;z-index:0;transition:transform .25s;position:absolute;inset:0;transform:scaleX(0)}.dsa-course-root .p5-btn:hover:before{transform:scaleX(1)}.dsa-course-root .p5-btn:hover{color:#fff}.dsa-course-root .p5-btn span{z-index:1;position:relative}.dsa-course-root .p5-btn-gold{color:var(--dsa-gold);background:#c9a96e1a;border:1px solid #c9a96e59}.dsa-course-root .p5-btn-gold:before{background:var(--dsa-gold)}.dsa-course-root .p5-btn-gold:hover{color:#000}@media (width<=768px){.dsa-course-root .footer-top{grid-template-columns:1fr 1fr;gap:2rem}.dsa-course-root .footer-brand-col{grid-column:1/-1}}@media (width<=480px){.dsa-course-root .footer-top{grid-template-columns:1fr}}.nlp-course-root .nlp-navbar__skip{z-index:9999;color:#080b14;background:#c9a84c;border-radius:0 0 8px 8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1rem}.nlp-course-root .nlp-navbar__skip:focus{outline:none;top:0}.nlp-course-root .nlp-navbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#080b14d1;border-bottom:1px solid #c9a84c1f;width:100%;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0;left:0;right:0}.nlp-course-root .nlp-navbar--scrolled{background:#080b14f5;border-bottom-color:#c9a84c38;box-shadow:0 4px 32px #0009}.nlp-course-root .nlp-navbar__progress{z-index:1001;pointer-events:none;will-change:width;background:linear-gradient(90deg,#c9a84c 0%,#e8c97a 50%,#c9a84c 100%);border-radius:0 3px 3px 0;max-width:100%;height:3px;transition:width .12s linear;position:absolute;top:0;left:0;box-shadow:0 0 10px #c9a84cb3}.nlp-course-root .nlp-navbar__inner{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1280px;height:68px;margin:0 auto;padding:0 5%;display:flex}.nlp-course-root .nlp-navbar__logo{outline-offset:4px;flex-shrink:0;align-items:center;gap:10px;line-height:1;text-decoration:none;transition:opacity .22s,transform .22s;display:inline-flex}.nlp-course-root .nlp-navbar__logo:hover{opacity:.85;transform:scale(1.03)}.nlp-course-root .nlp-navbar__logo-icon{color:#080b14;background:linear-gradient(135deg,#c9a84c,#e8c97a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:inline-flex;box-shadow:0 0 16px #c9a84c4d}.nlp-course-root .nlp-navbar__logo-text{align-items:baseline;gap:0;display:flex}.nlp-course-root .nlp-navbar__logo-nlp{background:linear-gradient(135deg,#c9a84c,#e8c97a);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:700}.nlp-course-root .nlp-navbar__logo-suffix{color:#f0ece480;letter-spacing:.01em;margin-left:4px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500}.nlp-course-root .nlp-navbar__logo--mobile .nlp-navbar__logo-suffix{display:none}.nlp-course-root .nlp-navbar__nav{flex:1;justify-content:center;align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.nlp-course-root .nlp-navbar__nav-link{color:#8a9ab5e6;white-space:nowrap;letter-spacing:.02em;outline-offset:2px;border-radius:7px;align-items:center;gap:.42rem;padding:.45rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:relative}.nlp-course-root .nlp-navbar__nav-link i{flex-shrink:0;font-size:.85rem}.nlp-course-root .nlp-navbar__nav-link:hover{color:#c9a84c;background:#c9a84c14}.nlp-course-root .nlp-navbar__nav-link.active{color:#c9a84c;background:#c9a84c1f;font-weight:600}.nlp-course-root .nlp-navbar__nav-link.active:after{content:"";background:linear-gradient(90deg,#c9a84c,#e8c97a);border-radius:2px 2px 0 0;width:16px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nlp-course-root .nlp-navbar__back-link{opacity:.85;border:1.5px solid #ffffff1f;border-radius:20px;color:#8a9ab5b3!important;padding:.22rem .75rem!important;font-size:.8rem!important;transition:all .2s!important}.nlp-course-root .nlp-navbar__back-link:hover{opacity:1;border-color:#c9a84c59;transform:translate(-3px);color:#c9a84c!important;background:#c9a84c0f!important}.nlp-course-root .nlp-navbar__back-link:after{display:none!important}.nlp-course-root .nlp-navbar__controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.nlp-course-root .nlp-navbar__cta{color:#080b14;letter-spacing:.04em;white-space:nowrap;outline-offset:3px;background:linear-gradient(135deg,#c9a84c,#e8c97a);border-radius:6px;align-items:center;padding:8px 20px;font-size:.83rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 18px #c9a84c47}.nlp-course-root .nlp-navbar__cta:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px #c9a84c6b}.nlp-course-root .nlp-navbar__hamburger{color:#f0ece4cc;cursor:pointer;outline-offset:3px;background:0 0;border:1.5px solid #c9a84c33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:background .2s,color .2s,border-color .2s;display:none}.nlp-course-root .nlp-navbar__hamburger:hover,.nlp-course-root .nlp-navbar__hamburger--open{color:#c9a84c;background:#c9a84c1f;border-color:#c9a84c73}.nlp-course-root .nlp-navbar__overlay{z-index:998;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.nlp-course-root .nlp-navbar__overlay--visible{pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#0009}.nlp-course-root .nlp-navbar__mobile-menu{z-index:1001;overscroll-behavior:contain;will-change:transform;background:#080b14fa;border-left:1px solid #c9a84c26;flex-direction:column;width:min(300px,85vw);height:100vh;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.nlp-course-root .nlp-navbar__mobile-menu.open{transform:translate(0);box-shadow:-8px 0 52px #000000b3}.nlp-course-root .nlp-navbar__mobile-header{background:#c9a84c0a;border-bottom:1px solid #c9a84c1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.nlp-course-root .nlp-navbar__mobile-close{color:#f0ece4a6;cursor:pointer;outline-offset:2px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:background .2s,color .2s,transform .2s;display:inline-flex}.nlp-course-root .nlp-navbar__mobile-close:hover{color:#c9a84c;background:#c9a84c29;transform:rotate(90deg)}.nlp-course-root .nlp-navbar__mobile-nav{flex:1;padding:12px 10px 8px;overflow-y:auto}.nlp-course-root .nlp-navbar__mobile-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.nlp-course-root .nlp-navbar__mobile-link{color:#8a9ab5e6;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.925rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}.nlp-course-root .nlp-navbar__mobile-link i:first-child{text-align:center;color:#c9a84c73;flex-shrink:0;width:20px;font-size:1rem}.nlp-course-root .nlp-navbar__mobile-link span{flex:1}.nlp-course-root .nlp-navbar__mobile-link:hover{color:#c9a84c;background:#c9a84c14;transform:translate(4px)}.nlp-course-root .nlp-navbar__mobile-link:hover i:first-child{color:#c9a84c}.nlp-course-root .nlp-navbar__mobile-link--active{color:#c9a84c;background:#c9a84c1f;font-weight:700}.nlp-course-root .nlp-navbar__mobile-link--active i:first-child{color:#c9a84c}.nlp-course-root .nlp-navbar__active-check{color:#c9a84c;flex-shrink:0;margin-left:auto;width:auto!important;font-size:.82rem!important}.nlp-course-root .nlp-navbar__mobile-back{color:#8a9ab58c;border-top:1px solid #ffffff0f;margin-top:8px;padding-top:14px}.nlp-course-root .nlp-navbar__mobile-back:hover{color:#e8c97a;background:#c9a84c0f}.nlp-course-root .nlp-navbar__mobile-cta-wrap{flex-shrink:0;padding:0 14px 16px}.nlp-course-root .nlp-navbar__mobile-cta{color:#080b14;letter-spacing:.04em;background:linear-gradient(135deg,#c9a84c,#e8c97a);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #c9a84c4d}.nlp-course-root .nlp-navbar__mobile-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c9a84c73}.nlp-course-root .nlp-navbar__mobile-socials{border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px 18px 28px}.nlp-course-root .nlp-navbar__mobile-socials-label{color:#8a9ab566;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.68rem;font-weight:700}.nlp-course-root .nlp-navbar__mobile-socials-row{gap:10px;display:flex}.nlp-course-root .nlp-navbar__social-btn{color:#8a9ab58c;outline-offset:3px;background:0 0;border:1.5px solid #c9a84c1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:background .22s,color .22s,transform .2s,box-shadow .22s;display:inline-flex}.nlp-course-root .nlp-navbar__social-btn:hover{transform:translateY(-3px)}.nlp-course-root .nlp-navbar__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#fd1d1d,#e1306c,#833ab4);border-color:#0000;box-shadow:0 4px 16px #e1306c61}.nlp-course-root .nlp-navbar__social-btn--youtube:hover{color:#fff;background:red;border-color:#0000;box-shadow:0 4px 16px #ff000061}.nlp-course-root .nlp-navbar__social-btn--telegram:hover{color:#fff;background:#08c;border-color:#0000;box-shadow:0 4px 16px #0088cc61}@media (width<=900px){.nlp-course-root .nlp-navbar__nav,.nlp-course-root .nlp-navbar__cta{display:none}.nlp-course-root .nlp-navbar__hamburger{display:flex}}@media (width>=901px){.nlp-course-root .nlp-navbar__hamburger{display:none!important}.nlp-course-root .nlp-navbar__mobile-menu{pointer-events:none;visibility:hidden;box-shadow:none!important;transform:translate(100%)!important}.nlp-course-root .nlp-navbar__overlay{pointer-events:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}}@media (width<=480px){.nlp-course-root .nlp-navbar__inner{height:62px;padding:0 4%}.nlp-course-root .nlp-navbar__logo-icon{width:30px;height:30px;font-size:.9rem}.nlp-course-root .nlp-navbar__logo-nlp{font-size:1rem}.nlp-course-root .nlp-navbar__mobile-menu{width:100vw}}@media (prefers-reduced-motion:reduce){.nlp-course-root .nlp-navbar,.nlp-course-root .nlp-navbar__progress,.nlp-course-root .nlp-navbar__logo,.nlp-course-root .nlp-navbar__nav-link,.nlp-course-root .nlp-navbar__cta,.nlp-course-root .nlp-navbar__hamburger,.nlp-course-root .nlp-navbar__overlay,.nlp-course-root .nlp-navbar__mobile-menu,.nlp-course-root .nlp-navbar__mobile-link,.nlp-course-root .nlp-navbar__mobile-close,.nlp-course-root .nlp-navbar__mobile-cta,.nlp-course-root .nlp-navbar__social-btn{transition:none!important;animation:none!important}.nlp-course-root .nlp-navbar__logo:hover,.nlp-course-root .nlp-navbar__cta:hover,.nlp-course-root .nlp-navbar__mobile-close:hover,.nlp-course-root .nlp-navbar__social-btn:hover,.nlp-course-root .nlp-navbar__mobile-link:hover,.nlp-course-root .nlp-navbar__mobile-cta:hover{transform:none}}.nlp-course-root{--nlp-bg:#080b14;--nlp-surface:#0d1117;--nlp-surface2:#111827;--nlp-surface3:#1a2235;--nlp-gold:#c9a84c;--nlp-gold2:#e8c97a;--nlp-gold-dim:#c9a84c1f;--nlp-text:#f0ece4;--nlp-text-muted:#8a9ab5;--nlp-text-dim:#4a5568;--nlp-border:#c9a84c26;--nlp-border2:#ffffff0f;--nlp-glow:#c9a84c33;background-color:var(--nlp-bg);color:var(--nlp-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.6}.nlp-course-root h1,.nlp-course-root h2,.nlp-course-root h3{letter-spacing:-.02em;font-family:Playfair Display,Georgia,serif}.nlp-course-root ::-webkit-scrollbar{width:4px}.nlp-course-root ::-webkit-scrollbar-track{background:var(--nlp-bg)}.nlp-course-root ::-webkit-scrollbar-thumb{background:var(--nlp-gold);border-radius:2px}.nlp-course-root ::selection{color:var(--nlp-text);background:#c9a84c40}.nlp-course-root .nlp-gold-text{background:linear-gradient(135deg,#c9a84c,#e8c97a,#c9a84c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nlp-course-root .nlp-glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12}.nlp-course-root .nlp-gold-border{border:1px solid #c9a84c40}.nlp-course-root .nlp-glow-gold{box-shadow:0 0 40px #c9a84c1f,0 0 80px #c9a84c0f}.nlp-course-root .nlp-divider{background:linear-gradient(90deg,#0000,#c9a84c4d,#0000);height:1px;margin:0}.nlp-course-root:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes nlp-blink{0%,to{opacity:1}50%{opacity:0}}.os-course-root .app-shell{z-index:1;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--topbar-height) minmax(0, 1fr);grid-template-areas:"sidebar topbar""sidebar main";min-height:100vh;display:grid;position:relative}.os-course-root .topbar{z-index:80;border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#06110fc7;grid-area:topbar;justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0;box-shadow:0 18px 50px #00000042}.os-course-root .topbar-brand{align-items:center;gap:12px;display:flex}.os-course-root .topbar-text{color:var(--text-secondary);font-weight:800}.os-course-root .topbar-text-bold{color:var(--text-primary)}.os-course-root .topbar-actions{align-items:center;gap:12px;display:flex}.os-course-root .topbar-pill{color:#dcfce7;border-radius:var(--radius-full);background:#a3e6351c;border:1px solid #a3e63538;align-items:center;gap:8px;padding:7px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.os-course-root .topbar-pill-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite osPulseGlow}.os-course-root .sidebar-toggle{border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;flex-direction:column;gap:5px;padding:9px;display:none}.os-course-root .sidebar-toggle span{background:var(--accent-green);border-radius:2px;width:21px;height:2px;display:block}.os-course-root .sidebar{z-index:90;border-right:1px solid var(--border-glass);min-width:0;height:100vh;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);background:#06110fdb;flex-direction:column;grid-area:sidebar;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:20px 0 70px #0000003d}.os-course-root .sidebar-header{border-bottom:1px solid var(--border-glass);padding:22px 20px}.os-course-root .sidebar-logo-text{color:#07110f;background:var(--gradient-primary);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;padding:.5rem .85rem;font-size:.82rem;font-weight:950;display:inline-flex}.os-course-root .sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.os-course-root .sidebar-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff0b;border:1px solid #0000;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;font-size:.9rem;font-weight:800;display:grid;position:relative}.os-course-root .sidebar-link:hover,.os-course-root .sidebar-link--active{color:var(--text-primary);background:#a3e63517;border-color:#a3e6353d}.os-course-root .sidebar-link--active{box-shadow:0 18px 40px #0003,0 0 24px #a3e63517}.os-course-root .sidebar-link-icon{color:#07110f;border-radius:var(--radius-sm);width:36px;height:32px;font-family:var(--font-mono);background:linear-gradient(135deg,#a3e635eb,#22d3eee0);place-items:center;font-size:.72rem;font-weight:950;display:grid}.os-course-root .sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os-course-root .sidebar-link-num{color:var(--text-muted);font-family:var(--font-mono);font-size:.67rem}.os-course-root .sidebar-footer{border-top:1px solid var(--border-glass);justify-content:space-between;gap:1rem;padding:16px 20px;display:flex}.os-course-root .sidebar-footer-version{color:var(--accent-green);font-family:var(--font-mono);font-size:.75rem}.os-course-root .sidebar-footer-copy{color:var(--text-muted);font-size:.75rem}.os-course-root .main-content{width:100%;min-width:0;animation:osFadeIn .4s var(--ease-out);grid-area:main;padding:clamp(1.25rem,4vw,3rem)}.os-course-root .sidebar-overlay{display:none}@media (width<=980px){.os-course-root .app-shell{grid-template-columns:1fr;grid-template-areas:"topbar""main"}.os-course-root .sidebar-toggle{display:flex}.os-course-root .sidebar{width:min(86vw,310px);transition:left var(--transition-normal);position:fixed;left:-320px}.os-course-root .sidebar--open{left:0}.os-course-root .sidebar-overlay{z-index:85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000094;display:block;position:fixed;inset:0}}@media (width<=640px){.os-course-root .topbar{min-height:var(--topbar-height);padding-inline:.75rem}.os-course-root .topbar-text{display:none}.os-course-root .topbar-pill{padding:6px 10px;font-size:.72rem}.os-course-root .main-content{padding:1rem}}.os-course-root .topbar-back-btn{color:#a3e635;border-radius:var(--radius-full);background:#a3e63514;border:1px solid #a3e63538;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.os-course-root .topbar-back-btn:hover{background:#a3e63529;border-color:#a3e63566;transform:translate(-2px)}.os-course-root .module-card{min-height:210px;color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;gap:.75rem;padding:1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000003d}.os-course-root .module-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff29,#0000 38%);position:absolute;inset:0}.os-course-root .module-card:after{content:"";background:var(--card-accent,var(--gradient-primary));height:4px;position:absolute;inset:auto 0 0}.os-course-root .module-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 30px 88px #00000059,0 0 34px #a3e6351c}.os-course-root .module-card-number{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:900;position:absolute;top:1rem;right:1rem}.os-course-root .module-card-icon{background:var(--card-accent,var(--gradient-primary));border-radius:var(--radius-md);place-items:center;width:54px;height:54px;font-size:1.45rem;display:grid;position:relative}.os-course-root .module-card-title{color:var(--text-primary);margin-top:.35rem;font-size:1.12rem;font-weight:900;position:relative}.os-course-root .module-card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.55;position:relative}.os-course-root .module-card-arrow{color:var(--accent-green);margin-top:auto;font-weight:950;position:relative}.os-course-root .overview{width:min(1040px,100%)}.os-course-root .overview-hero{text-align:center;background:linear-gradient(135deg, #a3e6351f, #22d3ee1a), var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-bottom:2rem;padding:clamp(2rem,5vw,3.5rem);box-shadow:0 24px 70px #00000047}.os-course-root .overview-hero-badge{color:#dcfce7;border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.08em;background:#a3e6351f;border:1px solid #a3e6353d;margin-bottom:1.25rem;padding:.42rem .95rem;font-size:.72rem;font-weight:900;display:inline-flex}.os-course-root .overview-hero-title{margin-bottom:1rem;font-size:clamp(2.3rem,6vw,4.4rem);font-weight:950}.os-course-root .overview-hero-sub{max-width:720px;color:var(--text-secondary);margin:0 auto 2rem;font-size:1.04rem}.os-course-root .overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.os-course-root .stat-card,.os-course-root .overview-resources,.os-course-root .resource-item{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 20px 55px #00000038}.os-course-root .stat-card{place-items:center;gap:.5rem;padding:1.25rem;display:grid}.os-course-root .stat-num{color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:950}.os-course-root .stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.os-course-root .overview-modules,.os-course-root .overview-resources{margin-top:2rem}.os-course-root .section-title{margin-bottom:1rem;font-size:clamp(1.35rem,3vw,2rem)}.os-course-root .module-grid,.os-course-root .resource-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.os-course-root .overview-resources{padding:clamp(1.25rem,3vw,2rem)}.os-course-root .resource-item{transition:transform var(--transition-normal), border-color var(--transition-normal);gap:1rem;padding:1rem;display:flex}.os-course-root .resource-item:hover{border-color:var(--border-hover);transform:translateY(-4px)}.os-course-root .resource-icon{flex:none;font-size:1.4rem}.os-course-root .resource-item strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.os-course-root .resource-item p{color:var(--text-muted);margin:0;font-size:.86rem}@media (width<=760px){.os-course-root .overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.os-course-root .overview-stats{grid-template-columns:1fr}}.os-course-root .codeblock{border-radius:var(--radius-md);transition:box-shadow var(--transition-normal);background:#080c18;border:none;margin:1.5rem 0;overflow:hidden;box-shadow:6px 6px 14px #0000008c,-3px -3px 8px #ffffff06}.os-course-root .codeblock:hover{box-shadow:8px 8px 20px #000000a6,-3px -3px 8px #ffffff08,0 0 16px #8b5cf61a}.os-course-root .codeblock .terminal-header{background:#060a14}.os-course-root .codeblock-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;margin-left:auto;font-size:.72rem}.os-course-root .codeblock-tabs{border-bottom:1px solid var(--border-glass);background:#0f172a66;gap:2px;padding:8px 12px;display:flex}.os-course-root .codeblock-tab{border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 16px;font-size:.78rem;font-weight:500}.os-course-root .codeblock-tab:hover{color:var(--text-secondary);background:#94a3b814}.os-course-root .codeblock-tab--active{color:var(--accent-violet);background:#8b5cf626}.os-course-root .codeblock-body{background:#0a0e1699;max-height:500px;overflow-y:auto}.os-course-root .quiz{margin:2rem 0}.os-course-root .quiz-header{border-bottom:1px solid #8b5cf61a;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.os-course-root .quiz-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex;box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08}.os-course-root .quiz-header h3{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:700}.os-course-root .quiz-question{margin-bottom:1.5rem}.os-course-root .quiz-prompt{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.os-course-root .quiz-number{color:var(--accent-violet);font-weight:700;font-family:var(--font-heading);margin-right:4px}.os-course-root .quiz-options{flex-direction:column;gap:8px;display:flex}.os-course-root .quiz-option{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:.9rem;font-family:var(--font-body);background:#0a0e1a;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex;box-shadow:inset 3px 3px 7px #0006,inset -2px -2px 5px #ffffff05}.os-course-root .quiz-option:hover{color:var(--text-primary);box-shadow:4px 4px 10px #00000073,-2px -2px 6px #ffffff06,0 0 8px #8b5cf626}.os-course-root .quiz-option--selected{color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf64d}.os-course-root .quiz-option--correct{color:#6ee7b7!important;background:#10b9811a!important;border-color:#10b98166!important}.os-course-root .quiz-option--wrong{color:#fca5a5!important;background:#ef44441a!important;border-color:#ef44444d!important}.os-course-root .quiz-option-letter{width:28px;height:28px;color:var(--text-muted);background:#94a3b814;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.os-course-root .quiz-option--selected .quiz-option-letter{color:var(--accent-violet);background:#8b5cf633}.os-course-root .quiz-option--correct .quiz-option-letter{color:#6ee7b7;background:#10b98133}.os-course-root .quiz-option--wrong .quiz-option-letter{color:#fca5a5;background:#ef444433}.os-course-root .quiz-explanation{border-left:3px solid var(--accent-amber);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#f59e0b0f;margin-top:8px;padding:10px 16px;font-size:.85rem}.os-course-root .quiz-footer{border-top:1px solid var(--border-glass);align-items:center;gap:16px;margin-top:1.5rem;padding-top:1rem;display:flex}.os-course-root .quiz-submit{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-normal);font-size:.9rem;font-weight:600;font-family:var(--font-body);background-size:200% 200%;border:none;padding:10px 28px}.os-course-root .quiz-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf64d}.os-course-root .quiz-submit:disabled{opacity:.4;cursor:not-allowed}.os-course-root .quiz-result{align-items:center;gap:16px;width:100%;display:flex}.os-course-root .quiz-score{font-family:var(--font-heading);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.os-course-root .quiz-retry{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:500;font-family:var(--font-body);background:#94a3b814;padding:8px 20px}.os-course-root .quiz-retry:hover{border-color:var(--border-hover);color:var(--text-primary);background:#8b5cf61a}.iq{background:#0f1525;border:none;border-radius:12px;margin-bottom:12px;transition:all .25s;overflow:hidden;box-shadow:5px 5px 12px #00000080,-3px -3px 8px #ffffff06}.iq:hover{box-shadow:7px 7px 16px #0009,-3px -3px 8px #ffffff08,0 0 14px #8b5cf626}.iq--open{box-shadow:inset 4px 4px 10px #00000073,inset -2px -2px 6px #ffffff05,0 0 20px #8b5cf633}.iq-toggle{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:14px;padding:18px 20px;transition:background .15s;display:flex}.iq-toggle:hover{background:#8b5cf60d}.iq-icon{width:28px;height:28px;color:var(--accent-violet);background:#8b5cf61f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex;box-shadow:3px 3px 7px #0006,-2px -2px 5px #ffffff05}.iq--open .iq-icon{color:#c4b5fd;background:#8b5cf640;box-shadow:inset 2px 2px 5px #0006,inset -1px -1px 3px #ffffff05}.iq-question{color:var(--text-primary);flex:1;font-size:.93rem;font-weight:600;line-height:1.5}.iq--open .iq-question{color:#c4b5fd}.iq-answer{padding:0 20px 20px 62px}.iq-answer p{color:var(--text-secondary);word-break:break-word;border-top:1px solid #8b5cf61f;margin:0;padding-top:12px;font-size:.875rem;line-height:1.9}.os-course-root .viz-container{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem}.os-course-root .viz-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.2rem;display:flex}.os-course-root .viz-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.os-course-root .viz-title-icon{font-size:1.1rem}.os-course-root .viz-controls{gap:8px;display:flex}.os-course-root .viz-btn{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-body);transition:all var(--transition-fast);background:#1e29424d;padding:7px 18px}.os-course-root .viz-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:#8b5cf61a}.os-course-root .viz-btn--primary{background:var(--gradient-primary);color:#fff;border:none}.os-course-root .viz-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf640}.os-course-root .gantt-chart{border-radius:var(--radius-sm);background:#0f172a66;align-items:center;gap:3px;min-height:60px;padding:16px;display:flex;overflow-x:auto}.os-course-root .gantt-block{font-family:var(--font-mono);text-align:center;color:#fff;white-space:nowrap;animation:scaleIn .3s var(--ease-out) forwards;border-radius:6px;padding:8px 14px;font-size:.75rem;font-weight:600}.os-course-root .gantt-idle{color:var(--text-muted);background:#64748b33;border:1px dashed #64748b4d}.os-course-root .process-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem;font-size:.85rem}.os-course-root .process-table th{color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-glass);background:#8b5cf60f;padding:10px 14px;font-size:.75rem;font-weight:600}.os-course-root .process-table td{color:var(--text-secondary);font-family:var(--font-mono);border-bottom:1px solid #94a3b80a;padding:10px 14px;font-size:.82rem}.os-course-root .process-table tr:hover td{background:#8b5cf608}.os-course-root .memory-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:1rem;display:grid}.os-course-root .memory-cell{aspect-ratio:1;border-radius:var(--radius-sm);font-family:var(--font-mono);transition:all var(--transition-fast);border:1px solid var(--border-glass);color:var(--text-muted);background:#1e294240;flex-direction:column;justify-content:center;align-items:center;font-size:.72rem;display:flex}.os-course-root .memory-cell--allocated{color:var(--text-primary);border-color:#8b5cf64d}.os-course-root .memory-cell--p0{background:#8b5cf626}.os-course-root .memory-cell--p1{background:#3b82f626}.os-course-root .memory-cell--p2{background:#10b98126}.os-course-root .memory-cell--p3{background:#f59e0b26}.os-course-root .memory-cell-label{font-size:.8rem;font-weight:600}.os-course-root .memory-cell-addr{color:var(--text-muted);margin-top:4px;font-size:.65rem}.os-course-root .state-diagram{margin-top:1rem}.os-course-root .state-diagram svg{width:100%;max-height:300px}.os-course-root .state-node circle{stroke-width:2px}.os-course-root .state-node text{font-family:var(--font-body);fill:var(--text-primary);font-size:11px;font-weight:600}.os-course-root .state-arrow line,.os-course-root .state-arrow path{stroke-width:1.5px}.os-course-root .state-arrow text{font-family:var(--font-body);fill:var(--text-muted);font-size:9px}.os-course-root .viz-select{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-fast);background:#1e294266;outline:none;padding:6px 12px;font-size:.8rem}.os-course-root .viz-select:focus{border-color:var(--border-hover)}.os-course-root .viz-select option{background:var(--bg-panel-solid);color:var(--text-primary)}.os-course-root .gantt-container{border-radius:var(--radius-sm);background:#0f172a66;height:60px;margin:1rem 0 .5rem;position:relative;overflow:hidden}.os-course-root .gantt-timeline{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;padding:0 0 4px;font-size:.65rem;display:flex}.os-course-root .gantt-tick{text-align:left;flex:1}.os-course-root .gantt-bar{height:40px;font-family:var(--font-mono);color:#0a0e17;border-radius:4px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:opacity .3s,box-shadow .3s;display:flex;position:absolute;top:8px}.os-course-root .gantt-legend{flex-wrap:wrap;gap:16px;margin-top:.75rem;display:flex}.os-course-root .gantt-legend-item{color:var(--text-secondary);font-size:.78rem;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.os-course-root .gantt-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.os-course-root .viz-btn--active{border-color:var(--border-hover);color:var(--accent-violet);background:#8b5cf626}.os-course-root .viz-btn--run{background:var(--gradient-primary);color:#fff;border:none}.os-course-root .viz-btn--run:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf640}.os-course-root .memory-cell--used{color:var(--text-primary);border-color:#8b5cf64d}.os-course-root .memory-addr{color:var(--text-muted);font-size:.6rem;font-family:var(--font-mono)}.os-course-root .memory-proc{font-size:.72rem;font-weight:700;font-family:var(--font-mono);margin-top:2px}.os-course-root .state-svg{width:100%;max-height:300px}.os-course-root{--bg-deep:#06110f;--bg-dark:#081a17;--bg-panel:#091816b8;--bg-panel-solid:#0b201d;--bg-glass:#0a1e1bad;--bg-glass-hover:#13312bc7;--bg-surface:#14342e80;--bg-input:#06110fd1;--gradient-primary:linear-gradient(135deg, #a3e635, #22d3ee, #f97316);--gradient-secondary:linear-gradient(135deg, #22d3ee, #14b8a6);--gradient-warm:linear-gradient(135deg, #f97316, #facc15);--gradient-success:linear-gradient(135deg, #a3e635, #22c55e);--gradient-danger:linear-gradient(135deg, #fb7185, #f97316);--gradient-subtle:linear-gradient(135deg, #a3e6351f, #22d3ee1a);--gradient-border:linear-gradient(135deg, #a3e6357a, #22d3ee61, #f9731661);--accent-violet:#a3e635;--accent-blue:#22d3ee;--accent-cyan:#67e8f9;--accent-green:#a3e635;--accent-amber:#facc15;--accent-red:#fb7185;--accent-pink:#f97316;--text-primary:#f8ffe8;--text-secondary:#b7c9bf;--text-muted:#759185;--text-accent:#bef264;--border-color:#ffffff14;--border-glass:#ffffff21;--border-hover:#a3e6356b;--font-heading:Inter, Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--sidebar-width:300px;--topbar-height:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out);--transition-normal:.25s var(--ease-out);--transition-slow:.4s var(--ease-out);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--glass-blur:blur(18px);--glass-blur-strong:blur(34px);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 9% 9%,#a3e63538,#0000 27rem),radial-gradient(circle at 90% 8%,#22d3ee33,#0000 30rem),radial-gradient(circle at 76% 78%,#f9731629,#0000 28rem),linear-gradient(135deg,#06110f 0%,#071816 46%,#151006 100%);line-height:1.7}.os-course-root:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.os-course-root *,.os-course-root :before,.os-course-root :after{box-sizing:border-box}.os-course-root a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}.os-course-root a:hover{color:var(--accent-green)}.os-course-root code{font-family:var(--font-mono);color:#d9f99d;background:#a3e6351a;border:1px solid #a3e6352e;border-radius:6px;padding:2px 8px;font-size:.85em}.os-course-root h1,.os-course-root h2,.os-course-root h3,.os-course-root h4,.os-course-root h5,.os-course-root h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:0;margin:0;font-weight:800;line-height:1.18}.os-course-root p{color:var(--text-secondary);margin:0 0 1rem}.os-course-root ul,.os-course-root ol{color:var(--text-secondary);padding-left:1.5rem}.os-course-root li{margin-bottom:.35rem}.os-course-root ::selection{color:var(--text-primary);background:#a3e63547}.os-course-root ::-webkit-scrollbar{width:8px;height:8px}.os-course-root ::-webkit-scrollbar-track{background:0 0}.os-course-root ::-webkit-scrollbar-thumb{background:#b7c9bf38;border-radius:99px}.os-course-root .glow-text,.os-course-root .glow-text-green{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.os-course-root .glass,.os-course-root .panel,.os-course-root .card,.os-course-root .nm-raised,.os-course-root .nm-flat,.os-course-root .nm-glow{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 24px 70px #00000047}.os-course-root .panel,.os-course-root .card{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.5rem}.os-course-root .panel:hover,.os-course-root .card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 30px 85px #00000057,0 0 36px #a3e6351f}.os-course-root .gradient-border{position:relative}.os-course-root .gradient-border:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.os-course-root .terminal-header{border-bottom:1px solid var(--border-glass);border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:var(--font-mono);color:var(--text-muted);background:#020a09d9;align-items:center;gap:10px;padding:12px 16px;font-size:.78rem;display:flex}.os-course-root .terminal-dots{gap:6px;display:flex}.os-course-root .terminal-dots span{border-radius:50%;width:10px;height:10px}.os-course-root .terminal-dots span:first-child{background:#fb7185}.os-course-root .terminal-dots span:nth-child(2){background:#facc15}.os-course-root .terminal-dots span:nth-child(3){background:#a3e635}.os-landing{z-index:1;min-height:100vh;position:relative;overflow-x:hidden}.os-landing-nav{z-index:20;min-height:var(--topbar-height);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#06110fc7;justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0;box-shadow:0 18px 50px #00000042}.os-landing-brand{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:900;display:inline-flex}.os-landing-logo,.topbar-logo{color:#07110f;background:var(--gradient-primary);border-radius:var(--radius-sm);place-items:center;width:40px;height:40px;font-weight:950;display:grid;box-shadow:0 16px 34px #a3e63533}.os-primary-btn,.os-secondary-btn{border-radius:var(--radius-md);cursor:pointer;min-height:46px;font:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:1px solid #ffffff29;justify-content:center;align-items:center;padding:0 1.5rem;font-weight:900;display:inline-flex}.os-primary-btn{color:#07110f;background:var(--gradient-primary);box-shadow:0 18px 46px #a3e63533}.os-secondary-btn{color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff14}.os-primary-btn:hover,.os-secondary-btn:hover{filter:saturate(1.12);transform:translateY(-2px);box-shadow:0 24px 62px #22d3ee33}.os-hero{width:min(1200px,100% - 2rem);padding:clamp(4rem, 8vw, 7rem) 0 var(--topbar-height);grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.os-hero-badge,.os-section-heading span,.os-final-cta span{color:#dcfce7;border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;background:#a3e6351f;border:1px solid #a3e6353d;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.42rem .9rem;font-size:.75rem;font-weight:900;display:inline-flex}.os-hero-badge span{background:var(--accent-green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #a3e635cc}.os-hero h1{max-width:12ch;margin-bottom:1.35rem;font-size:clamp(2.8rem,7vw,6.25rem);font-weight:950}.os-hero h1 span{color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.os-hero p{max-width:58ch;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.18rem)}.os-hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.os-hero-terminal{border:1px solid var(--border-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);background:#020a09b8;overflow:hidden;box-shadow:0 30px 90px #00000057,0 0 44px #22d3ee1a}.os-terminal-top{border-bottom:1px solid var(--border-glass);align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.os-terminal-top span{border-radius:50%;width:12px;height:12px}.os-terminal-top span:first-child{background:#fb7185}.os-terminal-top span:nth-child(2){background:#facc15}.os-terminal-top span:nth-child(3){background:#a3e635}.os-terminal-top strong{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;font-size:.82rem}.os-terminal-body{font-family:var(--font-mono);padding:clamp(1.25rem,4vw,2rem)}.os-terminal-body p{color:#d9f99d;margin-bottom:.9rem}.os-terminal-body em{color:var(--accent-amber);font-style:normal}.os-terminal-body strong{color:var(--accent-cyan)}.os-stats-grid,.os-feature-grid{gap:1rem;width:min(1100px,100% - 2rem);margin:0 auto;display:grid}.os-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:clamp(3rem,7vw,5rem)}.os-stat-card,.os-feature-card,.os-final-cta>div{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 24px 70px #00000042}.os-stat-card{text-align:center;padding:1.5rem}.os-stat-card strong{color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1;display:block}.os-stat-card span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900}.os-feature-section{width:min(1120px,100% - 2rem);margin:0 auto;padding-bottom:clamp(3rem,7vw,6rem)}.os-section-heading{text-align:center;margin-bottom:2rem}.os-section-heading h2,.os-final-cta h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:950}.os-feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.os-feature-card{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.55rem}.os-feature-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 30px 88px #00000057,0 0 35px #a3e6351a}.os-feature-card>span{color:#07110f;background:var(--gradient-primary);border-radius:var(--radius-md);width:52px;height:52px;font-family:var(--font-mono);place-items:center;margin-bottom:1rem;font-weight:950;display:grid}.os-feature-card h3{margin-bottom:.5rem}.os-feature-card p{color:var(--text-muted);margin:0}.os-final-cta{width:min(860px,100% - 2rem);margin:0 auto;padding-bottom:clamp(3rem,7vw,6rem)}.os-final-cta>div{text-align:center;padding:clamp(2rem,6vw,4rem)}.os-final-cta p{max-width:58ch;margin:1rem auto 2rem}@keyframes osFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes osSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes osPulseGlow{0%,to{box-shadow:0 0 6px #a3e63559}50%{box-shadow:0 0 18px #a3e635b8}}.os-course-root .animate-fade-in{animation:osFadeIn .5s var(--ease-out) forwards}.os-course-root .animate-slide-up{animation:osSlideUp .6s var(--ease-out) forwards}.os-course-root .nm-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.os-course-root .nm-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.os-course-root .nm-btn:active{transform:scale(.98)}@media (width<=900px){.os-hero{grid-template-columns:1fr}.os-hero h1{max-width:none}.os-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.os-landing-nav{flex-direction:column;align-items:flex-start;padding-block:1rem}.os-landing-nav .os-primary-btn,.os-hero-actions,.os-primary-btn,.os-secondary-btn{width:100%}.os-stats-grid{grid-template-columns:1fr}.os-course-root h1{font-size:1.8rem}}.os-course-root .module-page,.os-course-root .overview{width:min(980px,100%);margin:0 auto}.os-course-root .module-header{background:linear-gradient(135deg, #a3e6351f, #22d3ee1a), var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-bottom:2rem;padding:clamp(1.5rem,4vw,2.4rem);box-shadow:0 24px 70px #00000047}.os-course-root .module-badge{color:#dcfce7;border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.08em;background:#a3e6351f;border:1px solid #a3e6353d;margin-bottom:.9rem;padding:.42rem .9rem;font-size:.72rem;font-weight:900;display:inline-flex}.os-course-root .module-header h1{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:950}.os-course-root .module-subtitle{max-width:70ch;color:var(--text-secondary);margin:0;font-size:1.02rem}.os-course-root .module-section{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 22px 65px #0000003d}.os-course-root .module-section h2{border-bottom:1px solid var(--border-glass);margin-bottom:1rem;padding-bottom:.75rem;font-size:clamp(1.35rem,3vw,1.9rem);position:relative}.os-course-root .module-section h2:after{content:"";background:var(--gradient-primary);width:86px;height:2px;position:absolute;bottom:-1px;left:0}.os-course-root .module-section h3{color:var(--text-primary);margin:1.4rem 0 .6rem}.os-course-root .module-section p{font-size:.98rem;line-height:1.85}.os-course-root .module-section li{margin-bottom:.5rem;font-size:.94rem;line-height:1.75}.os-course-root .module-section strong{color:var(--text-primary)}.os-course-root .project-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem;display:grid}.os-course-root .project-idea{border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#ffffff0f;padding:1.35rem}.os-course-root .project-idea:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 24px 60px #0000004d}.os-course-root .project-idea h3{margin-bottom:.5rem;font-size:1rem}.os-course-root .project-idea p{color:var(--text-muted);margin:0;font-size:.86rem}@media (width<=768px){.os-course-root .module-header h1{font-size:2rem}}.system-design-course-root{--sd-bg:#edf4ff;--sd-bg-secondary:#f5ecff;--sd-text:#111827;--sd-text-muted:#4b5563;--sd-border:#1e293b1f;--sd-surface:#ffffff9e;--sd-surface-strong:#ffffffc7;--sd-shadow:0 18px 45px #4f46e51f;--sd-shadow-soft:0 10px 28px #1e293b1a;--sd-accent:#6366f1;--sd-accent-strong:#8b5cf6;min-height:100vh;color:var(--sd-text);margin-bottom:0;padding-bottom:0;position:relative;overflow-x:clip}.system-design-course-root:before,.system-design-course-root:after{content:"";z-index:0;pointer-events:none;filter:blur(40px);opacity:.44;border-radius:9999px;width:35vw;max-width:460px;height:35vw;max-height:460px;position:fixed}.system-design-course-root:before{background:radial-gradient(circle,#60a5fa 0%,#a78bfa 60%,#0000 100%);top:-120px;left:-120px}.system-design-course-root:after{background:radial-gradient(circle,#fb7185 0%,#f59e0b 65%,#0000 100%);bottom:10vh;right:-130px}.system-design-course-root .sd-course{background:linear-gradient(145deg, var(--sd-bg) 0%, var(--sd-bg-secondary) 52%, #e6f6ff 100%);z-index:1;min-height:100vh;position:relative}.system-design-course-root .sd-neumorphic,.system-design-course-root .sd-neumorphic-card{background:var(--sd-surface);-webkit-backdrop-filter:blur(14px);border:1px solid var(--sd-border);box-shadow:var(--sd-shadow);border-radius:20px}.system-design-course-root .sd-neumorphic{transition:transform .22s,box-shadow .22s}.system-design-course-root .sd-neumorphic:hover{transform:translateY(-2px);box-shadow:0 20px 48px #6366f133}.system-design-course-root .sd-neumorphic-card{padding:1.35rem;transition:transform .3s,box-shadow .3s,border-color .3s}.system-design-course-root .sd-neumorphic-card:hover{border-color:#6366f142;box-shadow:0 24px 52px #818cf833}.system-design-course-root .sd-neumorphic-btn{color:#1f2937;box-shadow:var(--sd-shadow-soft);background:linear-gradient(135deg,#ffffffe0,#eef2ffb3);border:1px solid #6366f13d;border-radius:14px;padding:.62rem .95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.system-design-course-root .sd-neumorphic-btn:hover{border-color:#6366f173;transform:translateY(-2px);box-shadow:0 12px 26px #6366f13d}.system-design-course-root .sd-neumorphic-btn:active{transform:translateY(0)}.system-design-course-root .sd-neumorphic-input{color:var(--sd-text);background:#fffc;border:1px solid #6366f13d;border-radius:12px;padding:.75rem .9rem}.system-design-course-root .sd-neumorphic-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 4px #6366f126}.system-design-course-root .sd-neumorphic-card h1,.system-design-course-root .sd-neumorphic-card h2,.system-design-course-root .sd-neumorphic-card h3{color:var(--sd-text);letter-spacing:-.01em}.system-design-course-root .sd-neumorphic-card p,.system-design-course-root .sd-neumorphic-card li,.system-design-course-root .sd-neumorphic-card span{color:var(--sd-text-muted);line-height:1.72}.system-design-course-root .sd-neumorphic-card ul{margin-top:.6rem}.system-design-course-root .sd-neumorphic-card li::marker{color:#6366f1}.system-design-course-root .sd-neumorphic-card>div[class*=bg-gradient-to-r]{border:1px solid #ffffff47;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3}.system-design-course-root .sd-neumorphic-card>div[class*=bg-gradient-to-r]:after{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff29 36%,#0000 78%);animation:3.6s linear infinite sd-shimmer;position:absolute;inset:0;transform:translate(-100%)}.system-design-course-root .sd-neumorphic-card pre{border:1px solid #818cf838;box-shadow:inset 0 1px #ffffff0f;border-radius:14px!important}.system-design-course-root .sd-neumorphic-card .bg-yellow-100,.system-design-course-root .sd-neumorphic-card .dark\:bg-yellow-900{border:1px solid #f59e0b40;border-radius:12px;background:linear-gradient(120deg,#fef9c3b3,#fef08a80)!important}.system-design-course-root .mermaid-container svg{max-width:100%;width:100%!important;height:auto!important}.system-design-course-root .sd-level-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (width>=900px){.system-design-course-root .sd-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.system-design-course-root .sd-course{padding-top:.25rem!important}.system-design-course-root .sd-neumorphic-card{border-radius:16px;padding:1rem}.system-design-course-root .sd-neumorphic-card h1{font-size:1.75rem!important}.system-design-course-root .sd-neumorphic-card h2{font-size:1.2rem!important}}@keyframes sd-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.dark .system-design-course-root{--sd-bg:#0a0f1f;--sd-bg-secondary:#171327;--sd-text:#e5e7eb;--sd-text-muted:#cbd5e1;--sd-border:#a5b4fc3b;--sd-surface:#0f172aa8;--sd-surface-strong:#0f172acc;--sd-shadow:0 20px 56px #02061785;--sd-shadow-soft:0 12px 30px #0f172a80;--sd-accent:#818cf8;--sd-accent-strong:#c084fc}.dark .system-design-course-root:before{opacity:.5;background:radial-gradient(circle,#2563ebc7 0%,#4c1d95bd 64%,#0000 100%)}.dark .system-design-course-root:after{opacity:.45;background:radial-gradient(circle,#be185d9e 0%,#ea580c94 63%,#0000 100%)}.dark .system-design-course-root .sd-neumorphic-btn{color:#e5e7eb;background:linear-gradient(135deg,#1e293bd1,#1e1b4bcc);border-color:#818cf861}.dark .system-design-course-root .sd-neumorphic-btn:hover{border-color:#a78bfa94;box-shadow:0 14px 30px #4338ca6b}.dark .system-design-course-root .sd-neumorphic-card .bg-yellow-100,.dark .system-design-course-root .sd-neumorphic-card .dark\:bg-yellow-900{border-color:#fbbf2457;background:linear-gradient(120deg,#78350f85,#92400e66)!important}.database-course-root{--rog-green:#76b900;--rog-green2:#9dcc00;--neon-cyan:#00d4ff;--neon-orange:#ff6b00;--neon-purple:#b44fff;--p5-red:#e8002d;--p5-red2:#ff1744;--p5-black:#0d0d0d;--p5-white:#f0f0f0;--p5-yellow:#ffd600;--bg-base:#080808;--bg-1:#0d0d0d;--bg-2:#121212;--bg-3:#181818;--bg-4:#202020;--bg-card:#0d0d0df7;--bg-red:#e8002d0f;--border-dim:#76b9001a;--border-mid:#76b90038;--border-bright:#76b90080;--border-red:#e8002d59;--border-red-dim:#e8002d26;--border-cyan:#00d4ff33;--text-primary:#efefef;--text-secondary:#888;--text-dim:#444;--text-green:#76b900;--text-red:#e8002d;--text-cyan:#00d4ff;--glow-green:0 0 8px #76b900b3, 0 0 24px #76b9004d;--glow-red:0 0 8px #e8002db3, 0 0 24px #e8002d4d;--glow-cyan:0 0 8px #00d4ffb3, 0 0 24px #00d4ff4d;--shadow-card:0 4px 24px #000000b3, 0 1px 4px #00000080;--shadow-lg:0 8px 40px #000c, 0 2px 8px #0009;--shadow-xl:0 16px 64px #000000e6, 0 4px 16px #000000b3;background:var(--bg-base);color:var(--p5-white);min-height:100vh}.database-course-root *,.database-course-root :before,.database-course-root :after{box-sizing:border-box}.database-course-root body,.database-course-root{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Barlow,sans-serif;overflow-x:hidden}.database-course-root ::-webkit-scrollbar{width:4px;height:4px}.database-course-root ::-webkit-scrollbar-track{background:var(--bg-1)}.database-course-root ::-webkit-scrollbar-thumb{background:var(--p5-red)}.database-course-root ::-webkit-scrollbar-thumb:hover{background:var(--p5-red2)}.database-course-root .font-p5{letter-spacing:.04em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900}.database-course-root .font-rog{letter-spacing:.06em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-weight:700}.database-course-root .font-body{font-family:Barlow,sans-serif}.database-course-root .font-mono{font-family:Share Tech Mono,monospace}.database-course-root .p5-text{color:var(--p5-red)}.database-course-root .rog-text{color:var(--rog-green)}.database-course-root .cyan-text{color:var(--neon-cyan)}.database-course-root .p5-glow-text{color:var(--p5-red);text-shadow:0 0 12px #e8002dcc,0 0 40px #e8002d4d}.database-course-root .dual-glow-text{background:linear-gradient(90deg, var(--rog-green) 0%, var(--p5-red) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.database-course-root .p5-slash{position:relative;overflow:hidden}.database-course-root .p5-slash:after{content:"";background:var(--bg-base);width:40px;height:100%;position:absolute;top:0;right:-20px;transform:skew(-12deg)}.database-course-root .phantom-card{background:var(--bg-card);border:1px solid var(--border-dim);transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.database-course-root .phantom-card:before{content:"";background:linear-gradient(90deg, var(--p5-red), var(--rog-green), var(--p5-red));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.database-course-root .phantom-card:hover{border-color:var(--border-red);box-shadow:0 0 20px #e8002d14, var(--shadow-card)}.database-course-root .rog-card{background:var(--bg-2);border:1px solid var(--border-dim);transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.database-course-root .rog-card:before{content:"";background:linear-gradient(90deg, transparent, var(--rog-green), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.database-course-root .rog-card:hover{border-color:var(--border-bright);box-shadow:0 0 16px #76b9001a, var(--shadow-card)}.database-course-root .cut-tr{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.database-course-root .cut-tr-lg{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.database-course-root .cut-tr-sm{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.database-course-root .cut-both{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.database-course-root .cut-both-sm{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.database-course-root .p5-stripe-bg{background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#e8002d0a 8px 9px)}.database-course-root .rgb-border{position:relative}.database-course-root .rgb-border:before{content:"";background:linear-gradient(135deg, var(--p5-red), var(--rog-green), var(--neon-cyan), var(--p5-red));z-index:-1;background-size:300% 300%;animation:4s linear infinite rgb-shift;position:absolute;inset:-1px}@keyframes rgb-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.database-course-root .btn-p5{background:var(--p5-red);color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.65rem 1.8rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-style:italic;font-weight:900;transition:all .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 16px #e8002d73}.database-course-root .btn-p5:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:60%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.database-course-root .btn-p5:hover{background:var(--p5-red2);box-shadow:var(--glow-red);transform:translateY(-2px)}.database-course-root .btn-p5:hover:before{left:150%}.database-course-root .btn-p5:active{transform:scale(.97)}.database-course-root .btn-rog{color:var(--rog-green);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-bright);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.6rem;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.database-course-root .btn-rog:hover{box-shadow:var(--glow-green);background:#76b9001a;transform:translateY(-1px)}.database-course-root .btn-rog:active{transform:scale(.97)}.database-course-root .btn-rog-fill{background:var(--rog-green);color:#000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.6rem 1.6rem;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 0 12px #76b90066}.database-course-root .btn-rog-fill:hover{background:var(--rog-green2);box-shadow:var(--glow-green);transform:translateY(-1px)}.database-course-root .navbar{z-index:1000;border-bottom:1px solid var(--border-red-dim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080808f7;position:sticky;top:0;box-shadow:0 2px 20px #e8002d0f,0 1px #76b90014}.database-course-root .progress-bar-track{background:#ffffff0d;border:1px solid #ffffff12;height:4px;overflow:hidden}.database-course-root .progress-bar-fill{background:linear-gradient(90deg, var(--p5-red), var(--rog-green));height:100%;transition:width .6s;box-shadow:0 0 8px #e8002d80}.database-course-root .topic-card{cursor:pointer;transition:all .2s}.database-course-root .topic-card:hover{transform:translate(6px);border-color:var(--border-red)!important;box-shadow:-3px 0 0 var(--p5-red), var(--shadow-card)!important}.database-course-root .accordion-item{border:1px solid var(--border-dim);background:var(--bg-2);margin-bottom:5px;transition:border-color .2s;overflow:hidden}.database-course-root .accordion-item:hover{border-color:var(--border-red-dim)}.database-course-root .accordion-header{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-family:Barlow,sans-serif;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.database-course-root .accordion-header:hover{background:#e8002d0a}.database-course-root .accordion-body{color:var(--text-secondary);border-top:1px solid var(--border-dim);padding:12px 16px 16px;font-size:.9rem;line-height:1.65}.database-course-root .result-table{border-collapse:collapse;width:100%;font-family:Share Tech Mono,monospace;font-size:.8rem}.database-course-root .result-table th{color:var(--p5-red);text-align:left;border-bottom:1px solid var(--border-red-dim);letter-spacing:.08em;text-transform:uppercase;background:#e8002d14;padding:7px 12px;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700}.database-course-root .result-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:6px 12px}.database-course-root .result-table tr:last-child td{border-bottom:none}.database-course-root .result-table tr:hover td{background:#e8002d0a}.database-course-root .footer{background:var(--bg-1);border-top:2px solid var(--p5-red);padding:3.5rem 0 1.5rem;font-family:Barlow,sans-serif}.database-course-root .footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.database-course-root .footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}@media (width<=768px){.database-course-root .footer-top{grid-template-columns:1fr 1fr}}@media (width<=480px){.database-course-root .footer-top{grid-template-columns:1fr}}.database-course-root .footer-brand-col p{color:var(--text-secondary);margin-top:.75rem;font-size:.875rem;line-height:1.65}.database-course-root .fb-logo{color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.6rem;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-style:italic;font-weight:900;display:flex}.database-course-root .footer-col h5{letter-spacing:.1em;text-transform:uppercase;color:var(--p5-red);margin-bottom:1rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700}.database-course-root .footer-col ul{list-style:none}.database-course-root .footer-col ul li{margin-bottom:.5rem}.database-course-root .footer-col ul li a{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .15s}.database-course-root .footer-col ul li a:hover{color:var(--p5-red)}.database-course-root .footer-socials{flex-direction:column;gap:.5rem;display:flex}.database-course-root .fsoc{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:flex}.database-course-root .fsoc:hover{color:var(--p5-red)}.database-course-root .fsoc svg{width:15px;height:15px}.database-course-root .footer-bottom{border-top:1px solid var(--border-dim);color:var(--text-dim);justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.82rem;display:flex}.database-course-root .footer-pill{border:1px solid var(--border-red-dim);color:var(--p5-red);background:#e8002d0f;align-items:center;gap:.4rem;padding:.3rem .9rem;font-size:.8rem;display:flex}.database-course-root .yd{background:var(--p5-red);width:7px;height:7px;animation:2s ease-in-out infinite p5-pulse;display:inline-block}@keyframes p5-pulse{0%,to{box-shadow:0 0 #e8002d99}50%{box-shadow:0 0 0 5px #e8002d00}}@keyframes p5-slide-in{0%{opacity:0;transform:translate(-20px)skew(-5deg)}to{opacity:1;transform:translate(0)skew(0)}}@keyframes rog-scan{0%{opacity:0;transform:translateY(-5%)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(105%)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes p5-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}@keyframes border-pulse-red{0%,to{box-shadow:0 0 5px #e8002d4d}50%{box-shadow:0 0 20px #e8002db3,0 0 40px #e8002d4d}}@keyframes border-pulse-green{0%,to{box-shadow:0 0 5px #76b9004d}50%{box-shadow:0 0 20px #76b900b3,0 0 40px #76b9004d}}.database-course-root .animate-float{animation:3s ease-in-out infinite float-y}.database-course-root .animate-spin-slow{animation:8s linear infinite spin-slow}.animate-flicker{animation:5s infinite p5-flicker}.database-course-root .animate-glow-red{animation:2s ease-in-out infinite border-pulse-red}.database-course-root .animate-glow-green{animation:2s ease-in-out infinite border-pulse-green}.database-course-root .section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--p5-red);align-items:center;gap:.5rem;margin-bottom:.4rem;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-style:italic;font-weight:800;display:flex}.database-course-root .section-label:before{content:"â–¶";font-size:.6rem;font-style:normal}.database-course-root .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--p5-red);border:1px solid var(--border-red-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#e8002d1a;align-items:center;gap:.3rem;padding:.2rem .8rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-style:italic;font-weight:800;display:inline-flex}.database-course-root .tag-green{color:var(--rog-green);border-color:var(--border-mid);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#76b9001a}.database-course-root .code-block{border:1px solid var(--border-dim);background:#060606;overflow:hidden}.database-course-root .code-block-header{border-bottom:1px solid var(--border-red-dim);background:#e8002d0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.database-course-root .code-block pre{color:#d4e8c8;margin:0;padding:1rem;font-family:Share Tech Mono,monospace;font-size:.8rem;line-height:1.65;overflow-x:auto}.database-course-root .viz-row-highlight{border-left:3px solid var(--p5-red);background:#e8002d14!important}.database-course-root .viz-doc-highlight{border-left:3px solid var(--rog-green);background:#76b90014!important}@media (width<=768px){.database-course-root .hide-mobile{display:none!important}}@media (width>=769px){.database-course-root .hide-desktop{display:none!important}}.database-course-root .hud-panel{background:var(--bg-2);border:1px solid var(--border-dim);position:relative;overflow:hidden}.database-course-root .hud-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--p5-red), var(--rog-green), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.database-course-root .hud-panel-amber{background:#ff6b000d;border:1px solid #ff6b0033;position:relative;overflow:hidden}.database-course-root .btn-hud{background:var(--bg-3);border:1px solid var(--border-mid);color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.database-course-root .btn-hud:hover{background:var(--bg-4);border-color:var(--border-red);color:var(--p5-red)}.database-course-root .btn-hud-amber{color:var(--neon-orange);border-color:#ff6b0066}.database-course-root .btn-hud-amber:hover{background:#ff6b0014}.database-course-root .btn-hud-green{border-color:var(--border-bright);color:var(--rog-green)}.database-course-root .btn-hud-green:hover{box-shadow:var(--glow-green);background:#76b9001a}.database-course-root .glow-cyan{color:var(--p5-red)}.database-course-root .font-orbitron{letter-spacing:.05em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800}.database-course-root .font-mono-tech{font-family:Share Tech Mono,monospace}.database-course-root .scanlines{display:none}.database-course-root .glass-card{background:var(--bg-card);border:1px solid var(--border-dim);position:relative;overflow:hidden}.database-course-root .glass-card-sm{background:var(--bg-2);border:1px solid var(--border-dim);position:relative;overflow:hidden}.database-course-root .glass-card-dark{border:1px solid var(--border-mid);background:#060606f7;position:relative;overflow:hidden}.database-course-root .mac-dots{align-items:center;gap:6px;display:flex}.database-course-root .mac-dot{width:10px;height:10px}.database-course-root .mac-dot-red{background:var(--p5-red)}.database-course-root .mac-dot-yellow{background:var(--p5-yellow)}.mac-dot-green{background:var(--rog-green);box-shadow:0 0 4px #76b90099}.database-course-root .ig-text{color:var(--p5-red)}.database-course-root .ig-text-soft{color:var(--p5-red2)}.database-course-root .rog-glow-text{color:var(--rog-green);text-shadow:0 0 10px #76b900b3,0 0 30px #76b9004d}.database-course-root .section-label-old{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.database-course-root .btn-rog-outline{color:var(--rog-green);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-bright);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.6rem;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.database-course-root .btn-rog-outline:hover{box-shadow:var(--glow-green);background:#76b9001a}.db-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;max-width:100%;margin-bottom:1.5rem;display:grid}@media (width<=968px){.db-code-grid{grid-template-columns:1fr;gap:1rem}}.db-code-grid>*{width:100%;min-width:0;max-width:100%}.db-code-grid .code-block,.db-code-grid>div>div{box-sizing:border-box;width:100%;max-width:100%}.db-code-grid pre{white-space:pre;max-width:100%;margin:0;overflow-x:auto}.db-code-grid table{table-layout:auto;border-collapse:collapse;min-width:100%}.db-code-grid td{white-space:pre}.db-code-grid>div>div>div{overflow:auto hidden}body.genai-course-active{color:#e2e8f0!important;-webkit-font-smoothing:antialiased!important;letter-spacing:.01em!important;background-color:#04040a!important;font-family:Inter,sans-serif!important;font-weight:400!important}.genai-course-wrapper{color:#e2e8f0;background-color:#04040a;min-height:100vh;font-family:Inter,sans-serif;position:relative}.genai-course-wrapper *{box-sizing:border-box}.genai-course-wrapper ::selection{color:#fff;background:#7c3aed59}.genai-course-wrapper ::-webkit-scrollbar{width:4px}.genai-course-wrapper ::-webkit-scrollbar-track{background:#04040a}.genai-course-wrapper ::-webkit-scrollbar-thumb{background:linear-gradient(#7c3aed,#06b6d4);border-radius:2px}.genai-course-wrapper .font-display{font-family:Space Grotesk,Inter,sans-serif}.genai-course-wrapper .font-mono-rr{font-family:JetBrains Mono,Fira Code,monospace}.genai-course-wrapper .text-rr-ivory{color:#f1f5f9}.genai-course-wrapper .text-rr-stone{color:#94a3b8}.genai-course-wrapper .text-rr-muted{color:#475569}.genai-course-wrapper .text-rr-gold{color:#a78bfa}.genai-course-wrapper .text-rr-gold-light{color:#c4b5fd}.genai-course-wrapper .text-rr-gold-dim{color:#6d28d9}.genai-course-wrapper .gold-text{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 50%,#7c3aed 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}.genai-course-wrapper .gradient-text{background:linear-gradient(135deg,#a78bfa,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.genai-course-wrapper .surface-0{background:#04040a}.genai-course-wrapper .surface-1{background:#080812}.genai-course-wrapper .surface-2{background:#0d0d1a}.genai-course-wrapper .surface-3{background:#112}.genai-course-wrapper .glass-rr{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#0d0d1ab3;border:1px solid #7c3aed33}.genai-course-wrapper .gold-line{background:linear-gradient(90deg,#0000,#7c3aed,#06b6d4,#7c3aed,#0000);height:1px}.genai-course-wrapper .btn-rr{letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0891b2);border:none;border-radius:8px;align-items:center;gap:.625rem;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.genai-course-wrapper .btn-rr:before{content:"";opacity:0;background:linear-gradient(135deg,#6d28d9,#0e7490);border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.genai-course-wrapper .btn-rr:hover:before{opacity:1}.genai-course-wrapper .btn-rr:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed66,0 0 60px #06b6d426}.genai-course-wrapper .btn-rr span{z-index:1;position:relative}.genai-course-wrapper .btn-rr-outline{letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;cursor:pointer;background:0 0;border:1px solid #7c3aed80;border-radius:8px;align-items:center;gap:.625rem;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.genai-course-wrapper .btn-rr-outline:hover{color:#c4b5fd;background:#7c3aed1a;border-color:#7c3aedcc;transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed40}.genai-course-wrapper .card-rr{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d1a99;border:1px solid #7c3aed26;border-radius:12px;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.genai-course-wrapper .card-rr:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#7c3aed99,#06b6d499,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.genai-course-wrapper .card-rr:hover{background:#0d0d1ad9;border-color:#7c3aed66;transform:translateY(-4px);box-shadow:0 20px 60px #00000080,0 0 40px #7c3aed1a}.genai-course-wrapper .card-rr:hover:before{opacity:1}.genai-course-wrapper .badge-rr{letter-spacing:.15em;text-transform:uppercase;color:#a78bfa;background:#7c3aed14;border:1px solid #7c3aed59;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.65rem;font-weight:600;display:inline-flex}.genai-course-wrapper .tab-rr{letter-spacing:.1em;text-transform:uppercase;color:#475569;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.72rem;font-weight:600;transition:all .25s}.genai-course-wrapper .tab-rr:hover{color:#a78bfa}.genai-course-wrapper .tab-rr.active{color:#a78bfa;border-bottom-color:#7c3aed}.genai-course-wrapper .ornament{color:#7c3aed80;letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.65rem;display:flex}.genai-course-wrapper .ornament:before,.genai-course-wrapper .ornament:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed66);flex:1;height:1px}.genai-course-wrapper .ornament:after{background:linear-gradient(90deg,#7c3aed66,#0000)}.genai-course-wrapper .diamond{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.genai-course-wrapper .diamond-sm{background:#7c3aed99;border-radius:1px;flex-shrink:0;width:5px;height:5px;display:inline-block;transform:rotate(45deg)}.genai-course-wrapper .scrollbar-hide::-webkit-scrollbar{display:none}.genai-course-wrapper .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.genai-course-wrapper .section-rr{padding:6rem 0}.genai-course-wrapper .section-rr-sm{padding:3.5rem 0}.genai-course-wrapper .container-rr{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (width>=640px){.genai-course-wrapper .container-rr{padding:0 2.5rem}}@media (width>=1024px){.genai-course-wrapper .container-rr{padding:0 3.5rem}}.genai-course-wrapper .neural-grid{background-image:linear-gradient(#7c3aed0f 1px,#0000 1px),linear-gradient(90deg,#7c3aed0f 1px,#0000 1px);background-size:60px 60px}.genai-course-wrapper .section-divider{background:linear-gradient(90deg,#0000,#7c3aed4d,#06b6d44d,#0000);height:1px}.genai-course-wrapper .glow-violet{box-shadow:0 0 30px #7c3aed4d,0 0 60px #7c3aed1a}.genai-course-wrapper .glow-cyan{box-shadow:0 0 30px #06b6d44d,0 0 60px #06b6d41a}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.genai-course-wrapper .float-up{animation:.6s forwards floatUp}.genai-course-wrapper .pulse-glow{animation:2s ease-in-out infinite pulseGlow}.genai-course-wrapper .neon-flicker{animation:5s ease-in-out infinite neonFlicker}.genai-course-wrapper .code-keyword{color:#a78bfa;font-weight:600}.genai-course-wrapper .code-string{color:#6ee7b7}.genai-course-wrapper .code-comment{color:#334155;font-style:italic}.genai-course-wrapper .code-function{color:#67e8f9}.genai-course-wrapper .code-number{color:#fbbf24}.genai-course-wrapper .input-rr{color:#e2e8f0;background:#0d0d1acc;border:1px solid #7c3aed40;border-radius:8px;outline:none;width:100%;padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .3s,box-shadow .3s}.genai-course-wrapper .input-rr::placeholder{color:#334155}.genai-course-wrapper .input-rr:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed1a}.genai-course-wrapper .particle-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.genai-course-wrapper .particle-field:before{content:"";background-image:radial-gradient(circle,#7c3aed66 1px,#0000 1px),radial-gradient(circle,#06b6d44d 1px,#0000 1px);background-position:0 0,40px 40px;background-size:80px 80px,120px 120px;animation:20s linear infinite particleDrift;position:absolute;inset:0}@keyframes particleDrift{0%{transform:translate(0)}to{transform:translate(-80px,-80px)}}.fspy-module{--mac-bg:#f5f5f7;--mac-surface:#fff;--mac-surface-2:#f0f0f2;--mac-surface-3:#e8e8ed;--mac-border:#00000014;--mac-border-med:#0000001f;--mac-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--mac-shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000d;--mac-shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--mac-shadow-xl:0 24px 64px #0000001f, 0 8px 24px #00000014;--accent:#0071e3;--accent-hover:#0077ed;--accent-light:#0071e31a;--accent-border:#0071e340;--red-dot:#ff5f57;--yellow-dot:#febc2e;--green-dot:#28c840;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--sidebar-bg:#f6f6f8d9;--glass-bg:#ffffffb8;--glass-border:#ffffffe6;--navbar-h:56px;background:var(--mac-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.fspy-module .mac-glass{background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--glass-border)}.fspy-module .mac-card{background:var(--mac-surface);border:1px solid var(--mac-border);box-shadow:var(--mac-shadow-sm);border-radius:16px;transition:box-shadow .2s,transform .2s}.fspy-module .mac-card:hover{box-shadow:var(--mac-shadow-md);transform:translateY(-1px)}.fspy-module .mac-window{background:var(--mac-surface);box-shadow:var(--mac-shadow-xl);border:1px solid var(--mac-border);border-radius:12px;overflow:hidden}.fspy-module .mac-titlebar{background:var(--mac-surface-2);border-bottom:1px solid var(--mac-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.fspy-module .mac-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.fspy-module .mac-btn{cursor:pointer;border:none;border-radius:980px;outline:none;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.fspy-module .mac-btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #0071e34d}.fspy-module .mac-btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #0071e366}.fspy-module .mac-btn-secondary{background:var(--mac-surface-2);color:var(--text-primary);border:1px solid var(--mac-border-med)}.fspy-module .mac-btn-secondary:hover{background:var(--mac-surface-3)}.fspy-module .mac-input{background:var(--mac-surface);border:1px solid var(--mac-border-med);color:var(--text-primary);border-radius:10px;outline:none;padding:8px 14px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.fspy-module .mac-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e326}.fspy-module .mac-input::placeholder{color:var(--text-tertiary)}.fspy-module .mac-sidebar-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.fspy-module .mac-sidebar-item:hover{color:var(--text-primary);background:#0000000d}.fspy-module .mac-sidebar-item.active{background:var(--accent-light);color:var(--accent)}.fspy-module .mac-badge{letter-spacing:.02em;border-radius:980px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.fspy-module .mac-tag{background:var(--mac-surface-2);color:var(--text-secondary);border:1px solid var(--mac-border);border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.fspy-module .mac-code-window{box-shadow:var(--mac-shadow-lg);border:1px solid var(--mac-border);border-radius:12px;overflow:hidden}.fspy-module pre,.fspy-module code{font-family:SF Mono,Fira Code,Cascadia Code,Menlo,monospace!important}.fspy-module .page-enter{animation:.35s forwards macFadeIn}@keyframes macFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fspy-module .mac-divider{background:var(--mac-border);height:1px;margin:0}.fspy-module .mac-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;padding:0 12px;font-size:.7rem;font-weight:600}.fspy-module .mac-accordion-item{border:1px solid var(--mac-border);background:var(--mac-surface);border-radius:10px;margin-bottom:8px;overflow:hidden}.fspy-module .footer{background:var(--mac-surface-2)!important;border-top:1px solid var(--mac-border)!important;color:var(--text-primary)!important;padding:48px 0 24px!important}.fspy-module .footer-content{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.fspy-module .footer-logo-block{align-items:center;gap:12px;margin-bottom:12px;display:flex}.fspy-module .footer-logo-block img{border-radius:8px}.fspy-module .footer-logo-block span{font-size:.95rem;font-weight:700;color:var(--text-primary)!important}.fspy-module .footer-links h3{letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:600;color:var(--text-tertiary)!important}.fspy-module .footer-links a{margin-bottom:8px;font-size:.875rem;text-decoration:none;transition:color .15s;display:block;color:var(--text-secondary)!important}.fspy-module .footer-links a:hover{color:var(--accent)!important}.fspy-module .footer-social h3{letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:600;color:var(--text-tertiary)!important}.fspy-module .social-icons{flex-wrap:wrap;gap:10px;display:flex}.fspy-module .social-icon{width:36px;height:36px;box-shadow:var(--mac-shadow-sm);border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;text-decoration:none;transition:all .15s;display:flex;background:var(--mac-surface)!important;border:1px solid var(--mac-border-med)!important;color:var(--text-secondary)!important}.fspy-module .social-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0071e34d;background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.fspy-module .footer-bottom{text-align:center;max-width:1200px;margin:32px auto 0;padding:20px 24px 0;font-size:.8rem;border-top:1px solid var(--mac-border)!important;color:var(--text-tertiary)!important}.fspy-module .footer-bottom p{color:var(--text-tertiary)!important}@media (width<=640px){.fspy-module .build-expand-grid{grid-template-columns:1fr!important}}@media (width>=1024px){.fspy-module .topic-sidebar{display:block!important}}@media (width<=540px){.fspy-module .mcq-grid{grid-template-columns:1fr!important}}.fsjava-module .fsjava-navbar__skip{z-index:9999;color:#070b17;letter-spacing:1px;background:#f89820;border-radius:0 0 8px 8px;padding:.6rem 1.2rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1rem}.fsjava-module .fsjava-navbar__skip:focus{outline:none;top:0}.fsjava-module .fsjava-navbar{z-index:1000;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#060a14bf;border-bottom:1px solid #5382a12e;width:100%;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0;left:0;right:0}.fsjava-module .fsjava-navbar--scrolled{background:#060a14f7;border-bottom-color:#f8982038;box-shadow:0 4px 32px #0000008c}.fsjava-module .fsjava-navbar__accent{background:linear-gradient(90deg, var(--java-blue,#5382a1), var(--java-orange,#f89820), var(--java-blue,#5382a1));opacity:.75;background-size:200% 100%;height:2px;animation:4s linear infinite fsjava-nav-flow}@keyframes fsjava-nav-flow{0%{background-position:0%}to{background-position:200%}}.fsjava-module .fsjava-navbar__progress{z-index:1001;pointer-events:none;will-change:width;background:linear-gradient(90deg,#f89820 0%,#5382a1 50%,#3ddc84 100%);border-radius:0 2px 2px 0;max-width:100%;height:2px;transition:width .12s linear;position:absolute;top:2px;left:0;box-shadow:0 0 10px #f89820a6}.fsjava-module .fsjava-navbar__inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1280px;height:58px;margin:0 auto;padding:0 1.5rem;display:flex}.fsjava-module .fsjava-navbar__logo{outline-offset:4px;flex-shrink:0;align-items:center;gap:.6rem;line-height:1;text-decoration:none;transition:opacity .22s,transform .22s;display:inline-flex}.fsjava-module .fsjava-navbar__logo:hover{opacity:.85;transform:scale(1.03)}.fsjava-module .fsjava-navbar__logo-icon{color:#f89820;background:linear-gradient(135deg,#f8982026,#5382a126);border:1px solid #f8982059;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;animation:2.5s ease-in-out infinite fsjava-javaShimmer;display:inline-flex}.fsjava-module .fsjava-navbar__logo-text{flex-direction:column;line-height:1.1;display:flex}.fsjava-module .fsjava-navbar__logo-top{color:#f89820;letter-spacing:1px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700}.fsjava-module .fsjava-navbar__logo-bottom{color:#5382a1;letter-spacing:2px;font-family:Orbitron,monospace;font-size:.6rem}.fsjava-module .fsjava-navbar__logo--mobile .fsjava-navbar__logo-bottom{display:none}.fsjava-module .fsjava-navbar__nav{flex:1;justify-content:center;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.fsjava-module .fsjava-navbar__nav-link{letter-spacing:1.5px;color:#4a6070;white-space:nowrap;outline-offset:2px;border:1px solid #0000;border-radius:5px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:Orbitron,monospace;font-size:.6rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.fsjava-module .fsjava-navbar__nav-link i{flex-shrink:0;font-size:.8rem}.fsjava-module .fsjava-navbar__nav-link:hover{color:#f89820;background:#f8982014;border-color:#f8982033}.fsjava-module .fsjava-navbar__nav-link.active{color:#f89820;background:#f8982014;border-color:#f8982040}.fsjava-module .fsjava-navbar__back-link{background:linear-gradient(135deg,#f898202e,#5382a11f);margin-left:.5rem;box-shadow:0 0 12px #f8982026;color:#f89820!important;border-color:#f8982066!important}.fsjava-module .fsjava-navbar__back-link:hover{transform:translate(-3px);color:#f89820!important;background:linear-gradient(135deg,#f8982047,#5382a133)!important;box-shadow:0 0 20px #f8982047!important}.fsjava-module .fsjava-navbar__controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.fsjava-module .fsjava-navbar__hamburger{color:#4a6070;cursor:pointer;outline-offset:3px;background:#f898200f;border:1px solid #f8982047;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:background .2s,color .2s,border-color .2s;display:none}.fsjava-module .fsjava-navbar__hamburger:hover,.fsjava-module .fsjava-navbar__hamburger--open{color:#f89820;background:#f8982024;border-color:#f8982080}.fsjava-module .fsjava-navbar__overlay{z-index:998;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.fsjava-module .fsjava-navbar__overlay--visible{pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#000000a6}.fsjava-module .fsjava-navbar__mobile-menu{z-index:1001;overscroll-behavior:contain;will-change:transform;background:#060a14fc;border-left:1px solid #f898202e;flex-direction:column;width:min(300px,85vw);height:100vh;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.fsjava-module .fsjava-navbar__mobile-menu.open{transform:translate(0);box-shadow:-8px 0 48px #000000b3}.fsjava-module .fsjava-navbar__mobile-header{background:#f898200a;border-bottom:1px solid #f898201f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.fsjava-module .fsjava-navbar__mobile-close{color:#4a6070;cursor:pointer;outline-offset:2px;background:#f898200f;border:1px solid #f898202e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:background .2s,color .2s,transform .2s;display:inline-flex}.fsjava-module .fsjava-navbar__mobile-close:hover{color:#f89820;background:#f898202e;transform:rotate(90deg)}.fsjava-module .fsjava-navbar__mobile-nav{flex:1;padding:12px 10px 8px;overflow-y:auto}.fsjava-module .fsjava-navbar__mobile-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.fsjava-module .fsjava-navbar__mobile-link{letter-spacing:1.5px;color:#4a6070;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-family:Orbitron,monospace;font-size:.65rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s;display:flex}.fsjava-module .fsjava-navbar__mobile-link i:first-child{text-align:center;color:#f8982059;flex-shrink:0;width:20px;font-size:1rem}.fsjava-module .fsjava-navbar__mobile-link span{flex:1}.fsjava-module .fsjava-navbar__mobile-link:hover{color:#f89820;background:#f8982014;border-color:#f8982033;transform:translate(4px)}.fsjava-module .fsjava-navbar__mobile-link:hover i:first-child{color:#f89820}.fsjava-module .fsjava-navbar__mobile-link--active{color:#f89820;background:#f898201a;border-color:#f8982047}.fsjava-module .fsjava-navbar__mobile-link--active i:first-child{color:#f89820}.fsjava-module .fsjava-navbar__active-check{color:#3ddc84;flex-shrink:0;margin-left:auto;width:auto!important;font-size:.82rem!important}.fsjava-module .fsjava-navbar__mobile-back{color:#4a607099;background:linear-gradient(135deg,#f898200f,#5382a10f);border-top:1px solid #5382a11a;margin-top:8px;padding-top:14px;color:#f89820!important;border-color:#f8982033!important}.fsjava-module .fsjava-navbar__mobile-back:hover{background:linear-gradient(135deg,#f8982024,#5382a11a)!important}.fsjava-module .fsjava-navbar__mobile-socials{border-top:1px solid #5382a11a;flex-shrink:0;padding:14px 16px 28px}.fsjava-module .fsjava-navbar__mobile-socials-label{color:#4a60708c;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-family:Orbitron,monospace;font-size:.55rem;font-weight:700}.fsjava-module .fsjava-navbar__mobile-socials-row{gap:10px;display:flex}.fsjava-module .fsjava-navbar__social-btn{color:#4a6070;outline-offset:3px;background:0 0;border:1px solid #f8982024;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:background .22s,color .22s,transform .2s,box-shadow .22s;display:inline-flex}.fsjava-module .fsjava-navbar__social-btn:hover{transform:translateY(-3px)}.fsjava-module .fsjava-navbar__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#fd1d1d,#e1306c,#833ab4);border-color:#0000;box-shadow:0 4px 16px #e1306c61}.fsjava-module .fsjava-navbar__social-btn--youtube:hover{color:#fff;background:red;border-color:#0000;box-shadow:0 4px 16px #ff000061}.fsjava-module .fsjava-navbar__social-btn--telegram:hover{color:#fff;background:#08c;border-color:#0000;box-shadow:0 4px 16px #0088cc61}@media (width<=900px){.fsjava-module .fsjava-navbar__nav{display:none}.fsjava-module .fsjava-navbar__hamburger{display:flex}}@media (width>=901px){.fsjava-module .fsjava-navbar__hamburger{display:none!important}.fsjava-module .fsjava-navbar__mobile-menu{pointer-events:none;visibility:hidden;box-shadow:none!important;transform:translate(100%)!important}.fsjava-module .fsjava-navbar__overlay{pointer-events:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}}@media (width<=480px){.fsjava-module .fsjava-navbar__inner{height:54px;padding:0 1rem}.fsjava-module .fsjava-navbar__logo-icon{width:32px;height:32px;font-size:1rem}.fsjava-module .fsjava-navbar__logo-top{font-size:.62rem}.fsjava-module .fsjava-navbar__mobile-menu{width:100vw}}@media (prefers-reduced-motion:reduce){.fsjava-module .fsjava-navbar,.fsjava-module .fsjava-navbar__progress,.fsjava-module .fsjava-navbar__accent,.fsjava-module .fsjava-navbar__logo,.fsjava-module .fsjava-navbar__logo-icon,.fsjava-module .fsjava-navbar__nav-link,.fsjava-module .fsjava-navbar__hamburger,.fsjava-module .fsjava-navbar__overlay,.fsjava-module .fsjava-navbar__mobile-menu,.fsjava-module .fsjava-navbar__mobile-link,.fsjava-module .fsjava-navbar__mobile-close,.fsjava-module .fsjava-navbar__social-btn{transition:none!important;animation:none!important}.fsjava-module .fsjava-navbar__logo:hover,.fsjava-module .fsjava-navbar__mobile-close:hover,.fsjava-module .fsjava-navbar__social-btn:hover,.fsjava-module .fsjava-navbar__mobile-link:hover,.fsjava-module .fsjava-navbar__back-link:hover{transform:none}}.fsjava-module{--java-orange:#f89820;--java-blue:#5382a1;--java-dark:#0b0f1e;--java-darker:#070b17;--java-green:#3ddc84;--glass-bg:#0f162d8c;--glass-border:#f8982024;--glass-border-alt:#5382a12e;--glass-blur:blur(18px);--glow-orange:#f8982047;--glow-blue:#5382a147;color:#c8d8e8;background-color:var(--java-darker);background-image:radial-gradient(80% 60% at -10% -5%,#f898201f 0%,#0000 60%),radial-gradient(70% 55% at 110% 105%,#5382a124 0%,#0000 60%),radial-gradient(50% 40%,#5382a10d 0%,#0000 70%);background-attachment:fixed;font-family:Inter,sans-serif;overflow-x:hidden}.fsjava-module ::-webkit-scrollbar{width:5px}.fsjava-module ::-webkit-scrollbar-track{background:#070b17}.fsjava-module ::-webkit-scrollbar-thumb{background:#f898204d;border-radius:3px}.fsjava-module ::-webkit-scrollbar-thumb:hover{background:#f8982099}.fsjava-module .hud-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059,inset 0 1px #f8982014}.fsjava-module .hud-panel:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#f8982080 30%,#5382a180 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.fsjava-module .hud-panel:hover{border-color:#f8982047;box-shadow:0 8px 32px #0006,0 0 0 1px #f898200f,inset 0 1px #f898201f}.fsjava-module .glow-orange{color:var(--java-orange);text-shadow:0 0 18px #f89820b3,0 0 48px #f898204d}.fsjava-module .glow-blue{color:var(--java-blue);text-shadow:0 0 18px #5382a1cc,0 0 48px #5382a166}.fsjava-module .glow-green{color:var(--java-green);text-shadow:0 0 14px #3ddc84b3}.fsjava-module .glow-cyan{color:#00f0ff;text-shadow:0 0 18px #00f0ffcc,0 0 48px #00f0ff66}.fsjava-module .grid-overlay{background-image:linear-gradient(#5382a109 1px,#0000 1px),linear-gradient(90deg,#5382a109 1px,#0000 1px);background-size:48px 48px}@keyframes fsjava-scanLine{0%{top:-100%}to{top:200%}}.fsjava-module .scan-effect{position:relative;overflow:hidden}.fsjava-module .scan-effect:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f8982040,#0000);height:2px;animation:5s linear infinite fsjava-scanLine;position:absolute;left:0;right:0}@keyframes fsjava-pulse-orange{0%,to{box-shadow:0 0 4px #f898204d}50%{box-shadow:0 0 16px #f89820cc,0 0 32px #f898204d}}@keyframes fsjava-pulse-blue{0%,to{box-shadow:0 0 4px #5382a14d}50%{box-shadow:0 0 16px #5382a1cc,0 0 32px #5382a14d}}.fsjava-module .pulse-orange{animation:2s ease-in-out infinite fsjava-pulse-orange}.fsjava-module .pulse-blue{animation:2s ease-in-out infinite fsjava-pulse-blue}.fsjava-module .status-dot{background:var(--java-green);width:8px;height:8px;box-shadow:0 0 8px var(--java-green);border-radius:50%;animation:1.8s ease-in-out infinite fsjava-pulse-orange}@keyframes fsjava-javaShimmer{0%{filter:drop-shadow(0 0 5px #f8982066)}50%{filter:drop-shadow(0 0 16px #f89820e6)drop-shadow(0 0 28px #5382a180)}to{filter:drop-shadow(0 0 5px #f8982066)}}.fsjava-module .java-icon-glow{animation:2.5s ease-in-out infinite fsjava-javaShimmer}@keyframes fsjava-borderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fsjava-module .animated-border{background:linear-gradient(90deg, var(--java-orange), var(--java-blue), var(--java-orange));background-size:200% 200%;animation:3s infinite fsjava-borderFlow}.fsjava-module .font-orbitron{font-family:Orbitron,monospace}.fsjava-module .font-mono{font-family:JetBrains Mono,monospace}.fsjava-module .footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:4rem;color:#c8d8e8!important;background:#070b17f5!important;border-top:1px solid #f898201f!important;padding:3rem 0 1.5rem!important}.fsjava-module .footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.fsjava-module .footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.fsjava-module .footer-brand-col p{margin-top:.75rem;font-size:.84rem;line-height:1.65;color:#3a5060!important}.fsjava-module .fb-logo{align-items:center;gap:.6rem;display:flex}.fsjava-module .fb-logo span{font-family:Orbitron,monospace;font-size:.88rem;font-weight:700;color:var(--java-orange)!important}.fsjava-module .footer-col h5{letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-family:Orbitron,monospace;font-size:.68rem;color:var(--java-orange)!important}.fsjava-module .footer-col ul{list-style:none}.fsjava-module .footer-col ul li{margin-bottom:.5rem}.fsjava-module .footer-col ul li a{font-size:.84rem;text-decoration:none;transition:color .2s;color:#3a5060!important}.fsjava-module .footer-col ul li a:hover{color:var(--java-orange)!important}.fsjava-module .footer-socials{flex-direction:column;gap:.5rem;display:flex}.fsjava-module .fsoc{align-items:center;gap:.5rem;font-size:.84rem;text-decoration:none;transition:color .2s;display:flex;color:#3a5060!important}.fsjava-module .fsoc svg{width:15px;height:15px}.fsjava-module .fsoc:hover{color:var(--java-orange)!important}.fsjava-module .footer-bottom{justify-content:center;align-items:center;padding-top:1.5rem;display:flex;border-top:1px solid #5382a11a!important}.fsjava-module .footer-bottom p{font-size:.78rem;color:#243040!important}@media (width<=768px){.fsjava-module .footer-top{grid-template-columns:1fr 1fr}}@media (width<=480px){.fsjava-module .footer-top{grid-template-columns:1fr}.fsjava-module .footer-bottom{flex-direction:column;gap:1rem}}.fsjava-module .card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;box-shadow:0 4px 24px #00000059}.App{min-height:100vh}