.microbit-learning-page[data-v-c4637008]{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-c4637008 20s ease-in-out infinite;animation:pageGradientFlow-data-v-c4637008 20s ease-in-out infinite;position:relative;-webkit-perspective:1500px;perspective:1500px}@-webkit-keyframes pageGradientFlow-data-v-c4637008{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-c4637008{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.microbit-learning-page[data-v-c4637008]: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-c4637008 40s linear infinite;animation:rotateLights-data-v-c4637008 40s linear infinite;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-c4637008{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLights-data-v-c4637008{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-banner[data-v-c4637008]{background:linear-gradient(135deg,rgba(0,237,124,.3),rgba(0,200,83,.2));backdrop-filter:blur(20px);padding:40px;position:relative;z-index:1;-webkit-box-shadow:0 12px 40px rgba(0,237,124,.3);box-shadow:0 12px 40px rgba(0,237,124,.3)}.banner-content[data-v-c4637008]{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}.microbit-device[data-v-c4637008]{position:relative}.device-body[data-v-c4637008]{width:100px;height:80px;background:linear-gradient(145deg,#00ed7c,#00c853);border-radius:12px;position:relative;-webkit-box-shadow:0 8px 25px rgba(0,237,124,.4);box-shadow:0 8px 25px rgba(0,237,124,.4);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:deviceFloat-data-v-c4637008 5s ease-in-out infinite;animation:deviceFloat-data-v-c4637008 5s ease-in-out infinite}@-webkit-keyframes deviceFloat-data-v-c4637008{0%,to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg);-webkit-box-shadow:0 8px 25px rgba(0,237,124,.4);box-shadow:0 8px 25px rgba(0,237,124,.4)}50%{-webkit-transform:translateY(-15px) rotateY(10deg);transform:translateY(-15px) rotateY(10deg);-webkit-box-shadow:0 12px 35px rgba(0,237,124,.6);box-shadow:0 12px 35px rgba(0,237,124,.6)}}@keyframes deviceFloat-data-v-c4637008{0%,to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg);-webkit-box-shadow:0 8px 25px rgba(0,237,124,.4);box-shadow:0 8px 25px rgba(0,237,124,.4)}50%{-webkit-transform:translateY(-15px) rotateY(10deg);transform:translateY(-15px) rotateY(10deg);-webkit-box-shadow:0 12px 35px rgba(0,237,124,.6);box-shadow:0 12px 35px rgba(0,237,124,.6)}}.device-icon[data-v-c4637008]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2rem;color:#fff}.led-matrix[data-v-c4637008]{position:absolute;top:8px;right:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:30px;height:30px}.matrix-led[data-v-c4637008]{width:4px;height:4px;background:hsla(0,0%,100%,.3);border-radius:1px;-webkit-animation:ledFlicker-data-v-c4637008 3s ease-in-out infinite;animation:ledFlicker-data-v-c4637008 3s ease-in-out infinite;-webkit-animation-delay:calc(var(--led-index)*0.1s);animation-delay:calc(var(--led-index)*0.1s)}@-webkit-keyframes ledFlicker-data-v-c4637008{0%,80%,to{opacity:.3}10%,70%{opacity:1}}@keyframes ledFlicker-data-v-c4637008{0%,80%,to{opacity:.3}10%,70%{opacity:1}}.banner-text h1[data-v-c4637008]{background:linear-gradient(135deg,#00ed7c,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 10px 0;-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.5));filter:drop-shadow(0 4px 12px rgba(0,237,124,.5));-webkit-animation:titleFloat-data-v-c4637008 4s ease-in-out infinite;animation:titleFloat-data-v-c4637008 4s ease-in-out infinite}@-webkit-keyframes titleFloat-data-v-c4637008{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.5));filter:drop-shadow(0 4px 12px rgba(0,237,124,.5))}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-filter:drop-shadow(0 6px 16px rgba(0,237,124,.7));filter:drop-shadow(0 6px 16px rgba(0,237,124,.7))}}@keyframes titleFloat-data-v-c4637008{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.5));filter:drop-shadow(0 4px 12px rgba(0,237,124,.5))}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-filter:drop-shadow(0 6px 16px rgba(0,237,124,.7));filter:drop-shadow(0 6px 16px rgba(0,237,124,.7))}}.banner-text p[data-v-c4637008]{color:hsla(0,0%,100%,.95);font-size:1.2rem;margin:0 0 15px 0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.age-badge[data-v-c4637008]{background:linear-gradient(135deg,#00ed7c,#00c853);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;-webkit-box-shadow:0 4px 15px rgba(0,237,124,.4);box-shadow:0 4px 15px rgba(0,237,124,.4);-webkit-animation:badgePulse-data-v-c4637008 2s ease-in-out infinite;animation:badgePulse-data-v-c4637008 2s ease-in-out infinite}@-webkit-keyframes badgePulse-data-v-c4637008{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 4px 15px rgba(0,237,124,.4);box-shadow:0 4px 15px rgba(0,237,124,.4)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 20px rgba(0,237,124,.6);box-shadow:0 6px 20px rgba(0,237,124,.6)}}@keyframes badgePulse-data-v-c4637008{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 4px 15px rgba(0,237,124,.4);box-shadow:0 4px 15px rgba(0,237,124,.4)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 20px rgba(0,237,124,.6);box-shadow:0 6px 20px rgba(0,237,124,.6)}}.learning-content[data-v-c4637008]{padding:40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.projects-grid[data-v-c4637008]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-card[data-v-c4637008]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:16px;padding:30px;text-align:center;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 12px rgba(0,237,124,.15);box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 12px rgba(0,237,124,.15);border-top:4px solid #00ed7c;-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-c4637008 5s ease-in-out infinite;animation:panelFloat-data-v-c4637008 5s ease-in-out infinite}.project-card[data-v-c4637008]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.project-card[data-v-c4637008]:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.project-card[data-v-c4637008]:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes panelFloat-data-v-c4637008{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-c4637008{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)}}.project-card[data-v-c4637008]: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(0,237,124,.3);box-shadow:0 20px 50px rgba(0,0,0,.15),0 8px 20px rgba(0,237,124,.3)}.project-icon[data-v-c4637008]{font-size:4rem;margin-bottom:20px;-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.3));filter:drop-shadow(0 4px 12px rgba(0,237,124,.3));-webkit-animation:iconPulse-data-v-c4637008 3s ease-in-out infinite;animation:iconPulse-data-v-c4637008 3s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-c4637008{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.3));filter:drop-shadow(0 4px 12px rgba(0,237,124,.3))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 16px rgba(0,237,124,.5));filter:drop-shadow(0 6px 16px rgba(0,237,124,.5))}}@keyframes iconPulse-data-v-c4637008{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(0,237,124,.3));filter:drop-shadow(0 4px 12px rgba(0,237,124,.3))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 16px rgba(0,237,124,.5));filter:drop-shadow(0 6px 16px rgba(0,237,124,.5))}}.project-card h3[data-v-c4637008]{color:#1e3c72;font-size:1.3rem;font-weight:700;margin:0 0 10px 0}.project-card p[data-v-c4637008]{color:#666;margin:0 0 15px 0;line-height:1.6}.project-features[data-v-c4637008]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.feature-chip[data-v-c4637008]{background:rgba(0,237,124,.1);color:#00ed7c;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}