.learning-progress-page[data-v-23df607c]{padding:40px;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-23df607c 20s ease-in-out infinite;animation:pageGradientFlow-data-v-23df607c 20s ease-in-out infinite;min-height:100vh;max-width:1400px;margin:0 auto;position:relative;-webkit-perspective:1500px;perspective:1500px}@-webkit-keyframes pageGradientFlow-data-v-23df607c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-23df607c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.learning-progress-page[data-v-23df607c]: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-23df607c 40s linear infinite;animation:rotateLights-data-v-23df607c 40s linear infinite;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-23df607c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLights-data-v-23df607c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-header[data-v-23df607c]{text-align:center;margin-bottom:50px;position:relative;z-index:1}.page-title[data-v-23df607c]{font-size:2.5rem;background:linear-gradient(135deg,gold,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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-23df607c 3s ease-in-out infinite;animation:titleFloat-data-v-23df607c 3s ease-in-out infinite}@-webkit-keyframes titleFloat-data-v-23df607c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes titleFloat-data-v-23df607c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.title-icon[data-v-23df607c]{font-size:3rem;-webkit-filter:drop-shadow(0 4px 15px rgba(255,215,0,.6));filter:drop-shadow(0 4px 15px rgba(255,215,0,.6));-webkit-animation:iconRotate-data-v-23df607c 4s ease-in-out infinite;animation:iconRotate-data-v-23df607c 4s ease-in-out infinite}@-webkit-keyframes iconRotate-data-v-23df607c{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}}@keyframes iconRotate-data-v-23df607c{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}}.page-subtitle[data-v-23df607c]{font-size:1.2rem;color:hsla(0,0%,100%,.95);text-shadow:0 2px 8px rgba(0,0,0,.3)}.stats-overview[data-v-23df607c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px;position:relative;z-index:1}.stat-card[data-v-23df607c]{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9));backdrop-filter:blur(15px);padding:30px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-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);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-23df607c 5s ease-in-out infinite;animation:panelFloat-data-v-23df607c 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-23df607c{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-23df607c{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)}}.stat-card[data-v-23df607c]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.stat-card[data-v-23df607c]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.stat-card[data-v-23df607c]:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.stat-card[data-v-23df607c]:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.stat-card[data-v-23df607c]: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)}.stat-icon[data-v-23df607c]{font-size:3rem;-webkit-filter:drop-shadow(0 6px 15px rgba(66,153,225,.5));filter:drop-shadow(0 6px 15px rgba(66,153,225,.5));-webkit-animation:iconPulse-data-v-23df607c 3s ease-in-out infinite;animation:iconPulse-data-v-23df607c 3s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-23df607c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes iconPulse-data-v-23df607c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.stat-value[data-v-23df607c]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4299e1,#4fd1c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label[data-v-23df607c]{color:#666;font-size:1rem}.language-progress[data-v-23df607c],.recent-activity[data-v-23df607c]{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9));backdrop-filter:blur(15px);padding:40px;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);margin-bottom:30px;position:relative;z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-23df607c 5s ease-in-out infinite;animation:panelFloat-data-v-23df607c 5s ease-in-out infinite}.language-progress[data-v-23df607c]{-webkit-animation-delay:.8s;animation-delay:.8s}.recent-activity[data-v-23df607c]{-webkit-animation-delay:1s;animation-delay:1s}.section-title[data-v-23df607c]{font-size:1.8rem;background:linear-gradient(135deg,gold,#ffc107,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;margin-bottom:30px;font-weight:700;-webkit-filter:drop-shadow(0 4px 15px rgba(255,215,0,.5));filter:drop-shadow(0 4px 15px rgba(255,215,0,.5));-webkit-animation:titleTextShine-data-v-23df607c 4s ease-in-out infinite;animation:titleTextShine-data-v-23df607c 4s ease-in-out infinite}@-webkit-keyframes titleTextShine-data-v-23df607c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleTextShine-data-v-23df607c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.progress-cards[data-v-23df607c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.progress-card[data-v-23df607c]{background:linear-gradient(145deg,rgba(248,249,250,.95),rgba(248,249,250,.9));backdrop-filter:blur(10px);padding:25px;border-radius:12px;border-left:4px solid #667eea;-webkit-box-shadow:0 4px 15px rgba(66,153,225,.2);box-shadow:0 4px 15px rgba(66,153,225,.2);-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}.progress-card[data-v-23df607c]:hover{-webkit-transform:translateX(-8px) translateZ(15px);transform:translateX(-8px) translateZ(15px);-webkit-box-shadow:0 8px 25px rgba(66,153,225,.3),-4px 0 15px rgba(255,215,0,.2);box-shadow:0 8px 25px rgba(66,153,225,.3),-4px 0 15px rgba(255,215,0,.2);border-left-color:gold}.card-header[data-v-23df607c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.lang-icon[data-v-23df607c]{font-size:2.5rem}.card-header h3[data-v-23df607c]{font-size:1.3rem;color:#333;font-weight:600}.progress-bar-container[data-v-23df607c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:15px}.progress-bar[data-v-23df607c]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill[data-v-23df607c]{height:100%;border-radius:10px;-webkit-transition:width .6s ease;transition:width .6s ease}.scratch-fill[data-v-23df607c]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.python-fill[data-v-23df607c]{background:linear-gradient(135deg,#667eea,#764ba2)}.c-fill[data-v-23df607c]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.progress-percent[data-v-23df607c]{font-weight:700;color:#667eea;font-size:1.1rem}.progress-details[data-v-23df607c]{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;color:#666;font-size:.9rem}.activity-timeline[data-v-23df607c]{position:relative;padding-left:40px}.activity-item[data-v-23df607c]{position:relative;padding-bottom:40px}.activity-time[data-v-23df607c]{position:absolute;left:-160px;top:0;color:#999;font-size:.9rem}.activity-dot[data-v-23df607c]{position:absolute;left:-44px;top:4px;width:12px;height:12px;background:#667eea;border-radius:50%;border:3px solid #fff;-webkit-box-shadow:0 0 0 2px #667eea;box-shadow:0 0 0 2px #667eea}.activity-item[data-v-23df607c]:before{content:"";position:absolute;left:-39px;top:16px;width:2px;height:calc(100% - 16px);background:#e9ecef}.activity-item[data-v-23df607c]:last-child:before{display:none}.activity-content h4[data-v-23df607c]{font-size:1.1rem;color:#333;margin-bottom:8px;font-weight:600}.activity-content p[data-v-23df607c]{color:#666;line-height:1.6;margin-bottom:10px}