.material-page{--background:220 20% 5%;--foreground:0 0% 98%;--surface:220 16% 10%;--surface-elevated:220 16% 13%;--surface-glass:220 16% 15%;--card:220 16% 10%;--card-foreground:0 0% 98%;--popover:220 16% 10%;--popover-foreground:0 0% 98%;--primary:24 95% 55%;--primary-foreground:220 20% 5%;--primary-glow:24 100% 65%;--secondary:220 14% 20%;--secondary-foreground:0 0% 98%;--muted:220 12% 18%;--muted-foreground:220 12% 72%;--accent:145 75% 42%;--accent-foreground:220 20% 5%;--success:145 75% 42%;--warning:42 95% 55%;--destructive:0 75% 55%;--destructive-foreground:0 0% 100%;--border:220 14% 24%;--border-bright:24 95% 55%;--input:220 14% 18%;--ring:24 95% 55%;--radius:1rem;--gradient-primary:linear-gradient(135deg, #ff7e29, #ff944c);--gradient-hero:radial-gradient(ellipse at 50% 0%, #ff751a2e, transparent 55%), radial-gradient(ellipse at 20% 20%, #ff751a1a, transparent 50%), radial-gradient(ellipse at 80% 20%, #1bbb5e24, transparent 50%), radial-gradient(ellipse at 50% 100%, #ff66001a, transparent 60%), linear-gradient(180deg, #101318, #080a0c);--gradient-card:linear-gradient(145deg, #1e2229f2, #111318f2);--gradient-border:linear-gradient(135deg, #f9761fb3, #1bbb5e80);--gradient-cta:linear-gradient(135deg, #ff781f, #ff8b3d 60%, #1dc964);--shadow-glow:0 0 50px #ff751a59, 0 0 80px #1bbb5e26;--shadow-glow-strong:0 0 70px #ff751a80, 0 0 120px #1bbb5e40;--shadow-card:0 14px 50px -10px #030407d9;--shadow-elevated:0 24px 70px -18px #180d0680, 0 0 0 1px #86502d1f;background-color:hsl(var(--background));color:hsl(var(--foreground));background-image:var(--gradient-hero);scroll-behavior:smooth;background-attachment:fixed;font-family:Space Grotesk,system-ui,sans-serif}.material-page h1,.material-page h2,.material-page h3,.material-page h4,.material-page h5{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}.material-page section[id]{scroll-margin-top:6rem}.material-page .font-display{font-family:Space Grotesk,sans-serif}.material-page .font-mono{font-family:JetBrains Mono,monospace}.material-page .glass-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsl(var(--border));box-shadow:var(--shadow-card)}.material-page .glow-border{position:relative}.material-page .glow-border:before{content:"";border-radius:inherit;background:var(--gradient-border);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.material-page .text-gradient{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.material-page .scanline-bg{background-image:linear-gradient(hsl(var(--border) / .4) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .4) 1px,transparent 1px);background-size:40px 40px}.material-page .shadow-glow{box-shadow:var(--shadow-glow)}.material-page .shadow-glow-strong{box-shadow:var(--shadow-glow-strong)}.material-page .shadow-elevated{box-shadow:var(--shadow-elevated)}.material-page .bg-gradient-primary{background:var(--gradient-primary)}.material-page .bg-gradient-cta{background:var(--gradient-cta)}.material-page .bg-surface{background-color:hsl(var(--surface))}.material-page .bg-surface-elevated{background-color:hsl(var(--surface-elevated))}.material-page .lesson-pill-success{border-color:hsl(var(--success));background-color:hsl(var(--success));color:#fff;box-shadow:0 0 18px hsl(var(--success) / .55)}.material-page .lesson-pill-success-dot{background-color:hsl(var(--success))}.material-page .hover\:bg-surface\/60:hover,.material-page .bg-surface\/60{background-color:hsl(var(--surface) / .6)}.material-page .bg-surface\/40{background-color:hsl(var(--surface) / .4)}.material-page .bg-surface\/50{background-color:hsl(var(--surface) / .5)}@keyframes material-pulse-glow{0%,to{box-shadow:0 0 20px hsl(var(--primary) / .25)}50%{box-shadow:0 0 40px hsl(var(--primary) / .5)}}@keyframes material-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.material-page .animate-pulse-glow{animation:3s ease-in-out infinite material-pulse-glow}.material-page .animate-float{animation:6s ease-in-out infinite material-float}.material-page .info-text-col,.material-page .info-text-col h3,.material-page .info-text-col p,.material-page .info-text-col span{text-align:center!important}.material-page .container{max-width:1152px!important}