.modal-overlay[data-v-184f5092]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:9999}.modal-container[data-v-184f5092]{animation:modal-glow-184f5092 2s ease-in-out infinite;background:linear-gradient(145deg,#1c1c3a,#111822);border:2px solid #ff2d55;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #ff2d554d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}@keyframes modal-glow-184f5092{0%,to{box-shadow:0 20px 60px #00000080,0 0 40px #ff2d554d}50%{box-shadow:0 20px 60px #00000080,0 0 60px #ff2d5580}}.modal-header[data-v-184f5092]{border-bottom:1px solid rgba(255,45,85,.2);justify-content:space-between;padding:1.5rem 2rem}.modal-header[data-v-184f5092],.modal-title[data-v-184f5092]{align-items:center;display:flex}.modal-title[data-v-184f5092]{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.text-accent[data-v-184f5092]{color:#ff2d55}.modal-close[data-v-184f5092]{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:all .3s ease}.modal-close[data-v-184f5092]:hover{background:#ff2d551a;color:#ff2d55;transform:rotate(90deg)}.modal-body[data-v-184f5092]{flex:1;overflow-y:auto;padding:2rem}.modal-body[data-v-184f5092]::-webkit-scrollbar{width:8px}.modal-body[data-v-184f5092]::-webkit-scrollbar-track{background:#0003;border-radius:10px}.modal-body[data-v-184f5092]::-webkit-scrollbar-thumb{background:#ff2d55;border-radius:10px}.modal-body[data-v-184f5092]::-webkit-scrollbar-thumb:hover{background:#ff6b9d}.modules-list[data-v-184f5092]{display:flex;flex-direction:column;gap:1rem}.module-item[data-v-184f5092]{align-items:flex-start;background:#1c1c3a80;border:2px solid rgba(255,45,85,.2);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.module-item[data-v-184f5092]:hover{background:#ff2d551a;border-color:#ff2d55;transform:translate(5px)}.module-icon[data-v-184f5092]{align-items:center;background:#ff2d55;border-radius:50%;box-shadow:0 4px 12px #ff2d5566;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.module-content[data-v-184f5092]{flex:1}.module-title[data-v-184f5092]{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.module-description[data-v-184f5092]{color:#9ca3af;font-size:.9rem;line-height:1.5;margin:0}.module-number[data-v-184f5092]{align-items:center;background:#ff2d5533;border-radius:8px;color:#ff2d55;flex-shrink:0;font-weight:700;height:32px;width:32px}.modal-footer[data-v-184f5092],.module-number[data-v-184f5092]{display:flex;justify-content:center}.modal-footer[data-v-184f5092]{border-top:1px solid rgba(255,45,85,.2);padding:1.5rem 2rem}.cta-button[data-v-184f5092]{align-items:center;background:linear-gradient(45deg,#ff2d55,#ff6b9d);border:none;border-radius:12px;box-shadow:0 4px 15px #ff2d554d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.cta-button[data-v-184f5092]:hover{box-shadow:0 8px 25px #ff2d5566;transform:translateY(-2px)}.modal-enter-active[data-v-184f5092],.modal-leave-active[data-v-184f5092]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-184f5092],.modal-leave-active .modal-container[data-v-184f5092]{transition:transform .3s ease}.modal-enter-from[data-v-184f5092],.modal-leave-to[data-v-184f5092]{opacity:0}.modal-enter-from .modal-container[data-v-184f5092],.modal-leave-to .modal-container[data-v-184f5092]{transform:scale(.9) translateY(20px)}@media (max-width:768px){.modal-container[data-v-184f5092]{max-height:95vh}.modal-footer[data-v-184f5092],.modal-header[data-v-184f5092]{padding:1rem 1.5rem}.modal-body[data-v-184f5092]{padding:1.5rem}.modal-title[data-v-184f5092]{font-size:1.25rem}.module-item[data-v-184f5092]{padding:1rem}}.status-badge[data-v-5e2ede91]{align-items:center;border:2px solid;border-radius:50px;box-shadow:0 2px 8px #0000004d;display:inline-flex;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.status-completed[data-v-5e2ede91]{animation:status-glow-green-5e2ede91 2s ease-in-out infinite;background:linear-gradient(135deg,#00c851,#00a041)}.status-completed[data-v-5e2ede91],.status-inprogress[data-v-5e2ede91]{border-color:#fff3;color:#fff}.status-inprogress[data-v-5e2ede91]{animation:status-glow-orange-5e2ede91 2s ease-in-out infinite;background:linear-gradient(135deg,#f80,#fb3)}.status-roadmap[data-v-5e2ede91]{background:linear-gradient(135deg,#4a5568,#718096);border-color:#ffffff1a;color:#fff}.cta-button[data-v-5e2ede91]{align-items:center;background:linear-gradient(45deg,#ff2d55,#ff6b9d);border:none;border-radius:12px;box-shadow:0 4px 15px #ff2d554d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;transition:all .3s ease}.cta-button[data-v-5e2ede91]:hover{box-shadow:0 8px 25px #ff2d5566;transform:translateY(-2px)}.game-button[data-v-5e2ede91]{background:linear-gradient(135deg,var(--color-accent),#f56);border:3px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);box-shadow:0 4px 15px #ed1a3b80,inset 0 1px #fff3,inset 0 -1px #0000004d;color:var(--color-white);cursor:pointer;font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:1px;overflow:hidden;padding:.4rem 1rem;position:relative;text-transform:uppercase;transition:all .3s ease}.game-button[data-v-5e2ede91]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.game-button[data-v-5e2ede91]:hover:before{left:100%}.game-button[data-v-5e2ede91]:hover{box-shadow:0 8px 25px #ed1a3bb3,inset 0 1px #ffffff4d,inset 0 -1px #0006;transform:translateY(-3px)}.game-button[data-v-5e2ede91]:active{transform:translateY(-1px)}@keyframes status-glow-green-5e2ede91{0%,to{box-shadow:0 2px 8px #00c85166}50%{box-shadow:0 4px 16px #00c85199}}@keyframes status-glow-orange-5e2ede91{0%,to{box-shadow:0 2px 8px #f806}50%{box-shadow:0 4px 16px #f809}}
