#roadmap-page{color:#fff;background:#050505;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.roadmap-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:420px;padding:40px;position:relative;overflow:hidden}.top-progress{background:#fff;width:25%;height:2px;animation:2s infinite loadingBar;position:absolute;top:0;left:0}.top-progress.done{width:100%;animation:none;box-shadow:0 0 12px #fff}@keyframes loadingBar{0%{width:10%}50%{width:60%}to{width:20%}}.ai-core{width:80px;height:80px;margin:auto auto 30px;position:relative}.ring{border:1px solid #fff3;border-radius:50%;position:absolute}.ring1{width:80px;height:80px;animation:6s linear infinite rotate}.ring2{width:60px;height:60px;animation:4s linear infinite rotateReverse;top:10px;left:10px}.ring3{width:40px;height:40px;animation:2s ease-in-out infinite pulse;top:20px;left:20px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotateReverse{to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.thinking-text h2{margin-bottom:8px;font-size:20px}.thinking-text p{color:#fff9;font-size:13px;line-height:1.5}.thinking-note{color:#fff6;margin-top:20px;font-size:12px}.skip-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:10px 20px;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.skip-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.enter-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:26px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .25s}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ffffff80}.success-icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto auto 20px;font-size:26px;display:flex;box-shadow:0 0 25px #ffffff80}.complete-state h2{margin-bottom:6px;font-size:22px}.complete-state p{color:#fff9;font-size:13px}.fallback{color:#fff9;font-size:14px}
