:root{--log-purple:#6613d0;--log-orange:#ff6b00;--bg-white:#fff;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-900:#0f172a;--current-theme:#6613d0}.duimp-hub-wrapper{background-color:var(--bg-white);color:var(--slate-900);font-family:Poppins,sans-serif;margin:0 auto;max-width:1000px;padding:40px 10px}.timeline-box{margin-bottom:40px;position:relative}.timeline-nav-flex{align-items:center;display:flex;position:relative}.timeline-scroll-mask{flex:1;overflow-x:auto;padding-bottom:20px;padding-top:100px;scroll-behavior:smooth;scrollbar-width:none}.timeline-scroll-mask::-webkit-scrollbar{display:none}.timeline-track-inner{align-items:flex-start;display:flex;min-width:1020px;position:relative}.timeline-bar-bg{background-color:var(--slate-200);right:85px;z-index:0}.timeline-bar-bg,.timeline-bar-fill{height:4px;left:85px;position:absolute;top:14px}.timeline-bar-fill{background-color:var(--current-theme);transition:width .7s cubic-bezier(.4,0,.2,1),background-color .4s ease;width:0;z-index:1}.timeline-steps-render{align-items:flex-start;display:flex;width:100%;z-index:2}.flex-steps,.step-unit{display:flex;flex:1}.step-unit{align-items:center;background:none!important;border:none!important;cursor:pointer;flex-direction:column;min-width:170px;outline:none;padding:0;position:relative}.step-circle-inner{align-items:center;background-color:var(--slate-300);border:4px solid transparent;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px;z-index:5}.step-unit.active .step-circle-inner{background-color:#fff;border-color:var(--current-theme);box-shadow:0 10px 15px rgba(0,0,0,.1);transform:scale(1.25)}.step-date-label{color:var(--slate-400);font-size:14px;font-weight:900;letter-spacing:.05em;margin-top:55px;text-transform:uppercase;white-space:nowrap}.step-unit.active .step-date-label{color:var(--slate-900)}.completion-marker{position:relative;width:170px}.completion-marker,.marker-circle{display:flex;justify-content:center}.marker-circle{align-items:center;background-color:var(--slate-300);border:4px solid transparent;border-radius:50%;color:#fff;height:28px;transition:all .5s ease;width:28px}.completion-marker.is-orange .marker-circle{background-color:#fff;border-color:var(--log-orange);box-shadow:0 10px 15px rgba(0,0,0,.1);color:var(--log-orange);transform:scale(1.25)}.current-floating-tag{animation:bounceTag 2s infinite!important;background-color:var(--log-orange)!important;border-radius:20px!important;color:#fff!important;display:block!important;font-size:10px!important;font-weight:900!important;left:50%!important;padding:6px 14px!important;position:absolute!important;text-transform:uppercase!important;top:-75px!important;transform:translateX(-50%)!important;white-space:nowrap!important;z-index:999!important}.current-floating-tag:after{background-color:var(--log-orange);bottom:-4px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:8px}@keyframes bounceTag{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}.timeline-arrow-btn{align-items:center;background-color:#fff;border:1px solid var(--slate-200);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05);color:var(--slate-400);cursor:pointer;display:flex;height:44px;justify-content:center;margin-top:-8px;transition:all .2s;width:44px;z-index:10}.timeline-arrow-btn:hover:not(:disabled){color:var(--log-purple);transform:scale(1.1)}.timeline-arrow-btn:disabled{cursor:not-allowed;opacity:.15}.duimp-main-card{background-color:#fff;border:1px solid var(--slate-100);border-radius:40px;box-shadow:0 20px 40px rgba(102,19,208,.06);overflow:hidden}.filter-top-container{padding:40px 40px 10px}.filter-switch-box{border:2px solid var(--current-theme);border-radius:25px;display:flex;padding:6px;transition:border-color .4s}.filter-switch-opt{background:none!important;border:none!important;border-radius:20px;color:var(--slate-400);cursor:pointer;flex:1;font-size:14px;font-weight:900;padding:20px;text-transform:uppercase;transition:all .3s}.filter-switch-opt.active{background-color:var(--current-theme)!important;box-shadow:0 10px 15px rgba(0,0,0,.1);color:#fff!important}.tabs-sub-row{padding:15px 40px}.tabs-sub-list{background-color:#f8fafc;border:1px solid var(--slate-100);border-radius:20px;display:flex;flex-wrap:wrap;gap:8px;padding:8px}.tab-sub-btn{background:none!important;border:none!important;border-radius:14px;color:var(--slate-400);cursor:pointer;flex:1;font-size:11px;font-weight:900;min-width:120px;padding:15px;text-transform:uppercase;transition:all .3s}.tab-sub-btn.active{background-color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.05);color:var(--current-theme)!important}.content-display-panel{min-height:400px;padding:20px 40px 40px}.result-card-wrapper{background-color:#fcfcfc;border:1px solid var(--slate-100);border-radius:30px;padding:40px}.result-card-wrapper.dark-mode{background-color:var(--slate-900)!important;border:none;color:#fff!important}.result-card-wrapper.dark-mode h3{color:#fff!important}.result-card-wrapper.dark-mode .item-detail-card{background-color:hsla(0,0%,100%,.07)!important;border:none;color:#fff!important}.result-card-wrapper.dark-mode .item-bullet{background-color:#fff!important}.result-header{font-size:24px;font-weight:900;margin-bottom:30px;text-transform:uppercase}.items-grid-display{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.item-detail-card{align-items:center;background-color:#fff;border:1px solid var(--slate-100);border-radius:22px;color:var(--slate-900);display:flex;font-size:13px;font-weight:700;padding:20px;text-transform:uppercase}.item-bullet{background-color:var(--current-theme);border-radius:50%;flex-shrink:0;height:10px;margin-right:15px;width:10px}@media (max-width:768px){.duimp-hub-wrapper{padding:20px 5px}.filter-switch-opt{font-size:11px;padding:15px 5px}}