.python-learning-page[data-v-45af382c]{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-45af382c 20s ease-in-out infinite;animation:pageGradientFlow-data-v-45af382c 20s ease-in-out infinite;position:relative;-webkit-perspective:1500px;perspective:1500px}@-webkit-keyframes pageGradientFlow-data-v-45af382c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-45af382c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.python-learning-page[data-v-45af382c]: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-45af382c 40s linear infinite;animation:rotateLights-data-v-45af382c 40s linear infinite;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-45af382c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLights-data-v-45af382c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-banner[data-v-45af382c]{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.2));backdrop-filter:blur(20px);padding:60px 40px;color:#fff;text-align:center;position:relative;z-index:1;-webkit-box-shadow:0 12px 40px rgba(102,126,234,.3);box-shadow:0 12px 40px rgba(102,126,234,.3)}.page-banner h1[data-v-45af382c]{font-size:2.5rem;margin-bottom:15px;font-weight:700;-webkit-filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));-webkit-animation:titleFloat-data-v-45af382c 3s ease-in-out infinite;animation:titleFloat-data-v-45af382c 3s ease-in-out infinite}@-webkit-keyframes titleFloat-data-v-45af382c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes titleFloat-data-v-45af382c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.page-banner p[data-v-45af382c]{font-size:1.2rem;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.3)}.learning-content[data-v-45af382c]{padding:40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.chapters-grid[data-v-45af382c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.chapter-card[data-v-45af382c]{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9));backdrop-filter:blur(15px);padding:30px;border-radius:16px;-webkit-box-shadow:0 12px 40px rgba(66,153,225,.3),inset 0 2px 0 hsla(0,0%,100%,.3);box-shadow:0 12px 40px rgba(66,153,225,.3),inset 0 2px 0 hsla(0,0%,100%,.3);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-45af382c 5s ease-in-out infinite;animation:panelFloat-data-v-45af382c 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-45af382c{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-10px) translateZ(20px);transform:translateY(-10px) translateZ(20px)}}@keyframes panelFloat-data-v-45af382c{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-10px) translateZ(20px);transform:translateY(-10px) translateZ(20px)}}.chapter-card[data-v-45af382c]:hover{-webkit-transform:translateY(-12px) translateZ(40px);transform:translateY(-12px) translateZ(40px);-webkit-box-shadow:0 20px 60px rgba(66,153,225,.5),0 0 50px rgba(255,215,0,.3),inset 0 3px 0 hsla(0,0%,100%,.5);box-shadow:0 20px 60px rgba(66,153,225,.5),0 0 50px rgba(255,215,0,.3),inset 0 3px 0 hsla(0,0%,100%,.5)}.chapter-number[data-v-45af382c]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:linear-gradient(135deg,gold,#ffc107);color:#1e3c72;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;-webkit-box-shadow:0 4px 15px rgba(255,215,0,.6);box-shadow:0 4px 15px rgba(255,215,0,.6);-webkit-animation:badgePulse-data-v-45af382c 2s ease-in-out infinite;animation:badgePulse-data-v-45af382c 2s ease-in-out infinite}@-webkit-keyframes badgePulse-data-v-45af382c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes badgePulse-data-v-45af382c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.chapter-card h3[data-v-45af382c]{font-size:1.3rem;color:#1e3c72;margin-bottom:12px;font-weight:700}.chapter-card p[data-v-45af382c]{color:#666;line-height:1.6;margin-bottom:20px}.chapter-progress[data-v-45af382c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.progress-bar[data-v-45af382c]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill[data-v-45af382c]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.chapter-progress span[data-v-45af382c]{font-weight:600;color:#667eea}