.welcome-container[data-v-a9707094]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;background:url(/assets/bg.png) no-repeat center center;background-size:150%;animation:bgFloat-a9707094 60s ease-in-out infinite;will-change:background-position,background-size}@keyframes bgFloat-a9707094{0%,to{background-position:center center;background-size:150%}25%{background-position:45% center;background-size:155%}50%{background-position:center 55%;background-size:150%}75%{background-position:55% center;background-size:155%}}.stars-wrapper[data-v-a9707094]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.star[data-v-a9707094]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fffc;animation:starFloat-a9707094 linear infinite}.star[data-v-a9707094]:nth-child(1){left:10%;top:20%;animation-duration:25s;animation-delay:0s}.star[data-v-a9707094]:nth-child(2){left:20%;top:80%;animation-duration:30s;animation-delay:2s}.star[data-v-a9707094]:nth-child(3){left:30%;top:40%;animation-duration:35s;animation-delay:4s}.star[data-v-a9707094]:nth-child(4){left:40%;top:60%;animation-duration:28s;animation-delay:1s}.star[data-v-a9707094]:nth-child(5){left:50%;top:30%;animation-duration:32s;animation-delay:3s}.star[data-v-a9707094]:nth-child(6){left:60%;top:70%;animation-duration:27s;animation-delay:5s}.star[data-v-a9707094]:nth-child(7){left:70%;top:10%;animation-duration:29s;animation-delay:2s}.star[data-v-a9707094]:nth-child(8){left:80%;top:50%;animation-duration:34s;animation-delay:4s}.star[data-v-a9707094]:nth-child(9){left:90%;top:25%;animation-duration:31s;animation-delay:1s}.star[data-v-a9707094]:nth-child(10){left:15%;top:90%;animation-duration:26s;animation-delay:3s}.star[data-v-a9707094]:nth-child(11){left:25%;top:15%;animation-duration:33s;animation-delay:0s}.star[data-v-a9707094]:nth-child(12){left:35%;top:75%;animation-duration:28s;animation-delay:2s}.star[data-v-a9707094]:nth-child(13){left:45%;top:45%;animation-duration:30s;animation-delay:4s}.star[data-v-a9707094]:nth-child(14){left:55%;top:85%;animation-duration:35s;animation-delay:1s}.star[data-v-a9707094]:nth-child(15){left:65%;top:35%;animation-duration:27s;animation-delay:3s}.star[data-v-a9707094]:nth-child(16){left:75%;top:65%;animation-duration:32s;animation-delay:5s}.star[data-v-a9707094]:nth-child(17){left:85%;top:5%;animation-duration:29s;animation-delay:2s}.star[data-v-a9707094]:nth-child(18){left:95%;top:55%;animation-duration:31s;animation-delay:4s}.star[data-v-a9707094]:nth-child(19){left:5%;top:45%;animation-duration:26s;animation-delay:1s}.star[data-v-a9707094]:nth-child(20){left:12%;top:65%;animation-duration:34s;animation-delay:3s}@keyframes starFloat-a9707094{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.floating-orbs[data-v-a9707094]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:3;pointer-events:none}.orb[data-v-a9707094]{position:absolute;border-radius:50%;filter:blur(3px);opacity:.6}.orb-1[data-v-a9707094]{width:80px;height:80px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);left:10%;top:20%;animation:orbFloat1-a9707094 20s ease-in-out infinite}.orb-2[data-v-a9707094]{width:120px;height:120px;background:radial-gradient(circle,rgba(118,75,162,.8) 0%,transparent 70%);right:15%;top:60%;animation:orbFloat2-a9707094 25s ease-in-out infinite}.orb-3[data-v-a9707094]{width:60px;height:60px;background:radial-gradient(circle,rgba(0,255,255,.8) 0%,transparent 70%);left:70%;bottom:20%;animation:orbFloat3-a9707094 22s ease-in-out infinite}.orb-4[data-v-a9707094]{width:100px;height:100px;background:radial-gradient(circle,rgba(255,119,198,.8) 0%,transparent 70%);right:30%;top:30%;animation:orbFloat4-a9707094 28s ease-in-out infinite}@keyframes orbFloat1-a9707094{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,20px) scale(.9)}}@keyframes orbFloat2-a9707094{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,40px) scale(.95)}66%{transform:translate(30px,-50px) scale(1.05)}}@keyframes orbFloat3-a9707094{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.15)}66%{transform:translate(-50px,-30px) scale(.85)}}@keyframes orbFloat4-a9707094{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-20px) scale(.9)}66%{transform:translate(40px,30px) scale(1.1)}}.welcome-content[data-v-a9707094]{max-width:1200px;width:100%;padding:40px;text-align:center;position:relative;z-index:10}.logo-section[data-v-a9707094]{margin-bottom:60px;animation:fadeInDown-a9707094 .8s ease}.welcome-logo[data-v-a9707094]{width:430px;height:auto;margin-bottom:20px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.welcome-title[data-v-a9707094]{font-size:3rem;color:#fff;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.welcome-subtitle[data-v-a9707094]{font-size:2rem;color:#fff;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.features-section[data-v-a9707094]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:60px;animation:fadeInUp-a9707094 .8s ease .2s both}.feature-card[data-v-a9707094]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.feature-card[data-v-a9707094]:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;background:#ffffff26}.feature-icon[data-v-a9707094]{font-size:3rem;margin-bottom:15px}.feature-card h3[data-v-a9707094]{color:#fff;font-size:1.3rem;margin-bottom:10px}.feature-card p[data-v-a9707094]{color:#fffc;font-size:.95rem;line-height:1.5}.action-section[data-v-a9707094]{margin-bottom:30px;display:flex;gap:30px;justify-content:center;animation:fadeInUp-a9707094 .8s ease .4s both}.welcome-btn[data-v-a9707094]{position:relative;padding:18px 50px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:transparent;color:#0ff;border:2px solid #00ffff;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 30%,100% 100%,15px 100%,0 70%)}.welcome-btn[data-v-a9707094]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.welcome-btn[data-v-a9707094]:hover:before{left:100%}.welcome-btn[data-v-a9707094]:after{content:"";position:absolute;inset:2px;background:#000000e6;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 30%,100% 100%,15px 100%,0 70%);z-index:-1}.btn-text[data-v-a9707094]{position:relative;z-index:2}.btn-glow[data-v-a9707094]{position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0ff);background-size:400%;filter:blur(10px);opacity:0;transition:opacity .3s;animation:glowing-a9707094 20s linear infinite;z-index:-2}.welcome-btn:hover .btn-glow[data-v-a9707094]{opacity:.8}@keyframes glowing-a9707094{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.primary-btn[data-v-a9707094]{color:#0f8;border-color:#0f8;animation:techPulse-a9707094 2s infinite}.primary-btn[data-v-a9707094]:after{background:linear-gradient(135deg,#001428f2,#002814f2)}.primary-btn .btn-glow[data-v-a9707094]{background:linear-gradient(45deg,#0f8,#0ff,#0f8);background-size:400%}.primary-btn[data-v-a9707094]:hover{transform:translateY(-3px) scale(1.02);color:#0fa;border-color:#0fa;box-shadow:0 10px 30px #00ff884d}.secondary-btn[data-v-a9707094]{color:#f0f;border-color:#f0f;animation:techPulse-a9707094 2s infinite .5s}.secondary-btn[data-v-a9707094]:after{background:linear-gradient(135deg,#140028f2,#280028f2)}.secondary-btn .btn-glow[data-v-a9707094]{background:linear-gradient(45deg,#f0f,#0ff,#f0f);background-size:400%}.secondary-btn[data-v-a9707094]:hover{transform:translateY(-3px) scale(1.02);color:#f4f;border-color:#f4f;box-shadow:0 10px 30px #ff00ff4d}@keyframes techPulse-a9707094{0%,to{opacity:1}50%{opacity:.8}}.welcome-decoration[data-v-a9707094]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.decoration-circle[data-v-a9707094]{position:absolute;border-radius:50%;background:#ffffff0d}.circle-1[data-v-a9707094]{width:400px;height:400px;top:-200px;right:-200px;animation:float-a9707094 20s infinite ease-in-out}.circle-2[data-v-a9707094]{width:300px;height:300px;bottom:-150px;left:-150px;animation:float-a9707094 15s infinite ease-in-out reverse}.circle-3[data-v-a9707094]{width:200px;height:200px;top:50%;left:10%;animation:float-a9707094 25s infinite ease-in-out}.meteors[data-v-a9707094]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.meteor[data-v-a9707094]{position:absolute;top:-10px;right:-150px;width:150px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),white);opacity:0;transform:rotate(-45deg);animation:meteor-fall-a9707094 3s linear infinite}.meteor[data-v-a9707094]:before{content:"";position:absolute;top:0;right:0;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffffe6,0 0 20px #fff9,0 0 30px #64c8ff66}@keyframes meteor-fall-a9707094{0%{opacity:0;transform:translate(0) rotate(-45deg)}10%{opacity:1}to{transform:translate(-1200px,800px) rotate(-45deg);opacity:0}}.meteor-1[data-v-a9707094]{animation-delay:0s;top:5%;right:-150px;animation-duration:3s}.meteor-2[data-v-a9707094]{animation-delay:2.5s;top:15%;right:-200px;animation-duration:3.5s}.meteor-3[data-v-a9707094]{animation-delay:5s;top:10%;right:-180px;animation-duration:2.8s}.meteor-4[data-v-a9707094]{animation-delay:7.5s;top:20%;right:-220px;animation-duration:3.2s}.meteor-5[data-v-a9707094]{animation-delay:10s;top:3%;right:-170px;animation-duration:3.3s}.meteor-6[data-v-a9707094]{animation-delay:12.5s;top:25%;right:-190px;animation-duration:2.9s}.meteor-7[data-v-a9707094]{animation-delay:15s;top:18%;right:-160px;animation-duration:3.4s}.meteor-8[data-v-a9707094]{animation-delay:17.5s;top:8%;right:-210px;animation-duration:3.1s}@keyframes fadeInDown-a9707094{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-a9707094{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-a9707094{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(10px) translate(-10px)}75%{transform:translateY(-10px) translate(20px)}}.welcome-footer[data-v-a9707094]{position:fixed;bottom:20px;left:0;right:0;z-index:20;display:flex;justify-content:center;align-items:center;animation:fadeInUp-a9707094 1s ease .8s both}.footer-text[data-v-a9707094]{margin:0;color:#ffffffb3;font-size:.9rem;letter-spacing:1px;padding:10px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center}.company-link[data-v-a9707094]{color:#0ff;text-decoration:none;font-weight:600;position:relative;transition:all .3s ease;padding:0 2px}.company-link[data-v-a9707094]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#0ff;transition:width .3s ease}.company-link[data-v-a9707094]:hover{color:#0f8;text-shadow:0 0 10px rgba(0,255,255,.5)}.company-link[data-v-a9707094]:hover:after{width:100%}@media (max-width: 768px){.welcome-title[data-v-a9707094]{font-size:2rem}.welcome-subtitle[data-v-a9707094]{font-size:1rem}.features-section[data-v-a9707094]{grid-template-columns:1fr;gap:20px}.action-section[data-v-a9707094]{flex-direction:column}.welcome-btn[data-v-a9707094]{width:100%}}.projects-container[data-v-8d15fd09]{min-height:100vh;background:url(/assets/bg1.png) no-repeat center center;background-size:cover;background-attachment:fixed;padding:20px;overflow-y:auto;overflow-x:hidden}.projects-header[data-v-8d15fd09]{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:15px;border:1px solid rgba(0,255,255,.2);box-shadow:0 10px 40px #0000004d}.header-left[data-v-8d15fd09]{display:flex;align-items:center;gap:20px}.user-avatar[data-v-8d15fd09]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #00ffff;box-shadow:0 0 20px #0ff6;background:#00ffff1a;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease}.user-avatar[data-v-8d15fd09]:hover{transform:scale(1.1);box-shadow:0 0 30px #0ff9;border-color:#0f8}.user-avatar img[data-v-8d15fd09]{width:100%;height:100%;object-fit:cover}.default-avatar[data-v-8d15fd09]{font-size:1.5rem;color:#0ff;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.5)}.header-text h1[data-v-8d15fd09]{margin:0 0 5px;color:#0ff;font-size:2rem;text-shadow:0 0 10px rgba(0,255,255,.5);letter-spacing:2px}.user-greeting[data-v-8d15fd09]{color:#fffc;font-size:1rem;margin:0 0 8px;letter-spacing:1px}.user-level[data-v-8d15fd09]{display:flex;align-items:center;gap:10px;margin-top:5px}.level-gem-image[data-v-8d15fd09]{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));animation:sparkle-8d15fd09 2s ease-in-out infinite}@keyframes sparkle-8d15fd09{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(10deg)}}.level-badge[data-v-8d15fd09]{background:linear-gradient(135deg,var(--60fc7c81) 0%,rgba(255,255,255,.2) 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid var(--60fc7c81);box-shadow:0 0 15px #00ffff4d;position:relative;overflow:hidden}.level-badge[data-v-8d15fd09]:before{content:var(--9ee258ca);margin-right:5px;font-size:.9rem}.level-badge[data-v-8d15fd09]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:levelGlow-8d15fd09 2s ease-in-out infinite}@keyframes levelGlow-8d15fd09{0%{left:-100%}50%{left:100%}to{left:-100%}}.level-progress[data-v-8d15fd09]{color:#fff9;font-size:.8rem;font-weight:500;padding:3px 8px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.header-right[data-v-8d15fd09]{display:flex;align-items:center;gap:20px}.level-btn[data-v-8d15fd09]{position:relative;padding:14px 35px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:gold;border:2px solid #ffd700;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:8px;animation:levelBtnPulse-8d15fd09 3s ease-in-out infinite;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}@keyframes levelBtnPulse-8d15fd09{0%,to{box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}50%{box-shadow:0 0 30px #ffd70080,inset 0 0 25px #ffd70033}}.level-btn[data-v-8d15fd09]>*{position:relative;z-index:3}.level-btn[data-v-8d15fd09]:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,215,0,.4),rgba(255,255,255,.2),transparent);transition:left .6s;animation:levelBtnScan-8d15fd09 4s linear infinite;z-index:2}@keyframes levelBtnScan-8d15fd09{0%{left:-150%}to{left:150%}}.level-btn[data-v-8d15fd09]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#281e00f2,#282800f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.level-btn[data-v-8d15fd09]:hover{transform:translateY(-3px) scale(1.05);color:#ffea00;border-color:#ffea00;box-shadow:0 15px 40px #ffd70066,inset 0 0 30px #ffd70033;animation:none}.level-btn[data-v-8d15fd09]:hover:before{animation-duration:2s}.level-icon[data-v-8d15fd09]{font-size:1.3rem;display:inline-block;animation:levelIconRotate-8d15fd09 5s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);position:relative;z-index:3}@keyframes levelIconRotate-8d15fd09{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(10deg) scale(1.1)}}.create-btn[data-v-8d15fd09]{position:relative;padding:14px 35px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#0f8;border:2px solid #00ff88;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:8px;animation:createBtnPulse-8d15fd09 2s ease-in-out infinite;box-shadow:0 0 20px #00ff884d,inset 0 0 20px #00ff881a}@keyframes createBtnPulse-8d15fd09{0%,to{box-shadow:0 0 20px #00ff884d,inset 0 0 20px #00ff881a}50%{box-shadow:0 0 30px #00ff8880,inset 0 0 25px #0f83}}.create-btn[data-v-8d15fd09]>*{position:relative;z-index:3}.create-btn[data-v-8d15fd09]:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(0,255,136,.4),rgba(255,255,255,.2),transparent);transition:left .6s;animation:createBtnScan-8d15fd09 3s linear infinite;z-index:2}@keyframes createBtnScan-8d15fd09{0%{left:-150%}to{left:150%}}.create-btn[data-v-8d15fd09]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#001428f2,#002814f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.create-btn[data-v-8d15fd09]:hover{transform:translateY(-3px) scale(1.05);color:#0fa;border-color:#0fa;box-shadow:0 15px 40px #0f86,inset 0 0 30px #0f83;animation:none}.create-btn[data-v-8d15fd09]:hover:before{animation-duration:1.5s}.plus-icon[data-v-8d15fd09]{font-size:1.3rem;font-weight:700;display:inline-block;animation:plusRotate-8d15fd09 4s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.6);position:relative;z-index:3}.btn-text[data-v-8d15fd09]{position:relative;z-index:3;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.6),0 0 10px rgba(0,255,136,.4)}@keyframes plusRotate-8d15fd09{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.logout-btn[data-v-8d15fd09]{position:relative;padding:12px 30px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#f44;border:2px solid #ff4444;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.logout-btn[data-v-8d15fd09]>*{position:relative;z-index:2}.logout-btn[data-v-8d15fd09]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,68,68,.3),transparent);transition:left .5s}.logout-btn[data-v-8d15fd09]:hover:before{left:100%}.logout-btn[data-v-8d15fd09]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#280000f2,#281414f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:-1}.logout-btn[data-v-8d15fd09]:hover{transform:translateY(-3px) scale(1.02);color:#f66;border-color:#f66;box-shadow:0 10px 30px #ff44444d}.projects-grid[data-v-8d15fd09]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-card[data-v-8d15fd09]{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0000004d;position:relative;border:1px solid rgba(0,255,255,.2)}.project-card[data-v-8d15fd09]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);opacity:0;transition:opacity .3s}.project-card[data-v-8d15fd09]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0ff3;border-color:#00ffff80}.project-card[data-v-8d15fd09]:hover:before{opacity:1}.project-thumbnail[data-v-8d15fd09]{height:150px;background:linear-gradient(135deg,#0ffc,#f0fc);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-thumbnail img[data-v-8d15fd09]{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.thumbnail-placeholder[data-v-8d15fd09]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0064964d,#9600964d)}.placeholder-icon[data-v-8d15fd09]{font-size:3rem;opacity:.6;animation:float-8d15fd09 3s ease-in-out infinite}.project-thumbnail[data-v-8d15fd09]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:scan-8d15fd09 3s linear infinite;z-index:2}@keyframes scan-8d15fd09{0%{left:-100%}to{left:100%}}.project-info[data-v-8d15fd09]{padding:20px;position:relative;z-index:2}.project-info h3[data-v-8d15fd09]{margin:0 0 15px;color:#0ff;font-size:1.2rem;text-shadow:0 0 10px rgba(0,255,255,.4);letter-spacing:1px}.project-meta[data-v-8d15fd09]{display:flex;flex-direction:column;gap:10px}.project-date[data-v-8d15fd09]{font-size:.85rem;color:#ffffff80}.project-completion[data-v-8d15fd09]{display:flex;align-items:center;gap:8px}.completion-text[data-v-8d15fd09]{font-size:.8rem;color:#fff9;min-width:45px}.completion-bar[data-v-8d15fd09]{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.2)}.completion-fill[data-v-8d15fd09]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:3px;transition:width .5s ease;position:relative}.completion-fill[data-v-8d15fd09]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:completionShine-8d15fd09 2s linear infinite}@keyframes completionShine-8d15fd09{0%{transform:translate(-100%)}to{transform:translate(100%)}}.completion-percentage[data-v-8d15fd09]{font-size:.85rem;color:#0f8;font-weight:700;min-width:35px;text-align:right}.project-hover-content[data-v-8d15fd09]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease;pointer-events:none}.project-card:hover .project-hover-content[data-v-8d15fd09]{opacity:1}.challenge-text[data-v-8d15fd09]{color:#0ff;font-size:1.8rem;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.6);letter-spacing:3px;margin-bottom:20px;animation:challengePulse-8d15fd09 1.5s ease-in-out infinite}@keyframes challengePulse-8d15fd09{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.rocket[data-v-8d15fd09]{font-size:3rem;animation:rocketLaunch-8d15fd09 1.5s ease-out forwards;filter:drop-shadow(0 5px 10px rgba(255,100,0,.5));position:relative;display:inline-block}.project-card:hover .rocket[data-v-8d15fd09]{animation:rocketFly-8d15fd09 2s ease-in-out infinite}@keyframes rocketLaunch-8d15fd09{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rocketFly-8d15fd09{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(-5deg)}50%{transform:translateY(-50px) rotate(0)}75%{transform:translateY(-30px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.rocket[data-v-8d15fd09]:after{content:"🔥";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:1.5rem;animation:flame-8d15fd09 .3s ease-in-out infinite alternate;opacity:0}.project-card:hover .rocket[data-v-8d15fd09]:after{opacity:1}@keyframes flame-8d15fd09{0%{transform:translate(-50%) scale(.8);opacity:.6}to{transform:translate(-50%) scale(1.2);opacity:1}}.empty-state[data-v-8d15fd09]{text-align:center;padding:80px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,255,255,.2);max-width:600px;margin:40px auto}.empty-icon[data-v-8d15fd09]{font-size:4rem;margin-bottom:20px;filter:grayscale(1) sepia(1) hue-rotate(180deg) saturate(3);animation:float-8d15fd09 3s ease-in-out infinite}@keyframes float-8d15fd09{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2[data-v-8d15fd09]{color:#0ff;margin-bottom:10px;text-shadow:0 0 10px rgba(0,255,255,.5)}.empty-state p[data-v-8d15fd09]{color:#ffffffb3}.loading-state[data-v-8d15fd09]{text-align:center;padding:80px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,255,255,.2);max-width:600px;margin:40px auto}.spinner[data-v-8d15fd09]{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #00ffff;border-radius:50%;animation:spin-8d15fd09 1s linear infinite;margin:0 auto 20px;box-shadow:0 0 20px #00ffff4d}.loading-state p[data-v-8d15fd09]{color:#ffffffb3}@keyframes spin-8d15fd09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-height: 700px){.projects-container[data-v-8d15fd09]{padding:10px}.projects-header[data-v-8d15fd09]{padding:15px;margin-bottom:20px}.header-text h1[data-v-8d15fd09]{font-size:1.5rem;margin-bottom:3px}.user-greeting[data-v-8d15fd09]{font-size:.9rem;margin-bottom:5px}.user-avatar[data-v-8d15fd09]{width:45px;height:45px}.level-gem-image[data-v-8d15fd09]{width:25px;height:25px}.level-badge[data-v-8d15fd09]{font-size:.75rem;padding:3px 10px}.level-btn[data-v-8d15fd09],.create-btn[data-v-8d15fd09]{padding:10px 25px;font-size:.95rem}.projects-grid[data-v-8d15fd09]{gap:15px}.project-card[data-v-8d15fd09]{min-height:auto}.project-thumbnail[data-v-8d15fd09]{height:100px}.project-info[data-v-8d15fd09]{padding:15px}.project-info h3[data-v-8d15fd09]{font-size:1rem;margin-bottom:10px}.empty-state[data-v-8d15fd09],.loading-state[data-v-8d15fd09]{padding:40px 20px}.empty-icon[data-v-8d15fd09]{font-size:3rem}}@media (max-height: 500px){.projects-header[data-v-8d15fd09]{padding:10px;margin-bottom:15px}.header-text h1[data-v-8d15fd09]{font-size:1.2rem}.user-avatar[data-v-8d15fd09]{width:35px;height:35px}.level-gem-image[data-v-8d15fd09]{width:20px;height:20px}.level-btn[data-v-8d15fd09],.create-btn[data-v-8d15fd09]{padding:8px 20px;font-size:.85rem;letter-spacing:1px}.project-thumbnail[data-v-8d15fd09]{height:80px}.project-info[data-v-8d15fd09]{padding:12px}.project-info h3[data-v-8d15fd09]{font-size:.95rem;margin-bottom:8px}.completion-bar[data-v-8d15fd09]{height:6px}.empty-state[data-v-8d15fd09],.loading-state[data-v-8d15fd09]{padding:30px 15px}.empty-state h2[data-v-8d15fd09]{font-size:1.3rem}.empty-icon[data-v-8d15fd09]{font-size:2.5rem;margin-bottom:15px}}@media (max-width: 768px){.projects-header[data-v-8d15fd09]{flex-direction:column;gap:20px;text-align:center}.header-left[data-v-8d15fd09]{flex-direction:column;gap:15px}.user-avatar[data-v-8d15fd09]{width:50px;height:50px}.header-text h1[data-v-8d15fd09]{font-size:1.5rem}.header-right[data-v-8d15fd09]{width:100%;flex-direction:column;gap:15px;align-items:stretch}.level-btn[data-v-8d15fd09],.create-btn[data-v-8d15fd09]{width:100%}.projects-grid[data-v-8d15fd09]{grid-template-columns:1fr}}@media (max-width: 768px) and (max-height: 700px){.projects-header[data-v-8d15fd09]{padding:10px;gap:10px}.header-text h1[data-v-8d15fd09]{font-size:1.3rem}.level-btn[data-v-8d15fd09],.create-btn[data-v-8d15fd09]{padding:8px 15px;font-size:.9rem}.project-thumbnail[data-v-8d15fd09]{height:90px}.project-info[data-v-8d15fd09]{padding:12px}}.left-panel[data-v-ccfa9830]{flex:0 0 350px;width:350px;background:linear-gradient(135deg,#0a0e27,#1a1f3a);border-right:2px solid rgba(0,255,255,.3);display:flex;flex-direction:column;height:100vh;position:relative;box-shadow:inset 0 0 50px #00ffff1a,0 0 20px #0ff3}.left-panel[data-v-ccfa9830]:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);animation:neonPulse-ccfa9830 3s ease-in-out infinite}@keyframes neonPulse-ccfa9830{0%,to{opacity:.5}50%{opacity:1}}.chat-header[data-v-ccfa9830]{padding:15px 20px;border-bottom:2px solid rgba(0,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:15px;background:#0a0e27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.chat-header[data-v-ccfa9830]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanLine-ccfa9830 3s ease-in-out infinite}.treasure-box-container[data-v-ccfa9830]{padding:0 20px}.treasure-box-btn[data-v-ccfa9830]{width:100%;padding:0;background:transparent;border:none;cursor:pointer;position:relative;height:60px;transition:transform .3s ease}.treasure-box-btn[data-v-ccfa9830]:hover{transform:scale(1.02)}.treasure-box-btn[data-v-ccfa9830]:active{transform:scale(.98)}.btn-background[data-v-ccfa9830]{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f97316);border-radius:16px;opacity:.9;animation:gradientShift-ccfa9830 8s ease infinite;filter:blur(.5px)}.treasure-box-btn:hover .btn-background[data-v-ccfa9830]{animation:gradientShift-ccfa9830 2s ease infinite,pulse-ccfa9830 1s ease infinite}@keyframes gradientShift-ccfa9830{0%,to{background:linear-gradient(135deg,#667eea,#764ba2,#f97316)}25%{background:linear-gradient(135deg,#f97316,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#f97316,#667eea)}75%{background:linear-gradient(135deg,#667eea,#f97316,#764ba2)}}@keyframes pulse-ccfa9830{0%,to{opacity:.9}50%{opacity:1}}.btn-content[data-v-ccfa9830]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 20px;border:2px solid rgba(255,255,255,.4);border-radius:16px;background:linear-gradient(135deg,#667eea99,#764ba2b3,#f9731699);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #667eea80,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}.treasure-box-btn:hover .btn-content[data-v-ccfa9830]{border-color:#fff9;box-shadow:0 12px 48px #667eeab3,inset 0 2px 8px #fff6,inset 0 -2px 8px #0000004d}.treasure-icon[data-v-ccfa9830]{font-size:28px;filter:drop-shadow(0 0 8px rgba(255,255,255,.8));animation:sparkle-ccfa9830 3s ease-in-out infinite}@keyframes sparkle-ccfa9830{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}25%{transform:translateY(-3px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg);filter:drop-shadow(0 0 16px rgba(255,255,255,1))}75%{transform:translateY(-3px) rotate(-5deg)}}.treasure-text[data-v-ccfa9830]{font-size:18px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)}.btn-particles[data-v-ccfa9830]{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:16px}.particle[data-v-ccfa9830]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:particleFloat-ccfa9830 4s linear infinite}.particle[data-v-ccfa9830]:nth-child(1){left:10%;animation-delay:0s}.particle[data-v-ccfa9830]:nth-child(2){left:30%;animation-delay:.8s}.particle[data-v-ccfa9830]:nth-child(3){left:50%;animation-delay:1.6s}.particle[data-v-ccfa9830]:nth-child(4){left:70%;animation-delay:2.4s}.particle[data-v-ccfa9830]:nth-child(5){left:90%;animation-delay:3.2s}@keyframes particleFloat-ccfa9830{0%{bottom:-10px;opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{bottom:110%;opacity:0;transform:translate(20px)}}.logo[data-v-ccfa9830]{height:60px;width:auto;object-fit:contain;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 0 15px rgba(0,255,255,.6))}.logo[data-v-ccfa9830]:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 25px rgba(0,255,255,.9));animation:logoGlow-ccfa9830 .5s ease}@keyframes logoGlow-ccfa9830{0%{filter:drop-shadow(0 0 15px rgba(0,255,255,.6))}50%{filter:drop-shadow(0 0 30px rgba(255,0,255,.9))}to{filter:drop-shadow(0 0 25px rgba(0,255,255,.9))}}.chat-messages[data-v-ccfa9830]{flex:1;overflow-y:auto;padding:25px 20px 20px;background:linear-gradient(180deg,#0a0e2799,#1a1f3acc);position:relative}.chat-messages[data-v-ccfa9830]:before{content:"";position:fixed;pointer-events:none;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,255,255,.1) 0%,transparent 50%);animation:floatGradient-ccfa9830 15s ease-in-out infinite}@keyframes floatGradient-ccfa9830{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.9)}}.chat-messages[data-v-ccfa9830]::-webkit-scrollbar{width:8px}.chat-messages[data-v-ccfa9830]::-webkit-scrollbar-track{background:#00ffff1a;border-radius:4px}.chat-messages[data-v-ccfa9830]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:4px}.chat-messages[data-v-ccfa9830]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff)}.message[data-v-ccfa9830]{margin-bottom:15px;animation:slideIn-ccfa9830 .3s ease}.message.user[data-v-ccfa9830]{display:flex;justify-content:flex-end}.message.assistant[data-v-ccfa9830]{display:flex;justify-content:flex-start}@keyframes slideIn-ccfa9830{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user .message-content[data-v-ccfa9830]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:18px 18px 4px;max-width:70%;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-shadow:0 5px 15px #667eea4d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;font-size:.95rem;line-height:1.5}.message.user .message-content[data-v-ccfa9830]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-ccfa9830 3s infinite}@keyframes shimmer-ccfa9830{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.message.assistant .message-content[data-v-ccfa9830]{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);color:#0ff;padding:12px 16px;border-radius:18px 18px 18px 4px;max-width:70%;border:1px solid rgba(0,255,255,.3);word-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-shadow:0 5px 15px #0ff3,inset 0 0 20px #00ffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;font-size:.95rem;line-height:1.5}.message.assistant .message-content[data-v-ccfa9830]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanTop 2s linear infinite}.message.system .message-content[data-v-ccfa9830]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#666;padding:10px 14px;border-radius:8px;text-align:center;font-size:.9rem;font-style:italic;max-width:90%;margin:0 auto}.chat-input-container[data-v-ccfa9830]{padding:15px;border-top:2px solid rgba(0,255,255,.3);display:flex;gap:10px;background:linear-gradient(180deg,#1a1f3af2,#0a0e27fa);position:relative}.chat-input-container[data-v-ccfa9830]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f0f,#0ff,#f0f);animation:neonFlow 2s linear infinite}.chat-input[data-v-ccfa9830]{flex:1;padding:12px 18px;background:#00ffff0d;border:2px solid rgba(0,255,255,.3);border-radius:25px;font-size:.95rem;color:#0ff;outline:none;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-input[data-v-ccfa9830]::placeholder{color:#00ffff80}.chat-input[data-v-ccfa9830]:focus{border-color:#0ff;background:#00ffff1a;box-shadow:0 0 20px #00ffff4d,inset 0 0 10px #00ffff1a}.chat-input[data-v-ccfa9830]:disabled{background:#0000004d;color:#00ffff4d;cursor:not-allowed;border-color:#00ffff1a}.send-btn[data-v-ccfa9830]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s;min-width:80px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.send-btn[data-v-ccfa9830]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s,height .5s}.send-btn[data-v-ccfa9830]:hover:not(.disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05);box-shadow:0 0 30px #667eea80,0 5px 15px #0000004d;border-color:#fff6}.send-btn[data-v-ccfa9830]:hover:not(.disabled):before{width:300px;height:300px}.send-btn.disabled[data-v-ccfa9830]{background:linear-gradient(135deg,#3c3c3c80,#28282880);cursor:not-allowed;opacity:.5;border-color:#ffffff1a}.sending-dots[data-v-ccfa9830]{display:inline-flex;gap:3px}.sending-dots span[data-v-ccfa9830]{width:6px;height:6px;background:#fff;border-radius:50%;animation:sendingDot-ccfa9830 1.4s infinite ease-in-out}.sending-dots span[data-v-ccfa9830]:nth-child(1){animation-delay:-.32s}.sending-dots span[data-v-ccfa9830]:nth-child(2){animation-delay:-.16s}.sending-dots span[data-v-ccfa9830]:nth-child(3){animation-delay:0s}@keyframes sendingDot-ccfa9830{0%,60%,to{transform:scale(.7);opacity:.5}30%{transform:scale(1);opacity:1}}.loading-message[data-v-ccfa9830]{animation:fadeIn .3s ease}.loading-message .message-content[data-v-ccfa9830]{background:linear-gradient(135deg,#8a2be233,#0ff3);border:2px solid rgba(0,255,255,.5);color:#0ff;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.loading-message .message-content[data-v-ccfa9830]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f0f,#0ff,#f0f,#0ff);background-size:400% 400%;animation:borderRotate-ccfa9830 3s linear infinite;z-index:-1;opacity:.5}@keyframes borderRotate-ccfa9830{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.typing-indicator[data-v-ccfa9830]{display:flex;align-items:center;gap:6px;padding:4px}.typing-dot[data-v-ccfa9830]{width:12px;height:12px;background:linear-gradient(45deg,#0ff,#f0f);border-radius:50%;animation:typing-ccfa9830 1.4s infinite ease-in-out;box-shadow:0 0 10px #00ffff80,0 0 20px #ff00ff4d}.typing-dot[data-v-ccfa9830]:nth-child(1){animation-delay:-.32s}.typing-dot[data-v-ccfa9830]:nth-child(2){animation-delay:-.16s}.typing-dot[data-v-ccfa9830]:nth-child(3){animation-delay:0s}@keyframes typing-ccfa9830{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.loading-text[data-v-ccfa9830]{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#fff;animation:pulse-ccfa9830 2s cubic-bezier(.4,0,.6,1) infinite}.loading-text .mode-icon[data-v-ccfa9830]{font-size:1.4rem;animation:rotate-ccfa9830 2s linear infinite;filter:drop-shadow(0 0 10px currentColor);display:inline-block}@keyframes pulse-ccfa9830{0%,to{opacity:1}50%{opacity:.6}}@keyframes rotate-ccfa9830{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-details-btn[data-v-ccfa9830]{margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,#0ff3,#ff00ff1a);border:1px solid rgba(0,255,255,.5);border-radius:6px;color:#00ffffe6;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;animation:buttonFadeIn-ccfa9830 .5s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 0 5px rgba(0,255,255,.3)}.view-details-btn[data-v-ccfa9830]:hover{background:linear-gradient(135deg,#00ffff4d,#f0f3);border-color:#0ffc;transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.view-details-btn[data-v-ccfa9830]:active{transform:translateY(0)}@keyframes buttonFadeIn-ccfa9830{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes knowledgeFadeIn-ccfa9830{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.generation-progress[data-v-ccfa9830]{background:linear-gradient(135deg,#00283cf2,#140032f2,#001e32f2);border:2px solid rgba(0,255,255,.8);border-radius:16px;padding:16px;margin:10px;animation:slideUp-ccfa9830 .3s ease-out,neonPulse-ccfa9830 3s ease-in-out infinite;box-shadow:0 0 30px #0ff6,inset 0 0 20px #0ff3,0 4px 15px #00000080;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes neonPulse-ccfa9830{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.5)}}@keyframes rotateGradient-ccfa9830{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp-ccfa9830{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-header[data-v-ccfa9830]{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid rgba(0,255,255,.5);position:relative}.progress-header[data-v-ccfa9830]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);animation:scanLine-ccfa9830 2s linear infinite}@keyframes scanLine-ccfa9830{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-icon[data-v-ccfa9830]{font-size:1.4rem;filter:drop-shadow(0 0 10px #00ffff) brightness(1.5);animation:iconGlow-ccfa9830 2s ease-in-out infinite}@keyframes iconGlow-ccfa9830{0%,to{filter:drop-shadow(0 0 10px #00ffff) brightness(1.5)}50%{filter:drop-shadow(0 0 20px #00ff00) brightness(2)}}.progress-title[data-v-ccfa9830]{font-size:1.1rem;font-weight:700;color:#0ff;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5);text-transform:uppercase}.progress-steps[data-v-ccfa9830]{display:flex;flex-direction:column;gap:12px}.step-item[data-v-ccfa9830]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#001e3c80,#0032644d);border:1px solid rgba(0,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.step-item[data-v-ccfa9830]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.step-item[data-v-ccfa9830]:hover:before{left:100%}.step-item.active[data-v-ccfa9830]{background:linear-gradient(135deg,#00aaff4d,#0ff3);border-color:#0af;animation:activeGlow-ccfa9830 2s ease-in-out infinite;box-shadow:0 0 20px #00aaff80,inset 0 0 10px #0ff3}@keyframes activeGlow-ccfa9830{0%,to{box-shadow:0 0 20px #00aaff80,inset 0 0 10px #0ff3}50%{box-shadow:0 0 40px #0afc,inset 0 0 20px #0ff6}}.step-item.completed[data-v-ccfa9830]{background:linear-gradient(135deg,#00ffaa4d,#00ff6433);border-color:#0f8;box-shadow:0 0 25px #0fa9,inset 0 0 15px #0fa3}@keyframes pulseGlow-ccfa9830{0%,to{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 20px #3b82f666}}.step-indicator[data-v-ccfa9830]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,#0064c84d,#00326480);border:2px solid rgba(0,255,255,.4);transition:all .3s ease;position:relative}.step-indicator[data-v-ccfa9830]:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(0,255,255,.2);animation:rotateBorder-ccfa9830 3s linear infinite}@keyframes rotateBorder-ccfa9830{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-item.active .step-indicator[data-v-ccfa9830]{background:radial-gradient(circle,#0af9,#0064ffcc);border-color:#0af;box-shadow:0 0 20px #0afc,inset 0 0 10px #00ffff80}.step-item.completed .step-indicator[data-v-ccfa9830]{background:radial-gradient(circle,#0f8,#0c6);border-color:#0f8;box-shadow:0 0 30px #0f8c,inset 0 0 10px #ffffff4d;animation:completedPulse-ccfa9830 1s ease-in-out infinite}@keyframes completedPulse-ccfa9830{0%,to{transform:scale(1);box-shadow:0 0 30px #0f8c,inset 0 0 10px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 40px #0f8,inset 0 0 15px #ffffff80}}.step-number[data-v-ccfa9830]{color:#0ff;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8)}.check-icon[data-v-ccfa9830]{color:#fff;font-size:1.2rem;font-weight:900;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(0,255,136,.6);filter:brightness(1.5)}.spinner[data-v-ccfa9830]{width:18px;height:18px;border:3px solid rgba(0,170,255,.2);border-top-color:#0ff;border-right-color:#0af;border-radius:50%;animation:spin-ccfa9830 .8s linear infinite;filter:drop-shadow(0 0 5px #00ffff)}@keyframes spin-ccfa9830{to{transform:rotate(360deg)}}.step-content[data-v-ccfa9830]{flex:1}.step-title[data-v-ccfa9830]{font-size:1rem;font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 0 5px rgba(255,255,255,.5);letter-spacing:.5px}.step-item.completed .step-title[data-v-ccfa9830]{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4)}.step-item.active .step-title[data-v-ccfa9830]{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,170,255,.4);animation:textPulse-ccfa9830 1.5s ease-in-out infinite}@keyframes textPulse-ccfa9830{0%,to{opacity:1}50%{opacity:.8}}.step-desc[data-v-ccfa9830]{font-size:.85rem;color:#aaffffb3;font-weight:500;letter-spacing:.3px}.step-item.completed .step-desc[data-v-ccfa9830]{color:#0fac;text-decoration:line-through;text-decoration-color:#0fa6;text-decoration-thickness:2px}.step-item.active .step-desc[data-v-ccfa9830]{color:#00c8ffe6;font-weight:600}.mode-selector[data-v-ccfa9830]{padding:12px 15px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.mode-selector[data-v-ccfa9830]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,transparent);animation:scanLine-ccfa9830 2s ease-in-out infinite}.mode-dropdown-container[data-v-ccfa9830]{display:flex;flex-direction:column;gap:8px}.mode-label[data-v-ccfa9830]{font-size:.8rem;color:#0ff;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5);margin-bottom:8px}.mode-dropdown[data-v-ccfa9830]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100}.mode-current[data-v-ccfa9830]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid var(--mode-color, #00ffff);border-radius:12px;transition:all .3s ease;font-size:.9rem;font-weight:600;color:var(--mode-color, #00ffff);position:relative;overflow:hidden}.mode-current[data-v-ccfa9830]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideShine-ccfa9830 3s infinite}@keyframes slideShine-ccfa9830{0%{left:-100%}50%{left:100%}to{left:100%}}.mode-current[data-v-ccfa9830]:hover{box-shadow:0 0 25px var(--mode-color),inset 0 0 15px #ffffff1a;transform:translateY(-2px) scale(1.02);border-color:#fff}.dropdown-arrow[data-v-ccfa9830]{margin-left:auto;font-size:.8rem;color:#999;transition:transform .2s ease}.mode-menu[data-v-ccfa9830]{margin-top:8px;background:#141932fa;border:2px solid rgba(0,255,255,.5);border-radius:12px;box-shadow:0 8px 24px #000c,0 0 40px #00ffff4d,inset 0 1px #ffffff1a;z-index:9999;overflow:hidden;max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mode-option[data-v-ccfa9830]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;background:#1e233ccc;border:none;border-bottom:1px solid rgba(0,255,255,.2);cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;position:relative;overflow:hidden}.mode-option[data-v-ccfa9830]:last-child{border-bottom:none}.mode-option[data-v-ccfa9830]:hover{background:#0ff3;transform:translate(5px);border-left:3px solid var(--mode-color);padding-left:11px;box-shadow:inset 0 0 20px #00ffff1a}.mode-option.active[data-v-ccfa9830]{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-left:3px solid var(--mode-color);padding-left:11px;color:#fff;font-weight:600}.mode-option .mode-icon[data-v-ccfa9830]{font-size:1.2rem;margin-right:4px}.mode-option .mode-name[data-v-ccfa9830]{font-size:.95rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.mode-option .mode-desc[data-v-ccfa9830]{font-size:.75rem;color:#0ffc;line-height:1.3;display:block;width:100%;margin-top:2px;opacity:.9}.menu-separator[data-v-ccfa9830]{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);margin:8px 0;position:relative}.menu-separator[data-v-ccfa9830]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent,#ff00ff,transparent);animation:scanLine-ccfa9830 3s ease-in-out infinite;opacity:.5}.download-option[data-v-ccfa9830]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px #667eea4d;margin-top:4px}.download-option[data-v-ccfa9830]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translate(3px) scale(1.02);box-shadow:0 6px 20px #667eea80}.download-icon[data-v-ccfa9830]{width:20px;height:20px;stroke-width:2;stroke:#fff}.download-text[data-v-ccfa9830]{flex:1}.dropdown-enter-active[data-v-ccfa9830],.dropdown-leave-active[data-v-ccfa9830]{transition:all .2s ease}.dropdown-enter-from[data-v-ccfa9830],.dropdown-leave-to[data-v-ccfa9830]{opacity:0;transform:translateY(-10px)}.action-buttons[data-v-ccfa9830]{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.action-btn[data-v-ccfa9830]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:8px;background:linear-gradient(135deg,#4caf50cc,#388e3ccc);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #4caf504d}.action-btn[data-v-ccfa9830]:hover{background:linear-gradient(135deg,#4caf50,#388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5080}.save-btn[data-v-ccfa9830]{background:linear-gradient(135deg,#1976d2cc,#1565c0cc);box-shadow:0 2px 8px #1976d24d}.save-btn[data-v-ccfa9830]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #1976d280}.btn-icon[data-v-ccfa9830]{font-size:16px}.btn-text[data-v-ccfa9830]{font-size:.85rem}@media (max-width: 768px){.left-panel[data-v-ccfa9830]{flex:none;width:100%;height:50vh}.mode-menu[data-v-ccfa9830]{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;max-height:60vh}}.main-content[data-v-5b5851d2]{flex:1;display:flex;flex-direction:column;height:100vh;padding:20px;gap:20px;background:url(/assets/bg.png) no-repeat center center;background-size:cover;background-attachment:fixed}.download-btn-float[data-v-5b5851d2]{position:absolute;top:20px;right:20px;z-index:100;padding:12px 20px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.preview-section:hover .download-btn-float[data-v-5b5851d2]{opacity:1;transform:translateY(0);pointer-events:auto}.download-btn-float[data-v-5b5851d2]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05);box-shadow:0 8px 32px #667eea99,inset 0 2px 4px #ffffff4d;border-color:#ffffff80}.download-btn-float svg[data-v-5b5851d2]{width:18px;height:18px;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.download-text[data-v-5b5851d2]{letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-section[data-v-5b5851d2]{flex:1;display:flex;flex-direction:column;background:#0a0a1ed9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 0 30px #8a2be21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;border:1px solid rgba(138,43,226,.3)}.neon-border[data-v-5b5851d2]{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8a2be2,#00ffff,#ff00ff,#8a2be2,transparent);background-size:200% 100%;animation:neonFlow-5b5851d2 3s linear infinite;filter:blur(2px);z-index:10}.neon-border[data-v-5b5851d2]:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:inherit;filter:blur(8px);opacity:.5}@keyframes neonFlow-5b5851d2{0%{background-position:-200% 0}to{background-position:200% 0}}.preview-container[data-v-5b5851d2]{flex:1;position:relative;background:#05050fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(138,43,226,.2)}.preview-iframe[data-v-5b5851d2]{width:100%;height:100%;border:none;background:transparent}.preview-placeholder[data-v-5b5851d2]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.placeholder-content[data-v-5b5851d2]{text-align:center;color:#999}.placeholder-icon[data-v-5b5851d2]{width:80px;height:80px;margin-bottom:20px;stroke-width:1.5}.placeholder-content p[data-v-5b5851d2]{margin:5px 0;font-size:1rem}.placeholder-hint[data-v-5b5851d2]{font-size:.85rem!important;color:#bbb!important}.preview-loading[data-v-5b5851d2]{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn-5b5851d2 .2s}.loading-content[data-v-5b5851d2]{display:flex;flex-direction:column;align-items:center;gap:30px}.code-loader[data-v-5b5851d2]{display:flex;flex-direction:column;gap:8px;padding:20px;background:#1e1e1e;border-radius:12px;box-shadow:0 8px 24px #00000026}.code-line[data-v-5b5851d2]{height:12px;background:linear-gradient(90deg,#569cd6,#ce9178,#6a9955,#9cdcfe,#569cd6);background-size:200% 100%;border-radius:6px;animation:codeLine-5b5851d2 2s ease-in-out infinite;opacity:.8}.code-line[data-v-5b5851d2]:nth-child(1){width:180px;animation-delay:0s}.code-line[data-v-5b5851d2]:nth-child(2){width:240px;animation-delay:.2s}.code-line[data-v-5b5851d2]:nth-child(3){width:200px;animation-delay:.4s}@keyframes codeLine-5b5851d2{0%{background-position:200% 0;opacity:.4}50%{opacity:1}to{background-position:-200% 0;opacity:.4}}.loading-text[data-v-5b5851d2]{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#667eea;font-weight:500}.pulse-dot[data-v-5b5851d2]{width:8px;height:8px;background:#667eea;border-radius:50%;animation:pulseDot-5b5851d2 1.5s ease-in-out infinite}@keyframes pulseDot-5b5851d2{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.loading-spinner[data-v-5b5851d2]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-5b5851d2 1s linear infinite;margin-bottom:20px}@keyframes spin-5b5851d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-5b5851d2{0%,to{opacity:1}50%{opacity:.6}}.code-section[data-v-5b5851d2]{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a1ef2,#1e0a3cf2);border-radius:30px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:flex .3s ease;position:relative;margin:4px;border:2px solid transparent;background-clip:padding-box;background-origin:border-box;background-image:linear-gradient(135deg,#0a0a1ef2,#1e0a3cf2),linear-gradient(45deg,#0ff,#f0f,#0f0,#ff0,#0ff);box-shadow:0 20px 60px #8a2be24d,0 0 100px #00ffff1a,inset 0 0 50px #8a2be233}.code-section[data-v-5b5851d2]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0f0,#ff0,#0ff,#f0f,#0f0);border-radius:34px;z-index:-1;opacity:.7;animation:techBorderRotate-5b5851d2 6s linear infinite;background-size:400% 400%;filter:blur(3px)}.code-section[data-v-5b5851d2]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0a1efa,#1e0a3cfa);border-radius:30px;z-index:-1}.tech-corner[data-v-5b5851d2]{position:absolute;width:40px;height:40px;z-index:10;pointer-events:none}.tech-corner[data-v-5b5851d2]:before,.tech-corner[data-v-5b5851d2]:after{content:"";position:absolute;background:#0ff;box-shadow:0 0 10px currentColor}.tech-corner.top-left[data-v-5b5851d2]{top:-2px;left:-2px}.tech-corner.top-left[data-v-5b5851d2]:before{width:100%;height:3px;top:0;left:0;background:linear-gradient(90deg,#00ffff 0%,transparent 100%)}.tech-corner.top-left[data-v-5b5851d2]:after{width:3px;height:100%;top:0;left:0;background:linear-gradient(180deg,#00ffff 0%,transparent 100%)}.tech-corner.top-right[data-v-5b5851d2]{top:-2px;right:-2px}.tech-corner.top-right[data-v-5b5851d2]:before{width:100%;height:3px;top:0;right:0;background:linear-gradient(270deg,#00ffff 0%,transparent 100%)}.tech-corner.top-right[data-v-5b5851d2]:after{width:3px;height:100%;top:0;right:0;background:linear-gradient(180deg,#00ffff 0%,transparent 100%)}.tech-corner.bottom-left[data-v-5b5851d2]{bottom:-2px;left:-2px}.tech-corner.bottom-left[data-v-5b5851d2]:before{width:100%;height:3px;bottom:0;left:0;background:linear-gradient(90deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-left[data-v-5b5851d2]:after{width:3px;height:100%;bottom:0;left:0;background:linear-gradient(0deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-right[data-v-5b5851d2]{bottom:-2px;right:-2px}.tech-corner.bottom-right[data-v-5b5851d2]:before{width:100%;height:3px;bottom:0;right:0;background:linear-gradient(270deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-right[data-v-5b5851d2]:after{width:3px;height:100%;bottom:0;right:0;background:linear-gradient(0deg,#ff00ff 0%,transparent 100%)}.scan-line[data-v-5b5851d2]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.3) 10%,#00ffff 50%,rgba(0,255,255,.3) 90%,transparent 100%);animation:scanDown-5b5851d2 8s linear infinite;pointer-events:none;z-index:100;box-shadow:0 0 10px #0ff}@keyframes scanDown-5b5851d2{0%{top:0;opacity:0}5%{opacity:1}95%{opacity:1}to{top:calc(100% - 2px);opacity:0}}@keyframes techBorderRotate-5b5851d2{0%{background-position:0% 0%;filter:blur(3px) hue-rotate(0deg)}25%{background-position:100% 0%}50%{background-position:100% 100%;filter:blur(3px) hue-rotate(180deg)}75%{background-position:0% 100%}to{background-position:0% 0%;filter:blur(3px) hue-rotate(360deg)}}.code-section.collapsed[data-v-5b5851d2]{flex:0 0 60px}.code-section.collapsed .code-header[data-v-5b5851d2]{display:flex;justify-content:space-between;align-items:center}.code-header[data-v-5b5851d2]{padding:15px;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;position:relative}.code-header h2[data-v-5b5851d2]{color:#fff;font-size:1.2rem;margin:0}.code-header .collapsed-title[data-v-5b5851d2]{color:#fff;font-size:1rem;font-weight:400;opacity:.9}.header-right[data-v-5b5851d2]{display:flex;align-items:center;gap:15px}.file-tabs[data-v-5b5851d2]{display:flex;gap:10px}.tab-btn[data-v-5b5851d2]{padding:8px 16px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s;color:#666}.tab-btn[data-v-5b5851d2]:hover{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-1px);box-shadow:0 2px 10px #0000001a}.tab-btn.active[data-v-5b5851d2]{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#333;font-weight:500;box-shadow:0 2px 10px #0000001a}.collapse-btn[data-v-5b5851d2]{width:30px;height:30px;padding:0;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.collapse-btn[data-v-5b5851d2]:hover{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-1px);box-shadow:0 2px 10px #0000001a}.collapse-btn svg[data-v-5b5851d2]{width:18px;height:18px;stroke-width:2}.code-container[data-v-5b5851d2]{flex:1;overflow:auto;background:#1e1e1e;position:relative;max-height:calc(100vh - 200px)}.code-container[data-v-5b5851d2]::-webkit-scrollbar{width:12px}.code-container[data-v-5b5851d2]::-webkit-scrollbar-track{background:#0000004d;border-radius:6px;border:1px solid rgba(0,255,255,.2)}.code-container[data-v-5b5851d2]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f,#0ff);border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00ffff80}.code-container[data-v-5b5851d2]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff,#f0f);box-shadow:0 0 15px #ff00ffb3}.code-pre[data-v-5b5851d2]{margin:0;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;min-height:100%}.code-block[data-v-5b5851d2]{color:#0ff;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;display:block;text-shadow:0 0 3px rgba(0,255,255,.3);filter:brightness(1.1)}.code-block[data-v-5b5851d2] .keyword{color:#f0f;font-weight:700;text-shadow:0 0 8px rgba(255,0,255,.5)}.code-block[data-v-5b5851d2] .string{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}.code-block[data-v-5b5851d2] .number{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.3)}.code-block[data-v-5b5851d2] .boolean{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.3)}.code-block[data-v-5b5851d2] .comment{color:#888;font-style:italic;opacity:.7}.code-block[data-v-5b5851d2] .tag{color:#0ff;text-shadow:0 0 3px rgba(0,255,255,.3)}.code-block[data-v-5b5851d2] .tag-name{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.3)}.code-block[data-v-5b5851d2] .attr{color:#9cdcfe}.code-block[data-v-5b5851d2] .selector{color:#d7ba7d}.code-block[data-v-5b5851d2] .property{color:#9cdcfe}.code-block[data-v-5b5851d2] .value{color:#ce9178}.code-block[data-v-5b5851d2] .code-segment{display:block;padding:8px 12px;margin:4px -12px;border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative}.code-block[data-v-5b5851d2] .code-empty-line{display:block;height:1.6em;pointer-events:none}.code-block[data-v-5b5851d2] .code-segment:hover,.code-block[data-v-5b5851d2] .code-segment.segment-hover{background:#00ffff1a;box-shadow:inset 0 0 20px #0ff3,0 0 10px #00ffff4d;border-left:3px solid #00ffff;padding-left:10px;transition:all .3s}.code-block[data-v-5b5851d2] .code-segment:hover:before,.code-block[data-v-5b5851d2] .code-segment.segment-hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,rgba(0,255,255,.2) 0%,transparent 50%);pointer-events:none;animation:scanLine 2s ease-in-out infinite}.code-block[data-v-5b5851d2] .code-segment:active{background:#f0f3;transform:translate(3px) scale(1.01);box-shadow:inset 0 0 30px #ff00ff4d,0 0 20px #f0f6}@media (max-width: 768px){.main-content[data-v-5b5851d2]{padding:10px}.preview-actions[data-v-5b5851d2]{flex-wrap:wrap}.action-btn[data-v-5b5851d2]{padding:6px 10px;font-size:.8rem}.file-tabs[data-v-5b5851d2]{flex-wrap:wrap}}.tips-btn[data-v-5b5851d2]{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid rgba(255,215,0,.5);border-radius:8px;padding:8px 12px;font-size:1.4rem;cursor:pointer;transition:all .3s ease;margin-right:10px;animation:glow-5b5851d2 2s ease-in-out infinite}@keyframes glow-5b5851d2{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70066}}.tips-btn[data-v-5b5851d2]:hover{transform:scale(1.1);background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 0 25px #ffd700e6}.tips-dialog-overlay[data-v-5b5851d2]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-5b5851d2 .3s ease}.tips-dialog[data-v-5b5851d2]{max-width:900px!important;width:90vw}.game-dialog-container[data-v-5b5851d2]{position:relative;animation:slideInUp-5b5851d2 .4s ease}.dialog-border-decoration[data-v-5b5851d2]{position:absolute;inset:-10px;border:3px solid #d4af37;border-radius:15px;background:linear-gradient(180deg,#1a120bfa,#2e2214fa);box-shadow:0 0 50px #d4af374d,inset 0 0 30px #000c}.corner-ornament[data-v-5b5851d2]{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#d4af37,#b8941f);border:2px solid #8b6914;box-shadow:0 0 20px #d4af3780}.corner-ornament.top-left[data-v-5b5851d2]{top:-5px;left:-5px;border-radius:15px 0}.corner-ornament.top-right[data-v-5b5851d2]{top:-5px;right:-5px;border-radius:0 15px}.corner-ornament.bottom-left[data-v-5b5851d2]{bottom:-5px;left:-5px;border-radius:0 15px}.corner-ornament.bottom-right[data-v-5b5851d2]{bottom:-5px;right:-5px;border-radius:15px 0}.game-dialog-content[data-v-5b5851d2]{position:relative;background:linear-gradient(135deg,#120d08f2,#21180ef2);border-radius:15px;z-index:1;padding:20px;max-height:80vh;overflow-y:auto;flex-direction:column}.dialog-header[data-v-5b5851d2]{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;padding:15px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);border-bottom:2px solid rgba(212,175,55,.3)}.dialog-title[data-v-5b5851d2]{font-size:1.6rem;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.5);display:flex;align-items:center;gap:10px}.title-icon[data-v-5b5851d2]{font-size:1.8rem;animation:float-5b5851d2 3s ease-in-out infinite}@keyframes float-5b5851d2{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.close-btn[data-v-5b5851d2]{position:absolute;right:10px;top:10px;background:#d4af3733;border:1px solid #d4af37;color:#d4af37;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s;font-size:1.2rem}.close-btn[data-v-5b5851d2]:hover{background:#d4af3766;transform:rotate(90deg)}.tips-tabs[data-v-5b5851d2]{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.tips-tabs .tab-btn[data-v-5b5851d2]{padding:10px 20px;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.tips-tabs .tab-btn[data-v-5b5851d2]:hover{background:linear-gradient(135deg,#d4af3733,#d4af371a);transform:translateY(-2px)}.tips-tabs .tab-btn.active[data-v-5b5851d2]{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af37;box-shadow:0 0 15px #d4af3766}.tab-icon[data-v-5b5851d2]{font-size:1.2rem}.tips-content[data-v-5b5851d2]{min-height:300px;max-height:400px;overflow-y:auto;padding:10px}.prompt-list[data-v-5b5851d2]{display:flex;flex-direction:column;gap:15px}.prompt-item[data-v-5b5851d2]{background:linear-gradient(135deg,#d4af370d,#d4af3705);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s}.prompt-item[data-v-5b5851d2]:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3780;transform:translate(5px);box-shadow:0 0 20px #d4af374d}.prompt-header[data-v-5b5851d2]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prompt-number[data-v-5b5851d2]{background:#d4af37;color:#1a1308;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.prompt-title[data-v-5b5851d2]{flex:1;color:#f4e4c1;font-weight:600;font-size:1.1rem}.copy-indicator[data-v-5b5851d2]{color:#d4af3799;font-size:.9rem;transition:all .3s;min-width:100px;text-align:right}.copy-indicator.copied[data-v-5b5851d2]{color:#4ade80;font-weight:600;text-shadow:0 0 10px rgba(74,222,128,.5);animation:successPulse-5b5851d2 .5s ease}@keyframes successPulse-5b5851d2{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.prompt-item:hover .copy-indicator[data-v-5b5851d2]:not(.copied){color:#d4af37;transform:scale(1.1)}.prompt-content[data-v-5b5851d2]{color:#e8dcc0;line-height:1.6;font-size:.95rem;padding-left:35px}.dialog-footer[data-v-5b5851d2]{margin-top:20px;padding-top:15px;border-top:1px solid rgba(212,175,55,.2);text-align:center}.footer-hint[data-v-5b5851d2]{color:#d4af37b3;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:5px}.tips-content[data-v-5b5851d2]::-webkit-scrollbar,.game-dialog-content[data-v-5b5851d2]::-webkit-scrollbar{width:8px}.tips-content[data-v-5b5851d2]::-webkit-scrollbar-track,.game-dialog-content[data-v-5b5851d2]::-webkit-scrollbar-track{background:#d4af371a;border-radius:4px}.tips-content[data-v-5b5851d2]::-webkit-scrollbar-thumb,.game-dialog-content[data-v-5b5851d2]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b7355);border-radius:4px}.tips-content[data-v-5b5851d2]::-webkit-scrollbar-thumb:hover,.game-dialog-content[data-v-5b5851d2]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4cf57,#ab9365)}@keyframes fadeIn-5b5851d2{0%{opacity:0}to{opacity:1}}@keyframes slideInUp-5b5851d2{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{font-family:Orbitron,Space Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,255,.2) 0%,transparent 70%),linear-gradient(180deg,#0a0e27,#1a1f3a,#0a0e27);z-index:-1;animation:spaceFloat 20s ease-in-out infinite}@keyframes spaceFloat{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(1deg) scale(1.02)}50%{transform:rotate(-1deg) scale(.98)}75%{transform:rotate(.5deg) scale(1.01)}}.app-container{display:flex;min-height:100vh;background:transparent;position:relative}.app-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent);background-size:200% 200%;animation:starsMove 120s linear infinite;opacity:.3;pointer-events:none}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}@keyframes buttonPulse{0%{box-shadow:0 0 #00ffffb3}70%{box-shadow:0 0 0 20px #0ff0}to{box-shadow:0 0 #0ff0}}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes hudBorder{0%{clip-path:polygon(0 0,0% 0,0% 100%,0% 100%)}25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}75%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00ffff1a;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:5px;border:2px solid rgba(10,14,39,.8)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff)}::selection{background:#00ffff4d;color:#fff}::-moz-selection{background:#00ffff4d;color:#fff}@media (max-width: 768px){.app-container{flex-direction:column;overflow-y:auto;height:auto}}.completion-dialog-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0000001a,#00000080 50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.game-dialog-container{position:relative;width:800px;max-width:95vw;max-height:85vh;animation:dialogSlideIn .4s ease;display:flex;flex-direction:column;overflow:hidden}.dialog-border-decoration{position:absolute;inset:-10px;border:3px solid #d4af37;border-radius:15px;background:linear-gradient(180deg,#1a120bfa,#2e2214fa,#1a120bfa);box-shadow:0 0 50px #d4af374d,inset 0 0 30px #000c}.corner-ornament{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#d4af37,#b8941f);border:2px solid #8b6914;box-shadow:0 0 20px #d4af3780,inset 0 0 10px #ffd7004d}.corner-ornament.top-left{top:-5px;left:-5px;border-radius:15px 0}.corner-ornament.top-right{top:-5px;right:-5px;border-radius:0 15px}.corner-ornament.bottom-left{bottom:-5px;left:-5px;border-radius:0 15px}.corner-ornament.bottom-right{bottom:-5px;right:-5px;border-radius:15px 0}.game-dialog-content{position:relative;display:flex;gap:20px;padding:30px;background:linear-gradient(135deg,#120d08f2,#21180ef2,#120d08f2);border-radius:10px;z-index:1;overflow-y:auto;max-height:calc(85vh - 20px)}.game-dialog-content::-webkit-scrollbar{width:10px}.game-dialog-content::-webkit-scrollbar-track{background:#d4af371a;border-radius:5px}.game-dialog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b7355);border-radius:5px;border:1px solid rgba(212,175,55,.3)}.game-dialog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4cf57,#ab9365);border:1px solid rgba(212,175,55,.5)}.mentor-profile-section{display:flex;flex-direction:column;align-items:center;gap:15px}.mentor-avatar-frame{position:relative;width:140px;height:140px;border:4px solid #d4af37;border-radius:10px;background:linear-gradient(135deg,#1a1308,#2e2214);padding:8px;box-shadow:0 0 30px #d4af3766,inset 0 0 20px #00000080}.avatar-border-glow{position:absolute;inset:-10px;border:2px solid rgba(212,175,55,.3);border-radius:12px;animation:glowPulse 2s ease-in-out infinite}.mentor-portrait{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid rgba(212,175,55,.5)}.mentor-emoji-portrait{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:60px;background:radial-gradient(circle,rgba(212,175,55,.1),transparent)}.level-badge{position:absolute;bottom:-10px;right:-10px;background:linear-gradient(135deg,#ff6b35,#ff9558);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid #d4af37;box-shadow:0 2px 10px #00000080}.mentor-nameplate{text-align:center;padding:10px 20px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);border:1px solid rgba(212,175,55,.3);border-radius:5px;min-width:150px}.nameplate-title{font-size:11px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.nameplate-name{font-size:16px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dialogue-section{flex:1;display:flex;flex-direction:column;gap:15px}.dialogue-header{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent);border-top:2px solid rgba(212,175,55,.5);border-bottom:2px solid rgba(212,175,55,.5)}.header-decoration{width:60px;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent)}.header-decoration.left{background:linear-gradient(90deg,transparent,#d4af37)}.header-decoration.right{background:linear-gradient(90deg,#d4af37,transparent)}.dialogue-title{font-size:20px;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);margin:0}.dialogue-box{overflow-y:scroll;background:linear-gradient(135deg,#1a130be6,#261c11e6);border:2px solid rgba(212,175,55,.4);border-radius:10px;padding:20px;position:relative;min-height:120px;box-shadow:inset 0 0 30px #00000080,0 5px 15px #0000004d}.dialogue-content{display:flex;flex-direction:column;gap:15px}.step-indicator{display:flex;align-items:center;gap:10px;padding:5px 15px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;width:fit-content}.step-label{color:#d4af37;font-size:12px;text-transform:uppercase;letter-spacing:1px}.step-number{color:#fff;font-weight:700;font-size:14px}.dialogue-text{color:#e8dcc0;line-height:1.8;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:textFadeIn .5s ease;margin-bottom:15px}@keyframes textFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.knowledge-points{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:15px;margin-top:15px;animation:fadeInUp .6s ease}.knowledge-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.2)}.knowledge-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.knowledge-title{font-size:14px;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.knowledge-list{display:flex;flex-direction:column;gap:12px}.knowledge-item{animation:slideInLeft .5s ease;animation-fill-mode:both;border-left:2px solid rgba(212,175,55,.4);padding-left:12px}.knowledge-item:nth-child(1){animation-delay:.1s}.knowledge-item:nth-child(2){animation-delay:.2s}.knowledge-item:nth-child(3){animation-delay:.3s}.point-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.point-marker{color:#ff6b35;font-size:12px;filter:drop-shadow(0 0 3px rgba(255,107,53,.5))}.point-title{font-size:15px;font-weight:600;color:#f4e4c1;text-shadow:0 0 3px rgba(244,228,193,.3)}.point-description{color:#e8dcc0;font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:20px}.point-code{background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:8px;margin-left:20px;margin-top:6px;overflow-x:auto;max-width:calc(100% - 20px)}.point-code pre{margin:0;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word}.point-code code{color:#0f0;font-size:12px;line-height:1.4;text-shadow:0 0 3px rgba(0,255,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dialogue-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(212,175,55,.2)}.game-btn{position:relative;padding:10px 25px;background:linear-gradient(135deg,#d4af3733,#b8941f4d);border:2px solid #d4af37;border-radius:5px;color:#e8dcc0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 -3px #0000004d,0 2px 5px #00000080}.game-btn:hover{background:linear-gradient(135deg,#d4af374d,#b8941f66);transform:translateY(-2px);box-shadow:inset 0 -3px #0000004d,0 4px 8px #0009}.game-btn:active{transform:translateY(0);box-shadow:inset 0 2px 5px #00000080,0 1px 2px #00000080}.game-btn.next-btn{background:linear-gradient(135deg,#ff6b354d,#ff955866);border-color:#ff6b35;color:#fff}.game-btn.next-btn:hover{background:linear-gradient(135deg,#ff6b3566,#ff955880);box-shadow:inset 0 -3px #0000004d,0 4px 8px #ff6b354d}.btn-arrow{display:inline-block;margin:0 5px;font-size:12px}.btn-arrow.left{margin-right:8px}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pbl-container[data-v-abb97a87]{min-height:100vh;background:#0a0e27;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-abb97a87]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image[data-v-abb97a87]{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(/assets/bg5.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8}.pbl-header[data-v-abb97a87]{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2)}.project-title[data-v-abb97a87]{font-size:1.8rem;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);margin:0}.mentor-badge[data-v-abb97a87]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:20px}.mentor-badge img[data-v-abb97a87]{width:30px;height:30px;border-radius:50%}.mentor-badge span[data-v-abb97a87]{color:#0ff;font-size:.9rem}.back-btn[data-v-abb97a87]{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.back-btn[data-v-abb97a87]:hover{background:#00ffff1a;transform:translate(-3px)}.back-btn svg[data-v-abb97a87]{width:20px;height:20px}.main-content[data-v-abb97a87]{display:flex;gap:20px;padding:20px;height:calc(100vh - 80px);position:relative;z-index:5}.stages-board[data-v-abb97a87]{width:320px;background:linear-gradient(135deg,#0f0a28f2,#19143ce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:2px solid rgba(0,255,255,.2);position:relative;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 50px #0ff3,inset 0 0 30px #00ffff0d}.space-header[data-v-abb97a87]{margin-bottom:20px}.stages-title[data-v-abb97a87]{color:#0ff;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 0 20px rgba(0,255,255,.8);letter-spacing:1px}.title-icon[data-v-abb97a87]{font-size:1.5rem;animation:float-abb97a87 3s ease-in-out infinite}@keyframes float-abb97a87{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.overall-progress[data-v-abb97a87]{padding:15px;background:#00000080;border-radius:15px;border:1px solid rgba(0,255,255,.2)}.progress-label[data-v-abb97a87]{color:#0f8;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.overall-progress-bar[data-v-abb97a87]{width:100%;height:12px;background:#000c;border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.3)}.overall-progress-fill[data-v-abb97a87]{height:100%;background:linear-gradient(90deg,#0ff,#0f8,#0ff);border-radius:20px;transition:width .5s ease;position:relative;animation:progressPulse-abb97a87 2s ease-in-out infinite}@keyframes progressPulse-abb97a87{0%,to{opacity:.9}50%{opacity:1}}.progress-glow[data-v-abb97a87]{position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));animation:glowMove-abb97a87 2s linear infinite}@keyframes glowMove-abb97a87{0%{transform:translate(-30px)}to{transform:translate(0)}}.stages-container[data-v-abb97a87]{display:flex;flex-direction:column;gap:15px}.stage-card[data-v-abb97a87]{background:#0009;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.stage-card.completed[data-v-abb97a87]{border-color:#0f8;background:#00ff881a}.stage-card.active[data-v-abb97a87]{border-color:#ff0;background:#ffff001a;animation:activePulse-abb97a87 2s ease-in-out infinite}@keyframes activePulse-abb97a87{0%,to{box-shadow:0 0 20px #ffff004d}50%{box-shadow:0 0 40px #ffff0080}}.stage-card.locked[data-v-abb97a87]{opacity:.5;cursor:not-allowed}.stage-card[data-v-abb97a87]:not(.locked):hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d}.stage-header[data-v-abb97a87]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stage-number[data-v-abb97a87]{width:25px;height:25px;background:#0ff3;border:2px solid #00ffff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ff;font-weight:700;font-size:.9rem}.stage-card.completed .stage-number[data-v-abb97a87]{background:#0f8;border-color:#0f8;color:#000}.status-icon[data-v-abb97a87]{font-size:1.2rem}.stage-title[data-v-abb97a87]{color:#0ff;font-size:1rem;margin:0;font-weight:600;flex:1}.stage-content[data-v-abb97a87]{min-height:40px;margin-bottom:10px}.stage-result[data-v-abb97a87]{color:#0f8;font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.stage-placeholder[data-v-abb97a87]{color:#fff6;font-size:.75rem;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stage-progress[data-v-abb97a87]{margin-top:auto}.progress-bar[data-v-abb97a87]{height:6px;background:linear-gradient(90deg,#000c,#0009);border-radius:10px;overflow:hidden;border:1px solid rgba(0,255,255,.1);position:relative}.progress-bar[data-v-abb97a87]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.1) 50%,transparent 100%);animation:scanLine-abb97a87 3s linear infinite}@keyframes scanLine-abb97a87{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill[data-v-abb97a87]{height:100%;background:linear-gradient(90deg,#0ff,#0f8,#0ff);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00ffff80;position:relative}.mission-complete[data-v-abb97a87]{margin-top:20px;padding:15px;background:linear-gradient(135deg,#0f83,#00ffff26);border:2px solid #00ff88;border-radius:15px;text-align:center;color:#0f8;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;animation:completeGlow-abb97a87 2s ease-in-out infinite;cursor:pointer;transition:all .3s ease;font-size:1rem}.mission-complete[data-v-abb97a87]:hover{transform:translateY(-2px);box-shadow:0 0 30px #0f89,0 5px 15px #0000004d;background:linear-gradient(135deg,#00ff884d,#00ffff40)}.mission-complete[data-v-abb97a87]:active{transform:translateY(0)}@keyframes completeGlow-abb97a87{0%,to{box-shadow:0 0 20px #0f86}50%{box-shadow:0 0 30px #0f89}}.complete-icon[data-v-abb97a87]{font-size:1.5rem;animation:rotate-abb97a87 3s linear infinite}@keyframes rotate-abb97a87{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-section[data-v-abb97a87]{flex:1;display:flex;flex-direction:column;min-width:0}.chat-wrapper[data-v-abb97a87]{height:100%;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,255,255,.3);overflow:hidden;display:flex;flex-direction:column}.current-stage-banner[data-v-abb97a87]{padding:15px 20px;background:linear-gradient(135deg,#0ff3,#f0f3);border-bottom:1px solid rgba(0,255,255,.3);display:flex;align-items:center;gap:10px}.stage-label[data-v-abb97a87]{color:#ffffffb3;font-size:.9rem}.stage-name[data-v-abb97a87]{color:#0ff;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.5)}.chat-messages[data-v-abb97a87]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0}.message[data-v-abb97a87]{display:flex;gap:10px;animation:messageSlide-abb97a87 .3s ease}@keyframes messageSlide-abb97a87{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user[data-v-abb97a87]{justify-content:flex-end}.message-avatar[data-v-abb97a87]{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assistant-avatar[data-v-abb97a87]{background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;font-size:1rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.assistant-avatar img[data-v-abb97a87]{width:100%;height:100%;border-radius:50%;object-fit:cover}.assistant-avatar.loading[data-v-abb97a87]{animation:pulse-abb97a87 1.5s ease-in-out infinite}@keyframes pulse-abb97a87{0%,to{opacity:1}50%{opacity:.5}}.user-avatar[data-v-abb97a87]{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:.9rem;font-weight:600;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.user-avatar-image[data-v-abb97a87]{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-content[data-v-abb97a87]{max-width:70%;display:flex;flex-direction:column;gap:5px}.user .message-content[data-v-abb97a87]{align-items:flex-end}.message-bubble[data-v-abb97a87]{padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}.assistant .message-bubble[data-v-abb97a87]{background:#00ffff26;border:1px solid rgba(0,255,255,.3);color:#ffffffe6}.user .message-bubble[data-v-abb97a87]{background:linear-gradient(135deg,#ff6b6bcc,#ff8e53cc);color:#fff}.loading-bubble[data-v-abb97a87]{background:#00ffff1a;border:1px solid rgba(0,255,255,.2)}.typing-indicator[data-v-abb97a87]{display:flex;gap:4px;padding:5px 0}.typing-indicator span[data-v-abb97a87]{width:8px;height:8px;background:#0ff;border-radius:50%;animation:typing-abb97a87 1.4s infinite ease-in-out}.typing-indicator span[data-v-abb97a87]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-abb97a87]:nth-child(2){animation-delay:-.16s}@keyframes typing-abb97a87{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-time[data-v-abb97a87]{font-size:.7rem;color:#fff6}.options-section[data-v-abb97a87]{padding:20px;border-top:1px solid rgba(0,255,255,.2);background:#00ffff0d}.options-grid[data-v-abb97a87]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.option-btn[data-v-abb97a87]{padding:12px 20px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:15px;color:#0ff;font-size:.9rem;cursor:pointer;transition:all .3s}.option-btn[data-v-abb97a87]:hover{background:#0ff3;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.option-btn.complete-btn[data-v-abb97a87]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;font-weight:700;border:none}.option-btn.complete-btn[data-v-abb97a87]:hover{background:linear-gradient(135deg,#0fa,#0ff);box-shadow:0 5px 20px #00ff8880}.chat-input[data-v-abb97a87]{padding:20px;border-top:1px solid rgba(0,255,255,.2);background:#00000080}.input-wrapper[data-v-abb97a87]{display:flex;gap:10px;align-items:center}.message-input[data-v-abb97a87]{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(0,255,255,.3);border-radius:25px;color:#fff;font-size:.9rem;outline:none;transition:all .3s}.message-input[data-v-abb97a87]::placeholder{color:#ffffff80}.message-input[data-v-abb97a87]:focus{border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.send-btn[data-v-abb97a87]{width:45px;height:45px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.send-btn[data-v-abb97a87]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #00ffff80}.send-btn[data-v-abb97a87]:disabled{opacity:.5;cursor:not-allowed}.send-btn svg[data-v-abb97a87]{width:18px;height:18px}.confirm-dialog-overlay[data-v-abb97a87]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-abb97a87 .3s ease}@keyframes fadeIn-abb97a87{0%{opacity:0}to{opacity:1}}.confirm-dialog[data-v-abb97a87]{background:linear-gradient(135deg,#001428f2,#140028f2);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #00ffff4d;animation:slideUp-abb97a87 .3s ease}@keyframes slideUp-abb97a87{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog h3[data-v-abb97a87]{color:#0ff;font-size:1.5rem;margin:0 0 15px;text-shadow:0 0 20px rgba(0,255,255,.5)}.confirm-dialog p[data-v-abb97a87]{color:#fffc;margin-bottom:20px}.confirm-summary[data-v-abb97a87]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:15px;margin-bottom:25px}.confirm-summary strong[data-v-abb97a87]{color:#0ff;display:block;margin-bottom:10px}.confirm-summary p[data-v-abb97a87]{color:#ffffffe6;margin:0;line-height:1.5}.confirm-actions[data-v-abb97a87]{display:flex;gap:15px;justify-content:flex-end}.cancel-btn[data-v-abb97a87],.confirm-btn[data-v-abb97a87]{padding:10px 25px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s;border:none}.cancel-btn[data-v-abb97a87]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fffc}.cancel-btn[data-v-abb97a87]:hover{background:#fff3}.confirm-btn[data-v-abb97a87]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;font-weight:700}.confirm-btn[data-v-abb97a87]:hover{background:linear-gradient(135deg,#0fa,#0ff);box-shadow:0 5px 20px #00ff8880;transform:translateY(-2px)}.mission-dialog-overlay[data-v-abb97a87]{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0a0e27f2,#000000fa);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-abb97a87 .3s ease}.mission-dialog[data-v-abb97a87]{background:linear-gradient(145deg,#0f1932fa,#1e0f3cfa);border:3px solid;border-image:linear-gradient(45deg,#0ff,#f0f,#ff0) 1;border-radius:25px;padding:40px;max-width:600px;width:90%;box-shadow:0 25px 80px #0ff6,0 10px 40px #f0f3,inset 0 1px #ffffff1a;animation:missionSlideUp-abb97a87 .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes missionSlideUp-abb97a87{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mission-header[data-v-abb97a87]{text-align:center;margin-bottom:30px;position:relative}.mission-stars[data-v-abb97a87]{position:absolute;width:100%;height:50px;top:-30px;display:flex;justify-content:center;gap:20px}.star[data-v-abb97a87]{font-size:24px;animation:twinkle-abb97a87 2s ease-in-out infinite}.star-1[data-v-abb97a87]{animation-delay:0s}.star-2[data-v-abb97a87]{animation-delay:.5s}.star-3[data-v-abb97a87]{animation-delay:1s}@keyframes twinkle-abb97a87{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.mission-title[data-v-abb97a87]{color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.5);margin:20px 0}.mission-icon[data-v-abb97a87]{display:inline-block;font-size:32px;margin-right:10px;animation:float-abb97a87 3s ease-in-out infinite}@keyframes float-abb97a87{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mission-content[data-v-abb97a87]{margin:30px 0}.prompt-container[data-v-abb97a87]{background:#00000080;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prompt-label[data-v-abb97a87]{color:#0ff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.label-icon[data-v-abb97a87]{font-size:18px}.prompt-text[data-v-abb97a87]{color:#fff;font-size:16px;line-height:1.6;padding:15px;background:#ffffff0d;border-radius:10px;border-left:3px solid #00ffff;font-family:Courier New,monospace}.prompt-edit-wrapper[data-v-abb97a87]{position:relative}.prompt-textarea[data-v-abb97a87]{width:100%;padding:15px;background:#0009;border:2px solid rgba(0,255,255,.3);border-radius:10px;color:#fff;font-size:16px;line-height:1.6;resize:vertical;transition:all .3s ease;font-family:Courier New,monospace;min-height:200px;max-height:400px}.prompt-textarea[data-v-abb97a87]:focus{outline:none;border-color:#0ff;box-shadow:0 0 20px #0ff6;background:#000c}.prompt-textarea[data-v-abb97a87]::placeholder{color:#fff6}.prompt-edit-hint[data-v-abb97a87]{display:flex;align-items:center;gap:8px;margin-top:10px;color:#ffffffb3;font-size:14px}.prompt-edit-hint .hint-icon[data-v-abb97a87]{font-size:16px}.mission-actions[data-v-abb97a87]{display:flex;gap:15px;justify-content:center;margin-top:30px}.back-to-solution-btn[data-v-abb97a87],.go-to-editor-btn[data-v-abb97a87]{padding:12px 25px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-to-solution-btn[data-v-abb97a87]{background:linear-gradient(135deg,#ffffff1a,#fff3);color:#fff;border:2px solid rgba(255,255,255,.3)}.back-to-solution-btn[data-v-abb97a87]:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.go-to-editor-btn[data-v-abb97a87]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;border:2px solid transparent}.go-to-editor-btn[data-v-abb97a87]:hover:not(:disabled){background:linear-gradient(135deg,#0fa,#0ff);transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #00ff8880,0 5px 15px #00ffff80}.go-to-editor-btn[data-v-abb97a87]:disabled{background:linear-gradient(135deg,#444,#666);color:#ffffff4d;cursor:not-allowed;opacity:.5}.btn-icon[data-v-abb97a87]{font-size:20px}@media (max-width: 768px){.main-content[data-v-abb97a87]{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.stages-board[data-v-abb97a87]{width:100%;height:auto;max-height:300px;order:2}.chat-section[data-v-abb97a87]{order:1;min-height:500px}.chat-messages[data-v-abb97a87]{height:300px;flex:none}.options-grid[data-v-abb97a87]{grid-template-columns:1fr}.pbl-header[data-v-abb97a87]{flex-direction:column;gap:15px;align-items:stretch}.project-title[data-v-abb97a87]{font-size:1.3rem;text-align:center}.back-btn[data-v-abb97a87]{order:-1}}.level-selection-container[data-v-7fa76d79]{min-height:100vh;padding:20px;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-7fa76d79]{position:fixed;top:0;left:0;width:120%;height:120%;background:url(/assets/bg2.png) repeat;background-size:100vw 100vh;z-index:-1;animation:backgroundMove-7fa76d79 30s linear infinite}@keyframes backgroundMove-7fa76d79{0%{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(-40px) translateY(-20px)}75%{transform:translate(-20px) translateY(-30px)}to{transform:translate(0) translateY(-40px)}}.stars[data-v-7fa76d79]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-7fa76d79]:before,.stars[data-v-7fa76d79]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff,700px 100px #fff,800px 350px #fff,900px 250px #fff,150px 450px #fff,250px 550px #fff,350px 650px #fff;animation:twinkle-7fa76d79 3s infinite}@keyframes twinkle-7fa76d79{0%,to{opacity:.3}50%{opacity:1}}.meteors[data-v-7fa76d79]{position:absolute;width:100%;height:100%}.meteors[data-v-7fa76d79]:before,.meteors[data-v-7fa76d79]:after{content:"";position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,white,transparent);animation:meteor-7fa76d79 5s linear infinite}.meteors[data-v-7fa76d79]:after{animation-delay:2.5s;left:60%}@keyframes meteor-7fa76d79{0%{transform:translateY(-100vh) translate(0) rotate(45deg);opacity:1}to{transform:translateY(100vh) translate(300px) rotate(45deg);opacity:0}}.nebula[data-v-7fa76d79]{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent);border-radius:50%;filter:blur(40px);animation:float-7fa76d79 20s ease-in-out infinite}@keyframes float-7fa76d79{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(100px) translateY(-50px)}66%{transform:translate(-50px) translateY(50px)}}.page-header[data-v-7fa76d79]{text-align:center;animation:fadeInDown-7fa76d79 .8s ease}@keyframes fadeInDown-7fa76d79{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.main-title[data-v-7fa76d79]{font-size:3rem;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.5);margin-bottom:10px}.subtitle[data-v-7fa76d79]{font-size:1.2rem;color:#fffc}.user-status[data-v-7fa76d79]{margin-top:20px;animation:fadeInUp-7fa76d79 .8s ease}.user-info[data-v-7fa76d79]{display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:15px;margin:0 auto;max-width:400px}.user-name[data-v-7fa76d79]{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-count[data-v-7fa76d79]{font-size:1rem;color:#ffffffe6;background:#0ff3;padding:5px 15px;border-radius:15px;border:1px solid rgba(0,255,255,.3)}.loading-status[data-v-7fa76d79]{margin-top:20px;text-align:center;animation:fadeIn-7fa76d79 .5s ease}.loading-spinner[data-v-7fa76d79]{width:40px;height:40px;border:3px solid rgba(0,255,255,.3);border-radius:50%;border-top-color:#0ff;animation:spin-7fa76d79 1s ease-in-out infinite;margin:0 auto 15px}@keyframes spin-7fa76d79{to{transform:rotate(360deg)}}@keyframes fadeIn-7fa76d79{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-7fa76d79{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-status p[data-v-7fa76d79]{color:#fffc;font-size:1.1rem}.level-carousel[data-v-7fa76d79]{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px auto;max-width:900px;position:relative}.carousel-container[data-v-7fa76d79]{width:600px;height:600px;overflow:hidden;border-radius:30px;position:relative}.carousel-track[data-v-7fa76d79]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%}.nav-btn[data-v-7fa76d79]{width:60px;height:60px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,255,.5);color:#0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-btn[data-v-7fa76d79]:hover:not(:disabled){background:#0ff3;border-color:#0ff;transform:scale(1.1)}.nav-btn[data-v-7fa76d79]:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg[data-v-7fa76d79]{width:30px;height:30px;stroke-width:2}.level-card[data-v-7fa76d79]{min-width:600px;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(0,255,255,.3);border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.level-card.active[data-v-7fa76d79]{border-color:#0ff9;box-shadow:0 0 50px #00ffff4d}.level-card.locked[data-v-7fa76d79]{background:#141428d9;border-color:#9696c866;box-shadow:0 0 30px #64649633}.level-card.locked .level-info[data-v-7fa76d79]{opacity:.75}.lock-icon-separate[data-v-7fa76d79]{position:absolute;top:20px;right:20px;z-index:1;background:#000000b3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,150,150,.5);animation:lockPulse-7fa76d79 2s ease-in-out infinite}@keyframes lockPulse-7fa76d79{0%,to{transform:scale(1);box-shadow:0 0 10px #ff96964d}50%{transform:scale(1.05);box-shadow:0 0 20px #ff969680}}.lock-icon[data-v-7fa76d79]{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(255,150,150,.5))}.unlock-hint[data-v-7fa76d79]{background:linear-gradient(135deg,#ff966426,#ff649626);border:1px solid rgba(255,150,150,.4);border-radius:10px;padding:10px 20px;margin:15px 0;animation:glowPulse-7fa76d79 2s ease-in-out infinite}@keyframes glowPulse-7fa76d79{0%,to{box-shadow:0 0 10px #ff969633}50%{box-shadow:0 0 20px #ff969666}}.unlock-text[data-v-7fa76d79]{color:#ffdcc8f2;font-size:.9rem;margin:0;font-weight:500}.gem-container[data-v-7fa76d79]{position:relative;width:200px;height:200px;margin:0 auto 30px;z-index:10}.gem-image[data-v-7fa76d79]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px currentColor);animation:gemFloat-7fa76d79 3s ease-in-out infinite;transition:all .3s ease;position:relative;z-index:10}.locked-gem[data-v-7fa76d79]{animation:none}@keyframes gemFloat-7fa76d79{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.gem-glow[data-v-7fa76d79]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(0,255,255,.3),transparent);filter:blur(30px);animation:pulse-7fa76d79 2s ease-in-out infinite;pointer-events:none;z-index:9}@keyframes pulse-7fa76d79{0%,to{opacity:.5}50%{opacity:1}}.level-info[data-v-7fa76d79]{text-align:center;color:#fff}.level-name[data-v-7fa76d79]{font-size:1.8rem;margin-bottom:5px;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gem-name[data-v-7fa76d79]{font-size:1.2rem;color:#0ffc;margin-bottom:20px}.skill-section[data-v-7fa76d79]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:15px;margin-top:20px;transition:all .3s ease}.skill-section.locked-skill[data-v-7fa76d79]{background:#64649626;border-color:#9696c866}.enter-btn[data-v-7fa76d79]{margin:30px auto 0;padding:15px 30px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px #00ffff4d}.enter-btn[data-v-7fa76d79]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ffff80}.enter-btn .arrow[data-v-7fa76d79]{font-size:1.3rem;transition:transform .3s ease}.enter-btn:hover .arrow[data-v-7fa76d79]{transform:translate(5px)}.skill-title[data-v-7fa76d79]{font-size:1.1rem;color:#0ff;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.skill-icon[data-v-7fa76d79]{font-size:1.2rem}.skill-description[data-v-7fa76d79]{font-size:.9rem;color:#fffc;line-height:1.5;margin-bottom:10px}.skill-effect[data-v-7fa76d79]{background:linear-gradient(135deg,#64c8ff26,#ff64c826);border:1px solid rgba(100,200,255,.4);position:relative;padding:10px 14px;border-radius:12px;margin-top:12px;text-align:center;box-shadow:0 0 15px #64c8ff33,inset 0 0 10px #ffffff0d}.skill-effect[data-v-7fa76d79]:before{content:"⚡";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.7}.skill-effect[data-v-7fa76d79]:after{content:"⚡";position:absolute;right:10px;top:50%;transform:translateY(-50%) scaleX(-1);font-size:1rem;opacity:.7}.effect-label[data-v-7fa76d79]{color:#ff0;font-weight:700;margin-right:8px;text-shadow:0 0 10px rgba(255,255,0,.8),0 0 20px rgba(255,255,0,.4);font-size:.95rem;letter-spacing:1px}.effect-text[data-v-7fa76d79]{color:#fffffff2;font-size:.9rem;font-weight:500;line-height:1.4;display:block;padding:0 20px}.current-badge[data-v-7fa76d79]{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#0f0,#0f8);color:#000;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;animation:shimmer-7fa76d79 2s ease-in-out infinite}@keyframes shimmer-7fa76d79{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c}}.level-indicators[data-v-7fa76d79]{display:flex;justify-content:center;gap:10px;margin-top:30px}.indicator[data-v-7fa76d79]{width:12px;height:12px;border-radius:50%;background:#64646480;border:2px solid rgba(100,100,100,.5);cursor:pointer;transition:all .3s ease}.indicator.unlocked[data-v-7fa76d79]{background:#00ffff4d;border-color:#00ffff80}.indicator.active[data-v-7fa76d79]{background:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.3)}.close-btn[data-v-7fa76d79]{position:absolute;top:15px;right:15px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff9;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-btn[data-v-7fa76d79]:hover{background:#fff3;border-color:#fff6;color:#ffffffe6;transform:rotate(90deg)}@media (max-height: 700px){.level-selection-container[data-v-7fa76d79]{padding:10px}.main-title[data-v-7fa76d79]{font-size:2rem;margin-bottom:5px}.level-carousel[data-v-7fa76d79]{margin:20px auto;gap:20px}.carousel-container[data-v-7fa76d79]{width:min(500px,80vw);height:400px}.level-card[data-v-7fa76d79]{min-width:min(500px,80vw);padding:20px}.gem-container[data-v-7fa76d79]{width:120px;height:120px;margin:0 auto 15px}.level-name[data-v-7fa76d79]{font-size:1.4rem}.gem-name[data-v-7fa76d79]{font-size:1rem;margin-bottom:10px}.skill-section[data-v-7fa76d79]{padding:10px;margin-top:10px}.skill-title[data-v-7fa76d79]{font-size:.95rem}.skill-description[data-v-7fa76d79]{font-size:.85rem}.enter-btn[data-v-7fa76d79]{margin:15px auto 0;padding:10px 20px;font-size:.95rem}.level-indicators[data-v-7fa76d79]{margin-top:15px}}@media (max-height: 500px){.carousel-container[data-v-7fa76d79]{height:320px}.level-card[data-v-7fa76d79]{padding:15px}.gem-container[data-v-7fa76d79]{width:80px;height:80px;margin:0 auto 10px}.level-name[data-v-7fa76d79]{font-size:1.2rem;margin-bottom:3px}.gem-name[data-v-7fa76d79]{font-size:.9rem;margin-bottom:8px}.skill-section[data-v-7fa76d79]{padding:8px;margin-top:8px}.skill-title[data-v-7fa76d79]{font-size:.9rem;margin-bottom:5px}.skill-description[data-v-7fa76d79]{font-size:.8rem;line-height:1.3;margin-bottom:5px}.skill-effect[data-v-7fa76d79]{padding:6px 10px;margin-top:8px}.effect-text[data-v-7fa76d79]{font-size:.8rem}.enter-btn[data-v-7fa76d79]{margin:10px auto 0;padding:8px 16px;font-size:.9rem}.unlock-hint[data-v-7fa76d79]{padding:6px 12px;margin:8px 0}.unlock-text[data-v-7fa76d79]{font-size:.85rem}.nav-btn[data-v-7fa76d79]{width:40px;height:40px}.nav-btn svg[data-v-7fa76d79]{width:18px;height:18px}}@media (max-width: 768px){.main-title[data-v-7fa76d79]{font-size:1.8rem}.level-carousel[data-v-7fa76d79]{gap:15px}.carousel-container[data-v-7fa76d79]{width:85vw;height:min(70vh,500px)}.level-card[data-v-7fa76d79]{min-width:85vw;padding:30px 20px}.gem-container[data-v-7fa76d79]{width:150px;height:150px}.nav-btn[data-v-7fa76d79]{width:45px;height:45px}.nav-btn svg[data-v-7fa76d79]{width:20px;height:20px}.skill-section[data-v-7fa76d79]{padding:10px}.enter-btn[data-v-7fa76d79]{padding:12px 20px;font-size:1rem}.close-btn[data-v-7fa76d79]{width:28px;height:28px;font-size:20px;top:10px;right:10px}}@media (max-width: 768px) and (max-height: 700px){.carousel-container[data-v-7fa76d79]{width:85vw;height:350px}.level-card[data-v-7fa76d79]{min-width:85vw;padding:15px}.gem-container[data-v-7fa76d79]{width:100px;height:100px}}.mentor-selection-container[data-v-3298388a]{min-height:100vh;position:relative;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:20px}.animated-background[data-v-3298388a]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image[data-v-3298388a]{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:url(/assets/bg4.png) no-repeat center center;background-size:cover;animation:bgFloat-3298388a 30s ease-in-out infinite}@keyframes bgFloat-3298388a{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,-1%) scale(1.02)}50%{transform:translate(1%,-2%) scale(1.03)}75%{transform:translate(-1%,1%) scale(1.02)}}.stars[data-v-3298388a]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-3298388a]:before,.stars[data-v-3298388a]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff;animation:twinkle-3298388a 3s infinite}@keyframes twinkle-3298388a{0%,to{opacity:.3}50%{opacity:1}}.page-title[data-v-3298388a]{position:fixed;top:30px;left:50%;transform:translate(-50%);text-align:center;z-index:1000;animation:titleFadeIn-3298388a 1s ease;pointer-events:none}@keyframes titleFadeIn-3298388a{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.main-title[data-v-3298388a]{font-size:3rem;background:linear-gradient(135deg,#16ff31,#16ebd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(4,185,185,.5);margin-bottom:10px}.title-text[data-v-3298388a]{display:inline-block;background:linear-gradient(135deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#0ff;animation:titleGlow-3298388a 3s ease-in-out infinite}@keyframes titleGlow-3298388a{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(0,255,255,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,0,255,.7))}}.subtitle[data-v-3298388a]{font-size:1.1rem;color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.3)}.mentor-selection[data-v-3298388a]{width:100%;max-width:900px;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.3);border-radius:30px;padding:40px;box-shadow:0 0 50px #00ffff4d;position:relative;z-index:3}.modal-header[data-v-3298388a]{text-align:center;margin-bottom:30px}.modal-header h2[data-v-3298388a]{font-size:2rem;color:#0ff;margin-bottom:10px;text-shadow:0 0 20px rgba(0,255,255,.5)}.modal-header p[data-v-3298388a]{color:#fffc;font-size:1rem}.mentor-carousel[data-v-3298388a]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.nav-btn[data-v-3298388a]{background:#00ffff1a;border:2px solid rgba(0,255,255,.5);color:#0ff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.nav-btn[data-v-3298388a]:hover:not(:disabled){background:#00ffff4d;transform:scale(1.1);box-shadow:0 0 20px #00ffff80}.nav-btn[data-v-3298388a]:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg[data-v-3298388a]{width:24px;height:24px;stroke-width:2}.mentor-container[data-v-3298388a]{flex:1;overflow:hidden;border-radius:20px}.mentor-cards-wrapper[data-v-3298388a]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.mentor-card[data-v-3298388a]{min-width:100%;padding:30px;position:relative;cursor:pointer;transition:all .3s ease}.mentor-card.active[data-v-3298388a]{transform:scale(1.02)}.mentor-background[data-v-3298388a]{position:absolute;inset:0;border-radius:20px;opacity:.2;transition:opacity .3s ease}.mentor-card:hover .mentor-background[data-v-3298388a]{opacity:.3}.mentor-content[data-v-3298388a]{position:relative;display:flex;gap:30px;align-items:center}.mentor-avatar[data-v-3298388a]{position:relative;width:180px;height:180px;flex-shrink:0}.avatar-ring[data-v-3298388a]{position:absolute;inset:-10px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);border-radius:50%;animation:rotateRing-3298388a 3s linear infinite;filter:blur(5px);opacity:.7}@keyframes rotateRing-3298388a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mentor-image[data-v-3298388a]{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:3px solid rgba(0,0,0,.5)}.specialty-badge[data-v-3298388a]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;z-index:3;box-shadow:0 3px 10px #0000004d}.mentor-info[data-v-3298388a]{flex:1;color:#fff}.mentor-info h3[data-v-3298388a]{font-size:1.8rem;margin-bottom:5px;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.5)}.mentor-title[data-v-3298388a]{font-size:1rem;color:#ffffffb3;margin-bottom:15px}.mentor-description[data-v-3298388a]{font-size:1rem;line-height:1.5;margin-bottom:20px;color:#ffffffe6}.mentor-quote[data-v-3298388a]{font-style:italic;font-size:1.1rem;color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.3);position:relative;padding:10px 0}.quote-mark[data-v-3298388a]{font-size:1.5rem;color:#ffff0080}.sparkles[data-v-3298388a]{position:absolute;inset:0;pointer-events:none}.sparkle[data-v-3298388a]{position:absolute;font-size:1.2rem;animation:sparkleFloat-3298388a 3s ease-in-out infinite}.sparkle-1[data-v-3298388a]{top:10%;left:10%;animation-delay:0s}.sparkle-2[data-v-3298388a]{top:20%;right:15%;animation-delay:.5s}.sparkle-3[data-v-3298388a]{bottom:20%;left:20%;animation-delay:1s}.sparkle-4[data-v-3298388a]{bottom:10%;right:10%;animation-delay:1.5s}@keyframes sparkleFloat-3298388a{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.mentor-indicators[data-v-3298388a]{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.indicator[data-v-3298388a]{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-3298388a]{background:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.3)}.mentor-actions[data-v-3298388a]{display:flex;justify-content:space-between;gap:20px}.back-button[data-v-3298388a]{position:fixed;bottom:30px;left:30px;background:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:auto}.back-button[data-v-3298388a]:hover{background:#0ff3;border-color:#0ff9;transform:translate(-5px)}.confirm-btn[data-v-3298388a]{flex:1;max-width:400px;margin:0 auto;padding:15px 40px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px #00ffff4d}.confirm-btn[data-v-3298388a]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff80}.btn-sparkle[data-v-3298388a]{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:1.2rem;animation:rotateStar-3298388a 2s linear infinite}@keyframes rotateStar-3298388a{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 768px){.page-title[data-v-3298388a]{top:20px}.main-title[data-v-3298388a]{font-size:2rem}.subtitle[data-v-3298388a]{font-size:.9rem;padding:0 20px}.mentor-selection[data-v-3298388a]{padding:20px;max-width:95vw}.modal-header h2[data-v-3298388a]{font-size:1.5rem}.mentor-content[data-v-3298388a]{flex-direction:column;text-align:center}.mentor-avatar[data-v-3298388a]{width:120px;height:120px}.mentor-info h3[data-v-3298388a]{font-size:1.3rem}.mentor-actions[data-v-3298388a]{flex-direction:column}.back-button[data-v-3298388a]{bottom:20px;left:20px;padding:10px 20px;font-size:.9rem}.confirm-btn[data-v-3298388a]{max-width:100%}}@media (max-height: 700px){.mentor-selection-container[data-v-3298388a]{padding:10px;flex-direction:column;justify-content:center}.page-title[data-v-3298388a]{position:relative;top:auto;left:auto;transform:none;margin-bottom:15px;z-index:10}.main-title[data-v-3298388a]{font-size:1.8rem;margin-bottom:5px}.subtitle[data-v-3298388a]{font-size:.85rem;margin-bottom:10px}.mentor-selection[data-v-3298388a]{padding:20px;margin-top:10px}.mentor-carousel[data-v-3298388a]{margin-bottom:15px}.mentor-card[data-v-3298388a]{padding:15px}.mentor-content[data-v-3298388a]{gap:15px}.mentor-avatar[data-v-3298388a]{width:100px;height:100px}.mentor-info h3[data-v-3298388a]{font-size:1.2rem}.mentor-title[data-v-3298388a]{font-size:.9rem;margin-bottom:8px}.mentor-description[data-v-3298388a]{font-size:.85rem;margin-bottom:10px;line-height:1.3}.mentor-quote[data-v-3298388a]{font-size:.9rem;padding:5px 0}.mentor-indicators[data-v-3298388a]{margin-bottom:15px}.confirm-btn[data-v-3298388a]{padding:10px 30px;font-size:.95rem}.back-button[data-v-3298388a]{position:relative;bottom:auto;left:auto;margin-top:15px;text-align:center}.nav-btn[data-v-3298388a]{width:40px;height:40px}.specialty-badge[data-v-3298388a]{font-size:.7rem;padding:3px 10px}}@media (max-height: 500px){.mentor-selection-container[data-v-3298388a]{justify-content:center;padding-top:10px}.page-title[data-v-3298388a]{margin-bottom:10px}.main-title[data-v-3298388a]{font-size:1.5rem}.subtitle[data-v-3298388a]{font-size:.8rem}.mentor-selection[data-v-3298388a]{padding:15px}.mentor-avatar[data-v-3298388a]{width:80px;height:80px}.mentor-info h3[data-v-3298388a]{font-size:1rem}.mentor-title[data-v-3298388a]{font-size:.8rem}.mentor-description[data-v-3298388a]{font-size:.8rem;margin-bottom:8px}.mentor-quote[data-v-3298388a]{font-size:.85rem}.confirm-btn[data-v-3298388a]{padding:8px 20px;font-size:.9rem}.sparkles[data-v-3298388a]{display:none}}@media (max-width: 768px) and (max-height: 700px){.mentor-content[data-v-3298388a]{flex-direction:row;align-items:center}.mentor-avatar[data-v-3298388a]{width:80px;height:80px}.mentor-info[data-v-3298388a]{text-align:left}}.profile-container[data-v-f5037efd]{min-height:100vh;background:url(/assets/bg1.png) no-repeat center center;background-size:cover;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-f5037efd]{position:absolute;inset:0;z-index:0}.stars[data-v-f5037efd]{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="100" cy="100" r="1" fill="white" opacity="0.8"/><circle cx="300" cy="200" r="1" fill="white" opacity="0.6"/><circle cx="600" cy="150" r="1" fill="white" opacity="0.9"/><circle cx="800" cy="300" r="1" fill="white" opacity="0.7"/></svg>') repeat;background-size:1000px 1000px;position:absolute;inset:0}.twinkling[data-v-f5037efd]{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><circle cx="200" cy="300" r="2" fill="cyan" opacity="0.3"><animate attributeName="opacity" values="0.3;1;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="800" cy="200" r="2" fill="yellow" opacity="0.4"><animate attributeName="opacity" values="0.4;1;0.4" dur="4s" repeatCount="indefinite"/></circle></svg>') repeat;background-size:2000px 2000px;animation:move-twink-back-f5037efd 200s linear infinite;position:absolute;inset:0}@keyframes move-twink-back-f5037efd{0%{background-position:0 0}to{background-position:-2000px -2000px}}.back-button[data-v-f5037efd]{position:absolute;top:30px;left:30px;z-index:100;padding:12px 25px;background:transparent;border:2px solid #00ffff;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;text-transform:uppercase;letter-spacing:1px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.back-button[data-v-f5037efd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.back-button[data-v-f5037efd]:hover:before{left:100%}.back-button[data-v-f5037efd]:after{content:"";position:absolute;inset:2px;background:#000000b3;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:-1}.back-button[data-v-f5037efd]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d;border-color:#0f8;color:#0f8}.back-button svg[data-v-f5037efd]{width:20px;height:20px;position:relative;z-index:2}.profile-card[data-v-f5037efd]{position:relative;z-index:1;width:100%;max-width:600px;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,255,255,.3);padding:40px;box-shadow:0 20px 60px #00000080}.avatar-section[data-v-f5037efd]{display:flex;justify-content:center;margin-bottom:30px}.avatar-container[data-v-f5037efd]{position:relative}.avatar-wrapper[data-v-f5037efd]{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;border:3px solid #00ffff;box-shadow:0 0 30px #00ffff80}.avatar-glow[data-v-f5037efd]{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(0,255,255,.4) 0%,transparent 70%);animation:pulse-f5037efd 2s ease-in-out infinite}@keyframes pulse-f5037efd{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.user-avatar[data-v-f5037efd]{width:100%;height:100%;object-fit:cover}.default-avatar[data-v-f5037efd]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;font-weight:700}.level-badge[data-v-f5037efd]{position:absolute;bottom:-20px;right:-0px;background:#000000e6;border:2px solid var(--111b291a);border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:5px;box-shadow:0 0 20px #0ff6}.level-gem[data-v-f5037efd]{width:20px;height:20px;object-fit:contain}.level-badge span[data-v-f5037efd]{color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.user-info[data-v-f5037efd]{text-align:center}.user-name[data-v-f5037efd]{color:#0ff;font-size:2rem;margin:0 0 10px;text-shadow:0 0 20px rgba(0,255,255,.5)}.user-email[data-v-f5037efd]{color:#fff9;font-size:1rem;margin-bottom:30px}.stats-grid[data-v-f5037efd]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-item[data-v-f5037efd]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:15px;transition:all .3s}.stat-item[data-v-f5037efd]:hover{background:#00ffff26;transform:translateY(-2px);box-shadow:0 5px 20px #0ff3}.stat-value[data-v-f5037efd]{color:#0ff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat-label[data-v-f5037efd]{color:#fff9;font-size:.85rem}.progress-section[data-v-f5037efd]{margin-bottom:30px}.progress-header[data-v-f5037efd]{display:flex;justify-content:space-between;color:#fffc;font-size:.9rem;margin-bottom:10px}.progress-bar[data-v-f5037efd]{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;position:relative}.progress-fill[data-v-f5037efd]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:5px;transition:width .5s ease;box-shadow:0 0 10px #00ffff80}.info-section[data-v-f5037efd]{background:#ffffff0d;border-radius:10px;padding:20px;margin-bottom:30px}.info-item[data-v-f5037efd]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item[data-v-f5037efd]:last-child{border-bottom:none}.info-label[data-v-f5037efd]{color:#fff9;font-size:.9rem}.info-value[data-v-f5037efd]{color:#ffffffe6;font-size:.9rem;font-weight:500}.action-buttons[data-v-f5037efd]{display:flex;justify-content:center;margin-top:30px}.logout-btn[data-v-f5037efd]{position:relative;padding:14px 40px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#f44;border:2px solid #ff4444;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:10px}.logout-btn[data-v-f5037efd]>*{position:relative;z-index:2}.logout-btn[data-v-f5037efd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,68,68,.3),transparent);transition:left .5s}.logout-btn[data-v-f5037efd]:hover:before{left:100%}.logout-btn[data-v-f5037efd]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#280000f2,#281414f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.logout-btn[data-v-f5037efd]:hover{transform:translateY(-3px) scale(1.02);color:#f66;border-color:#f66;box-shadow:0 10px 30px #ff44444d}.logout-icon[data-v-f5037efd]{font-size:1.2rem;position:relative;z-index:3}.logout-text[data-v-f5037efd]{position:relative;z-index:3;font-weight:700;text-shadow:0 0 5px rgba(255,68,68,.6),0 0 10px rgba(255,68,68,.4)}@media (max-height: 700px){.profile-container[data-v-f5037efd]{padding:10px}.profile-card[data-v-f5037efd]{max-width:500px;padding:20px}.back-button[data-v-f5037efd]{top:15px;left:15px;padding:8px 15px;font-size:.85rem}.avatar-wrapper[data-v-f5037efd]{width:80px;height:80px}.default-avatar[data-v-f5037efd]{font-size:2rem}.level-badge[data-v-f5037efd]{padding:3px 8px;bottom:-15px}.level-gem[data-v-f5037efd]{width:16px;height:16px}.level-badge span[data-v-f5037efd]{font-size:.7rem}.user-name[data-v-f5037efd]{font-size:1.4rem;margin-bottom:8px}.stats-grid[data-v-f5037efd]{margin-bottom:20px;gap:15px}.stat-item[data-v-f5037efd]{padding:10px}.stat-value[data-v-f5037efd]{font-size:1.2rem}.stat-label[data-v-f5037efd]{font-size:.75rem}.progress-section[data-v-f5037efd]{margin-bottom:20px}.progress-header[data-v-f5037efd]{font-size:.8rem;margin-bottom:5px}.progress-bar[data-v-f5037efd]{height:8px}.info-section[data-v-f5037efd]{padding:15px;margin-bottom:20px}.info-item[data-v-f5037efd]{padding:8px 0}.info-label[data-v-f5037efd],.info-value[data-v-f5037efd]{font-size:.8rem}.action-buttons[data-v-f5037efd]{margin-top:20px}.logout-btn[data-v-f5037efd]{padding:10px 25px;font-size:.95rem}}@media (max-height: 500px){.profile-card[data-v-f5037efd]{padding:15px}.avatar-section[data-v-f5037efd]{margin-bottom:15px}.avatar-wrapper[data-v-f5037efd]{width:60px;height:60px}.default-avatar[data-v-f5037efd]{font-size:1.5rem}.user-name[data-v-f5037efd]{font-size:1.2rem;margin-bottom:5px}.stats-grid[data-v-f5037efd]{grid-template-columns:repeat(3,1fr);margin-bottom:15px;gap:10px}.stat-item[data-v-f5037efd]{padding:8px}.stat-value[data-v-f5037efd]{font-size:1rem;margin-bottom:3px}.stat-label[data-v-f5037efd]{font-size:.65rem}.progress-section[data-v-f5037efd]{margin-bottom:15px}.progress-bar[data-v-f5037efd]{height:6px}.info-section[data-v-f5037efd]{padding:10px;margin-bottom:15px}.info-item[data-v-f5037efd]{padding:5px 0}.info-label[data-v-f5037efd],.info-value[data-v-f5037efd]{font-size:.75rem}.logout-btn[data-v-f5037efd]{padding:8px 20px;font-size:.85rem;letter-spacing:1px}.logout-icon[data-v-f5037efd]{font-size:1rem}.back-button[data-v-f5037efd]{top:10px;left:10px;padding:6px 12px;font-size:.75rem}.back-button svg[data-v-f5037efd]{width:16px;height:16px}}@media (max-width: 768px){.profile-card[data-v-f5037efd]{padding:30px 20px}.stats-grid[data-v-f5037efd]{grid-template-columns:1fr}.logout-btn[data-v-f5037efd]{width:100%}}@media (max-width: 768px) and (max-height: 700px){.stats-grid[data-v-f5037efd]{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item[data-v-f5037efd]{padding:8px}.stat-value[data-v-f5037efd]{font-size:1rem}.stat-label[data-v-f5037efd]{font-size:.7rem}.user-name[data-v-f5037efd]{font-size:1.3rem}.avatar-wrapper[data-v-f5037efd]{width:70px;height:70px}}.current-level-container[data-v-6cbb9777]{min-height:100vh;background:url(/assets/bg2.png) no-repeat center center;background-size:cover;background-attachment:fixed;padding:20px;position:relative;overflow-y:auto;display:flex;align-items:center;justify-content:center}.animated-background[data-v-6cbb9777]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.stars[data-v-6cbb9777]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-6cbb9777]:before,.stars[data-v-6cbb9777]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff;animation:twinkle-6cbb9777 3s infinite}@keyframes twinkle-6cbb9777{0%,to{opacity:.3}50%{opacity:1}}.meteors[data-v-6cbb9777]:before{content:"";position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,white,transparent);animation:meteor-6cbb9777 5s linear infinite}@keyframes meteor-6cbb9777{0%{transform:translateY(-100vh) translate(0) rotate(45deg);opacity:1}to{transform:translateY(100vh) translate(300px) rotate(45deg);opacity:0}}.nebula[data-v-6cbb9777]{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent);border-radius:50%;filter:blur(40px);animation:float-6cbb9777 20s ease-in-out infinite}@keyframes float-6cbb9777{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(100px) translateY(-50px)}66%{transform:translate(-50px) translateY(50px)}}.back-button[data-v-6cbb9777]{position:fixed;top:30px;left:30px;z-index:100;padding:12px 25px;background:transparent;border:2px solid #00ffff;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;text-transform:uppercase;letter-spacing:1px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.back-button[data-v-6cbb9777]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d;border-color:#0f8;color:#0f8}.back-button svg[data-v-6cbb9777]{width:20px;height:20px}.main-content[data-v-6cbb9777]{width:100%;max-width:1000px;height:calc(100vh - 100px);display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.level-main-card[data-v-6cbb9777]{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:30px;overflow:hidden;position:relative;flex:1}.level-main-card[data-v-6cbb9777]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);animation:cardScan-6cbb9777 4s linear infinite}@keyframes cardScan-6cbb9777{0%{left:-100%}to{left:100%}}.level-details[data-v-6cbb9777]{display:grid;grid-template-columns:1fr 1fr;gap:30px;height:100%}.details-left[data-v-6cbb9777]{display:flex;flex-direction:column;gap:20px}.details-right[data-v-6cbb9777]{display:flex;flex-direction:column}.level-header[data-v-6cbb9777]{text-align:center}.level-name[data-v-6cbb9777]{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.3)}.gem-name[data-v-6cbb9777]{font-size:1.4rem;color:#0ffc;margin:0}.progress-section[data-v-6cbb9777]{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:15px}.progress-header[data-v-6cbb9777]{display:flex;justify-content:space-between;margin-bottom:8px;color:#ffffffe6;font-size:.9rem}.progress-count[data-v-6cbb9777]{color:#0ff;font-weight:700}.progress-bar[data-v-6cbb9777]{height:14px;background:#ffffff1a;border-radius:7px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.3)}.progress-fill[data-v-6cbb9777]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:8px;transition:width .5s ease;position:relative}.progress-glow[data-v-6cbb9777]{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine-6cbb9777 2s linear infinite}@keyframes progressShine-6cbb9777{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-hint[data-v-6cbb9777]{margin-top:10px;padding:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;text-align:center;font-size:.85rem}.progress-hint strong[data-v-6cbb9777]{color:#0ff}.max-level-message[data-v-6cbb9777]{margin-top:10px;padding:8px;background:linear-gradient(135deg,#ffd7001a,#ff64001a);border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold;text-align:center;font-weight:700;font-size:.85rem}.skill-showcase[data-v-6cbb9777]{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:25px;height:100%;display:flex;flex-direction:column}.skill-title[data-v-6cbb9777]{color:#f0f;margin:0 0 15px;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700}.skill-description[data-v-6cbb9777]{color:#ffffffe6;line-height:1.6;margin-bottom:20px;font-size:1rem;flex:1}.skill-effect[data-v-6cbb9777]{background:linear-gradient(135deg,#ff00ff1a,#8a2be21a);padding:15px;border-radius:10px;border-left:4px solid #ff00ff;position:relative;overflow:hidden}.skill-effect[data-v-6cbb9777]:before{content:"✨";position:absolute;top:10px;right:10px;font-size:1.5rem;opacity:.3}.effect-text[data-v-6cbb9777]{color:#fffffff2;font-style:italic;font-size:1rem;font-weight:500}.stats-grid[data-v-6cbb9777]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card[data-v-6cbb9777]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:10px;text-align:center;transition:all .3s}.stat-card[data-v-6cbb9777]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff3}.stat-value[data-v-6cbb9777]{font-size:1.4rem;color:#0ff;font-weight:700}.stat-label[data-v-6cbb9777]{color:#ffffffb3;font-size:.8rem;margin-top:2px}.level-roadmap[data-v-6cbb9777]{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.2);border-radius:20px;padding:15px 20px;position:relative}.roadmap-title[data-v-6cbb9777]{text-align:center;color:#0ff;margin-bottom:15px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.roadmap-track[data-v-6cbb9777]{display:flex;justify-content:space-between;align-items:center;position:relative;padding:15px 0;flex:1}.roadmap-node[data-v-6cbb9777]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.node-connector[data-v-6cbb9777]{position:absolute;top:35px;left:-50%;width:100%;height:2px;background:#fff3;z-index:0}.roadmap-node.completed .node-connector[data-v-6cbb9777]{background:linear-gradient(90deg,#0ff,#0f8);box-shadow:0 0 10px #00ffff80}.node-gem[data-v-6cbb9777]{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.3);padding:8px;background:#000c;position:relative;z-index:1;transition:all .3s}.roadmap-node.completed .node-gem[data-v-6cbb9777]{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.roadmap-node.current .node-gem[data-v-6cbb9777]{border-color:#0f8;box-shadow:0 0 30px #0f89;animation:currentPulse-6cbb9777 2s ease-in-out infinite}@keyframes currentPulse-6cbb9777{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.roadmap-node.locked .node-gem[data-v-6cbb9777]{opacity:.9;filter:grayscale(1)}.node-gem img[data-v-6cbb9777]{width:100%;height:100%;object-fit:contain}.node-info[data-v-6cbb9777]{text-align:center}.node-name[data-v-6cbb9777]{color:#ffffffe6;font-size:.9rem;font-weight:700}.node-requirement[data-v-6cbb9777]{color:#fff9;font-size:.8rem}.roadmap-node.completed .node-name[data-v-6cbb9777]{color:#0ff}.roadmap-node.current .node-name[data-v-6cbb9777]{color:#0f8}.action-buttons[data-v-6cbb9777]{display:flex;justify-content:center;gap:20px;margin-top:20px;position:relative;z-index:1}.action-btn[data-v-6cbb9777]{padding:12px 25px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid;background:transparent;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);position:relative;overflow:hidden}.action-btn[data-v-6cbb9777]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .5s}.action-btn[data-v-6cbb9777]:hover:before{left:100%}.action-btn.primary[data-v-6cbb9777]{border-color:#0ff;color:#0ff}.action-btn.primary[data-v-6cbb9777]:before{background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent)}.action-btn.primary[data-v-6cbb9777]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ffff4d;background:#00ffff1a}.action-btn.secondary[data-v-6cbb9777]{border-color:#0f8;color:#0f8}.action-btn.secondary[data-v-6cbb9777]:before{background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent)}.action-btn.secondary[data-v-6cbb9777]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ff884d;background:#00ff881a}.btn-icon[data-v-6cbb9777]{font-size:1.2rem}@media (max-width: 768px){.main-content[data-v-6cbb9777]{height:calc(100vh - 80px)}.level-main-card[data-v-6cbb9777]{padding:20px}.level-details[data-v-6cbb9777]{grid-template-columns:1fr;gap:20px}.level-name[data-v-6cbb9777]{font-size:1.8rem}.gem-name[data-v-6cbb9777]{font-size:1.1rem}.stats-grid[data-v-6cbb9777]{grid-template-columns:repeat(3,1fr)}.level-roadmap[data-v-6cbb9777]{padding:12px}.roadmap-title[data-v-6cbb9777]{font-size:1rem;margin-bottom:10px}.roadmap-track[data-v-6cbb9777]{overflow-x:auto;padding-bottom:10px}.node-gem[data-v-6cbb9777]{width:45px;height:45px}.node-name[data-v-6cbb9777]{font-size:.75rem}.node-requirement[data-v-6cbb9777]{font-size:.65rem}.action-buttons[data-v-6cbb9777]{flex-direction:row;margin-top:10px}.action-btn[data-v-6cbb9777]{flex:1;padding:10px 15px;font-size:.9rem}.skill-showcase[data-v-6cbb9777]{padding:15px}.skill-title[data-v-6cbb9777]{font-size:1rem}.skill-description[data-v-6cbb9777]{font-size:.9rem}.effect-text[data-v-6cbb9777]{font-size:.85rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5}#app{width:100%;height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{margin:0;padding:0;box-sizing:border-box}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease,filter .3s ease}button,a,input,textarea,select{transition:all .2s ease}.star,.orb,.meteor,.particle,[class*=animate-],[class*=animation-],.welcome-container{transition:none!important}.welcome-btn{transition:transform .1s ease,box-shadow .1s ease!important}*:before,*:after{transition:inherit}body:before,body:after{transition:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0e27;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/bg.png) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:-1;opacity:.5}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}#app{position:relative;z-index:1;min-height:100vh}