.skillup-module-scss-module__SXlGrW__nav-item.skillup-module-scss-module__SXlGrW__active{background:var(--teal);color:#fff}.skillup-module-scss-module__SXlGrW__nav-item:not(.skillup-module-scss-module__SXlGrW__active):hover{background:var(--cream-dark)}.skillup-module-scss-module__SXlGrW__sidebar-compact{width:220px;transition:width .3s}.skillup-module-scss-module__SXlGrW__sidebar-compact .skillup-module-scss-module__SXlGrW__nav-item{padding:12px 14px;font-size:14px}.skillup-module-scss-module__SXlGrW__sidebar-compact .skillup-module-scss-module__SXlGrW__nav-section-title{padding:0 14px;font-size:11px}.skillup-module-scss-module__SXlGrW__situation-card{border:2px solid var(--teal);cursor:pointer;transition:all .3s}.skillup-module-scss-module__SXlGrW__situation-card:hover{box-shadow:8px 8px 0 var(--teal);transform:translateY(-4px)}.skillup-module-scss-module__SXlGrW__category-pill.skillup-module-scss-module__SXlGrW__active{background:var(--teal);color:#fff;border-color:var(--teal)}.skillup-module-scss-module__SXlGrW__featured-card{cursor:pointer;transition:all .3s;position:relative}.skillup-module-scss-module__SXlGrW__featured-card:before{content:"";background:var(--teal);z-index:-1;border-radius:16px;transition:all .3s;position:absolute;inset:6px -6px -6px 6px}.skillup-module-scss-module__SXlGrW__featured-card:hover:before{inset:8px -8px -8px 8px}.skillup-module-scss-module__SXlGrW__btn-coral{background:var(--coral);color:#fff;transition:all .2s}.skillup-module-scss-module__SXlGrW__btn-coral:hover{background:var(--coral-dark);transform:translateY(-2px)}.skillup-module-scss-module__SXlGrW__how-it-works{background:var(--gold-bg);border:2px solid var(--gold)}
.init-progress-page{background:var(--teal);font-family:var(--font-body);color:#fff;z-index:99999;width:100%;min-height:100vh;position:fixed;inset:0;overflow:hidden}.init-progress-page .ambient-bg{pointer-events:none;position:fixed;inset:0;overflow:hidden}.init-progress-page .ambient-orb{filter:blur(120px);opacity:.3;border-radius:50%;position:absolute}.init-progress-page .orb-1{background:var(--coral);width:600px;height:600px;animation:20s ease-in-out infinite float1;top:-200px;left:-100px}.init-progress-page .orb-2{background:var(--gold);width:500px;height:500px;animation:25s ease-in-out infinite float2;bottom:-150px;right:-100px}.init-progress-page .orb-3{background:var(--cream);width:400px;height:400px;animation:18s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}.init-progress-page .init-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.init-progress-page .icon-wrapper{margin-bottom:32px;position:relative}.init-progress-page .icon-pulse{border:3px solid var(--cream);border-radius:50%;width:100px;height:100px;animation:2s ease-out infinite pulse;position:absolute}.init-progress-page .icon-pulse--delayed{animation-delay:.5s}.init-progress-page .icon-circle{background:var(--coral);border:4px solid var(--cream);width:100px;height:100px;box-shadow:0 0 60px #d9755280,6px 6px 0 var(--cream);opacity:0;border-radius:50%;justify-content:center;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards iconEntry;display:flex;transform:translateY(40px)scale(.8)}.init-progress-page .icon-circle .icon-emoji{font-size:2.5rem}.init-progress-page .init-title{font-family:var(--font-heading);color:var(--cream);text-align:center;opacity:0;font-size:2rem;font-weight:700;animation:.6s .3s forwards fadeInUp}.init-progress-page .init-subtitle{font-family:var(--font-body);color:#f5f0e6cc;text-align:center;opacity:0;margin-top:12px;font-size:1rem;animation:.6s .5s forwards fadeInUp}.init-progress-page .progress-section{opacity:0;width:100%;max-width:500px;margin-top:40px;animation:.6s .7s forwards fadeInUp}.init-progress-page .progress-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--cream);background:#f5f0e61a;border-radius:20px;padding:24px}.init-progress-page .progress-bar-wrapper{background:#f5f0e633;border-radius:6px;height:12px;position:relative;overflow:hidden}.init-progress-page .progress-bar-fill{background:linear-gradient(90deg,var(--coral),var(--gold));border-radius:6px;height:100%;transition:width .3s;position:relative}.init-progress-page .progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.init-progress-page .progress-bar-fill.completed:after{animation:none}.init-progress-page .progress-info{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.init-progress-page .progress-count{font-family:var(--font-heading);color:var(--cream);font-size:1.25rem;font-weight:700}.init-progress-page .progress-percent{color:#f5f0e6b3;font-size:.875rem}.init-progress-page .progress-message{border:2px solid var(--coral);color:var(--cream);text-align:center;background:#d9755233;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:.9rem;display:flex}.init-progress-page .progress-message .message-icon{animation:1s linear infinite spin}.init-progress-page .countdown-badge{background:var(--gold);color:var(--teal);text-align:center;border-radius:20px;margin-top:16px;padding:8px 16px;font-size:.875rem;font-weight:600;animation:1s ease-in-out infinite pulse-soft}.init-progress-page .actions-wrapper{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;animation:.6s .9s forwards fadeInUp;display:flex}.init-progress-page .btn-secondary{color:var(--cream);cursor:pointer;background:0 0;border:2px solid #f5f0e680;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.init-progress-page .btn-secondary:hover{border-color:var(--cream);background:#f5f0e61a}.init-progress-page .btn-refresh{border:2px solid var(--coral);color:var(--coral);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.init-progress-page .btn-refresh:hover{background:#d9755233}.init-progress-page .btn-refresh .refresh-icon{transition:transform .3s}.init-progress-page .btn-refresh:hover .refresh-icon{transform:rotate(180deg)}.init-progress-page .btn-primary{background:var(--coral);border:3px solid var(--cream);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--cream);border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.init-progress-page .btn-primary:hover:not(:disabled){box-shadow:6px 6px 0 var(--cream);background:var(--coral-dark);transform:translateY(-2px)}.init-progress-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.init-progress-page .btn-primary .arrow{transition:transform .3s}.init-progress-page .btn-primary:hover:not(:disabled) .arrow{transform:translate(4px)}.init-progress-page .loading-state{flex-direction:column;align-items:center;gap:24px;animation:.6s forwards fadeInUp;display:flex}.init-progress-page .loading-dots{gap:8px;display:flex}.init-progress-page .loading-dot{background:var(--cream);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite dotBounce}.init-progress-page .loading-dot:nth-child(2){animation-delay:.2s}.init-progress-page .loading-dot:nth-child(3){animation-delay:.4s}.init-progress-page .loading-text{color:#f5f0e6cc;font-size:1rem}.init-progress-page .error-state{text-align:center;animation:.6s forwards fadeInUp}.init-progress-page .error-icon{margin-bottom:16px;font-size:3rem}.init-progress-page .error-message{color:var(--cream);margin-bottom:24px;font-size:1rem}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-40px)scale(1.05)}}@keyframes float3{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(1.2)}}@keyframes iconEntry{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:640px){.init-progress-page .init-title{font-size:1.5rem}.init-progress-page .progress-section{padding:0 16px}.init-progress-page .progress-card{padding:20px}.init-progress-page .actions-wrapper{flex-direction:column;width:100%;padding:0 16px}.init-progress-page .actions-wrapper button{justify-content:center;width:100%}.init-progress-page .icon-circle,.init-progress-page .icon-pulse{width:80px;height:80px}.init-progress-page .icon-circle .icon-emoji{font-size:2rem}}