.hero-banner:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:url(/robot-hero.png) no-repeat center right;background-size:contain;opacity:.9}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #8B5CF6;outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:transparent}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-display{font-family:Nunito,Fredoka,system-ui,sans-serif}.lp-gradient-text{background:linear-gradient(135deg,#22d3ee,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-glass{background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07)}.lp-btn-primary{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 8px 32px #6366f159,0 0 0 1px #6366f133;transition:all .3s cubic-bezier(.16,1,.3,1)}.lp-btn-primary:hover{box-shadow:0 12px 40px #6366f180,0 0 0 1px #6366f14d;transform:translateY(-2px) scale(1.02)}.lp-star{position:absolute;border-radius:50%;background:#fff;animation:lp-twinkle 3s ease-in-out infinite}@keyframes lp-twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.lp-body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lp-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes lp-badge-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(2deg)}75%{transform:translateY(4px) rotate(-1deg)}}@keyframes lp-badge-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}:root{--xecc-orange: #f97316;--xecc-purple: #63bdf1;--xecc-cyan: #67e8f9;--xecc-pink: #f472b6;--xecc-blue: #009dff;--xecc-green: #22c55e;--bg-gradient-start: #1f2a2e;--bg-gradient-end: #009dff;--card-purple: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--card-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--card-teal: linear-gradient( 135deg, #4fc0e8 0%, #0ea5e9 100% );--card-pink: linear-gradient(135deg, #f472b6 0%, #db2777 100%);--card-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--shadow-glow: 0 0 40px rgba(79, 192, 232, .3);--shadow-card: 0 10px 40px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,rgba(30,58,138,.5) 50%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.space-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 20% 80%,rgba(var(--theme-rgb, 79, 192, 232),.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(var(--theme-rgb, 79, 192, 232),.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(var(--theme-rgb, 79, 192, 232),.15) 0%,transparent 60%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.logo-container{display:flex;align-items:center;gap:12px}.logo-text{font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.logo-text .x{color:var(--xecc-blue)}.logo-text .e{color:var(--xecc-green)}.logo-text .c1,.logo-text .c2{color:var(--xecc-orange)}.logo-text .kids{background:linear-gradient(90deg,var(--xecc-cyan) 0%,var(--xecc-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-container{display:flex;gap:8px;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.1)}.nav-item{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:transparent;color:var(--text-secondary);transition:all .3s ease;text-decoration:none;font-size:1.3rem}.nav-item:hover,.nav-item.active{background:var(--xecc-purple);color:#fff;box-shadow:0 0 20px #8b5cf680}.course-card{border-radius:20px;padding:20px;color:#fff;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-card)}.course-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 50px #0006}.course-card.purple{background:var(--card-purple)}.course-card.orange{background:var(--card-orange)}.course-card.teal{background:var(--card-teal)}.course-card.pink{background:var(--card-pink)}.course-card.blue{background:var(--card-blue)}.course-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.progress-bar{height:8px;background:#fff3;border-radius:10px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:10px;transition:width .5s ease}.stars-rating{display:flex;gap:4px}.star-icon{font-size:1.2rem}.star-icon.filled{color:gold}.star-icon.empty{color:#ffffff4d}.chat-bubble{position:relative;background:linear-gradient(135deg,#14b8a6f2,#06b6d4f2);padding:16px 24px;border-radius:24px 24px 8px;max-width:300px;font-size:1rem;line-height:1.5;box-shadow:0 10px 30px #0003;animation:bubblePop .3s ease-out}@keyframes bubblePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.btn-primary{background:linear-gradient(135deg,var(--xecc-purple),var(--xecc-pink));color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#fff3;border-color:#fff6}.hero-banner{background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);border-radius:30px;padding:40px;position:relative;overflow:hidden;box-shadow:var(--shadow-glow)}.hero-banner:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:url(/robot-hero.png) no-repeat center right;background-size:contain;opacity:.9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.robot-container{position:fixed;bottom:0;right:0;width:450px;height:500px;z-index:100;pointer-events:none}.robot-container canvas{pointer-events:auto}@media(max-width:768px){.robot-container{width:280px;height:320px}.hero-banner{padding:24px}.nav-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000}}