.mixly-learning-page[data-v-a7d7789e]{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-a7d7789e 20s ease-in-out infinite;animation:pageGradientFlow-data-v-a7d7789e 20s ease-in-out infinite;position:relative;overflow:hidden;-webkit-perspective:1500px;perspective:1500px}@-webkit-keyframes pageGradientFlow-data-v-a7d7789e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-a7d7789e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.mixly-learning-page[data-v-a7d7789e]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(66,153,225,.3) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(79,209,197,.25) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(99,179,237,.2) 0,transparent 50%);-webkit-animation:rotateLights-data-v-a7d7789e 40s linear infinite;animation:rotateLights-data-v-a7d7789e 40s linear infinite;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-a7d7789e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLights-data-v-a7d7789e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-banner[data-v-a7d7789e]{background:linear-gradient(135deg,rgba(156,39,176,.15),rgba(103,58,183,.1));backdrop-filter:blur(20px);padding:40px;position:relative;z-index:1}.banner-content[data-v-a7d7789e]{max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}.mixly-blocks[data-v-a7d7789e]{position:relative;width:150px;height:150px}.block[data-v-a7d7789e]{position:absolute;width:60px;height:60px;background:linear-gradient(145deg,#9c27b0,#673ab7);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;-webkit-box-shadow:0 6px 20px rgba(156,39,176,.4);box-shadow:0 6px 20px rgba(156,39,176,.4);-webkit-animation:blockFloat-data-v-a7d7789e 3s ease-in-out infinite;animation:blockFloat-data-v-a7d7789e 3s ease-in-out infinite}.block-1[data-v-a7d7789e]{top:0;left:0;-webkit-animation-delay:0s;animation-delay:0s}.block-2[data-v-a7d7789e]{top:0;right:0;-webkit-animation-delay:1s;animation-delay:1s}.block-3[data-v-a7d7789e]{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes blockFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes blockFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.connecting-line[data-v-a7d7789e]{position:absolute;top:50%;left:50%;width:80px;height:2px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#9c27b0),to(transparent));background:linear-gradient(90deg,transparent,#9c27b0,transparent);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:lineGlow-data-v-a7d7789e 2s ease-in-out infinite;animation:lineGlow-data-v-a7d7789e 2s ease-in-out infinite}@-webkit-keyframes lineGlow-data-v-a7d7789e{0%,to{opacity:.3}50%{opacity:1}}@keyframes lineGlow-data-v-a7d7789e{0%,to{opacity:.3}50%{opacity:1}}.banner-text h1[data-v-a7d7789e]{background:linear-gradient(135deg,#9c27b0,#673ab7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 15px 0;-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.5));filter:drop-shadow(0 4px 12px rgba(156,39,176,.5));-webkit-animation:titleFloat-data-v-a7d7789e 4s ease-in-out infinite;animation:titleFloat-data-v-a7d7789e 4s ease-in-out infinite}@-webkit-keyframes titleFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.5));filter:drop-shadow(0 4px 12px rgba(156,39,176,.5))}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-filter:drop-shadow(0 6px 16px rgba(156,39,176,.7));filter:drop-shadow(0 6px 16px rgba(156,39,176,.7))}}@keyframes titleFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.5));filter:drop-shadow(0 4px 12px rgba(156,39,176,.5))}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-filter:drop-shadow(0 6px 16px rgba(156,39,176,.7));filter:drop-shadow(0 6px 16px rgba(156,39,176,.7))}}.banner-text p[data-v-a7d7789e]{color:hsla(0,0%,100%,.95);font-size:1.2rem;margin:0 0 20px 0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.feature-tags[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag[data-v-a7d7789e]{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-box-shadow:0 4px 12px rgba(156,39,176,.3);box-shadow:0 4px 12px rgba(156,39,176,.3);-webkit-animation:badgePulse-data-v-a7d7789e 2s ease-in-out infinite;animation:badgePulse-data-v-a7d7789e 2s ease-in-out infinite}@-webkit-keyframes badgePulse-data-v-a7d7789e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 4px 12px rgba(156,39,176,.3);box-shadow:0 4px 12px rgba(156,39,176,.3)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 16px rgba(156,39,176,.5);box-shadow:0 6px 16px rgba(156,39,176,.5)}}@keyframes badgePulse-data-v-a7d7789e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 4px 12px rgba(156,39,176,.3);box-shadow:0 4px 12px rgba(156,39,176,.3)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 16px rgba(156,39,176,.5);box-shadow:0 6px 16px rgba(156,39,176,.5)}}.learning-content[data-v-a7d7789e]{padding:50px 40px;position:relative;z-index:1}.section-title[data-v-a7d7789e]{background:linear-gradient(135deg,#4299e1,#4fd1c5);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));-webkit-animation:titleTextShine-data-v-a7d7789e 4s ease-in-out infinite;animation:titleTextShine-data-v-a7d7789e 4s ease-in-out infinite}@-webkit-keyframes titleTextShine-data-v-a7d7789e{0%,to{background-position:0;-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{background-position:100%;-webkit-filter:drop-shadow(0 6px 16px rgba(66,153,225,.6));filter:drop-shadow(0 6px 16px rgba(66,153,225,.6))}}@keyframes titleTextShine-data-v-a7d7789e{0%,to{background-position:0;-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{background-position:100%;-webkit-filter:drop-shadow(0 6px 16px rgba(66,153,225,.6));filter:drop-shadow(0 6px 16px rgba(66,153,225,.6))}}.section-title .icon[data-v-a7d7789e]{font-size:2.2rem;-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.4));filter:drop-shadow(0 4px 12px rgba(156,39,176,.4));-webkit-animation:iconPulse-data-v-a7d7789e 3s ease-in-out infinite;animation:iconPulse-data-v-a7d7789e 3s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-a7d7789e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.4));filter:drop-shadow(0 4px 12px rgba(156,39,176,.4))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 16px rgba(156,39,176,.6));filter:drop-shadow(0 6px 16px rgba(156,39,176,.6))}}@keyframes iconPulse-data-v-a7d7789e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.4));filter:drop-shadow(0 4px 12px rgba(156,39,176,.4))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 16px rgba(156,39,176,.6));filter:drop-shadow(0 6px 16px rgba(156,39,176,.6))}}.learning-path-section[data-v-a7d7789e]{max-width:1200px;margin:0 auto 50px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:20px;padding:35px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(66,153,225,.15);box-shadow:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(66,153,225,.15);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite;animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-12px) translateZ(15px);transform:translateY(-12px) translateZ(15px)}}@keyframes panelFloat-data-v-a7d7789e{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-12px) translateZ(15px);transform:translateY(-12px) translateZ(15px)}}.path-timeline[data-v-a7d7789e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.path-step[data-v-a7d7789e],.path-timeline[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.path-step[data-v-a7d7789e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;background:rgba(156,39,176,.05);backdrop-filter:blur(10px);border-radius:14px;border-left:4px solid transparent;-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:stepSlideIn-data-v-a7d7789e .6s ease-out;animation:stepSlideIn-data-v-a7d7789e .6s ease-out;-webkit-animation-delay:calc(var(--step-index, 0)*0.2s);animation-delay:calc(var(--step-index, 0)*0.2s);-webkit-animation-fill-mode:both;animation-fill-mode:both}.path-step[data-v-a7d7789e]:first-child{--step-index:0}.path-step[data-v-a7d7789e]:nth-child(2){--step-index:1}.path-step[data-v-a7d7789e]:nth-child(3){--step-index:2}.path-step[data-v-a7d7789e]:nth-child(4){--step-index:3}@-webkit-keyframes stepSlideIn-data-v-a7d7789e{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes stepSlideIn-data-v-a7d7789e{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.path-step[data-v-a7d7789e]:hover{-webkit-transform:translateX(15px) translateZ(20px);transform:translateX(15px) translateZ(20px);border-left-color:gold;-webkit-box-shadow:0 8px 25px rgba(156,39,176,.25),-4px 0 15px rgba(255,215,0,.3);box-shadow:0 8px 25px rgba(156,39,176,.25),-4px 0 15px rgba(255,215,0,.3)}.step-number[data-v-a7d7789e]{width:45px;height:45px;background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 4px 12px rgba(156,39,176,.4);box-shadow:0 4px 12px rgba(156,39,176,.4)}.step-content[data-v-a7d7789e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.step-content h3[data-v-a7d7789e]{color:#1e3c72;font-size:1.3rem;font-weight:600;margin:0 0 8px 0}.step-content p[data-v-a7d7789e]{color:#666;margin:0 0 12px 0;line-height:1.6}.step-topics[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.topic-tag[data-v-a7d7789e]{background:rgba(156,39,176,.1);color:#9c27b0;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.step-icon[data-v-a7d7789e]{font-size:3rem;-webkit-filter:drop-shadow(0 4px 12px rgba(156,39,176,.3));filter:drop-shadow(0 4px 12px rgba(156,39,176,.3))}.projects-section[data-v-a7d7789e]{max-width:1400px;margin:0 auto 50px}.projects-grid[data-v-a7d7789e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.project-card[data-v-a7d7789e]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:18px;overflow:hidden;-webkit-box-shadow:0 8px 30px rgba(0,0,0,.12),0 4px 12px rgba(156,39,176,.2);box-shadow:0 8px 30px rgba(0,0,0,.12),0 4px 12px rgba(156,39,176,.2);border:2px solid rgba(156,39,176,.15);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite;animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite}.project-card[data-v-a7d7789e]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.project-card[data-v-a7d7789e]:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.project-card[data-v-a7d7789e]:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}.project-card[data-v-a7d7789e]:hover{-webkit-transform:translateY(-20px) translateZ(30px) scale(1.03);transform:translateY(-20px) translateZ(30px) scale(1.03);-webkit-box-shadow:0 20px 50px rgba(0,0,0,.15),0 8px 20px rgba(156,39,176,.3);box-shadow:0 20px 50px rgba(0,0,0,.15),0 8px 20px rgba(156,39,176,.3)}.project-header[data-v-a7d7789e]{background:linear-gradient(135deg,#9c27b0,#673ab7);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-icon[data-v-a7d7789e]{font-size:3rem;-webkit-filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));-webkit-animation:iconPulse-data-v-a7d7789e 3s ease-in-out infinite;animation:iconPulse-data-v-a7d7789e 3s ease-in-out infinite}.project-body[data-v-a7d7789e]{padding:25px}.project-body h3[data-v-a7d7789e]{color:#1e3c72;font-size:1.4rem;font-weight:700;margin:0 0 12px 0}.project-body p[data-v-a7d7789e]{color:#666;line-height:1.6;margin:0 0 20px 0}.project-components[data-v-a7d7789e],.project-features[data-v-a7d7789e]{margin-bottom:15px}.project-components h4[data-v-a7d7789e],.project-features h4[data-v-a7d7789e]{color:#1e3c72;font-size:1rem;font-weight:600;margin:0 0 10px 0}.component-list[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.component-chip[data-v-a7d7789e]{background:rgba(156,39,176,.1);color:#9c27b0;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.project-features ul[data-v-a7d7789e]{margin:0;padding-left:20px;color:#666}.project-features li[data-v-a7d7789e]{margin-bottom:5px}.project-footer[data-v-a7d7789e]{padding:20px 25px;border-top:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-meta[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;color:#999;font-size:.85rem}.project-meta span[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.blocks-section[data-v-a7d7789e]{max-width:1400px;margin:0 auto}.blocks-grid[data-v-a7d7789e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.block-category[data-v-a7d7789e]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:16px;overflow:hidden;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 12px rgba(66,153,225,.15);box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 12px rgba(66,153,225,.15);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite;animation:panelFloat-data-v-a7d7789e 5s ease-in-out infinite}.block-category[data-v-a7d7789e]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.block-category[data-v-a7d7789e]:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.block-category[data-v-a7d7789e]:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}.block-category[data-v-a7d7789e]:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.block-category[data-v-a7d7789e]:hover{-webkit-transform:translateY(-15px) translateZ(25px) scale(1.03);transform:translateY(-15px) translateZ(25px) scale(1.03);-webkit-box-shadow:0 18px 45px rgba(0,0,0,.15),0 8px 20px rgba(156,39,176,.3);box-shadow:0 18px 45px rgba(0,0,0,.15),0 8px 20px rgba(156,39,176,.3)}.category-header[data-v-a7d7789e]{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:#fff}.category-icon[data-v-a7d7789e]{font-size:2rem;-webkit-filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.category-header h3[data-v-a7d7789e]{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.category-body[data-v-a7d7789e]{padding:20px}.category-body p[data-v-a7d7789e]{color:#666;line-height:1.6;margin-bottom:15px}.example-blocks[data-v-a7d7789e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.example-block[data-v-a7d7789e]{background:rgba(156,39,176,.05);padding:8px 12px;border-radius:8px;color:#9c27b0;font-size:.85rem;font-weight:500;border-left:3px solid #9c27b0}@media (max-width:768px){.banner-content[data-v-a7d7789e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.blocks-grid[data-v-a7d7789e],.projects-grid[data-v-a7d7789e]{grid-template-columns:1fr}}