.workflow-container{z-index:10;width:100%;padding:var(--space-4);flex-direction:column;flex:2;justify-content:flex-end;align-self:stretch;display:flex}@media (min-width:1024px){.workflow-container{padding:0}}@media (max-width:1023px){.workflow-container{display:none}}.workflow-timeline{-webkit-backdrop-filter:blur(12px)saturate(150%);scrollbar-width:none;background:#0f172a66;border:1px solid #ffffff0d;border-radius:100px;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:24px;padding:16px 64px 36px;display:flex;position:relative;overflow-x:auto;box-shadow:inset 0 1px 1px #ffffff1a,0 15px 35px -10px #0009}.timeline-step{flex:1;align-items:center;display:flex;position:relative}.timeline-step:last-child{flex:none}.timeline-dot-wrapper{z-index:5;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative;transform:translateY(2px)}.timeline-dot{cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -1px 2px #00000080,0 0 0 2px #ffffff0d}.timeline-dot:hover{transform:scale(1.2);box-shadow:inset 0 2px 4px #fff3,0 0 0 2px #ffffff1a}.dot-inner{background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .4s}.timeline-dot.active{background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);transform:scale(1.2);box-shadow:0 0 0 2px #3b82f633,0 0 20px 2px #38bdf899,inset 0 2px 4px #ffffff80}.timeline-dot.active .dot-inner{background:#fff;width:8px;height:8px;box-shadow:0 0 8px #fff}.dot-pulse{pointer-events:none;background:0 0;border:1px solid #38bdf880;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite premium-pulse;position:absolute;inset:-6px}.timeline-dot.completed{background:linear-gradient(135deg,#34d399 0%,#059669 100%);box-shadow:0 0 0 2px #10b98133,inset 0 2px 4px #fff6}.timeline-dot.completed .dot-inner{background:#fff}.timeline-line{background:#ffffff08;border-radius:4px;flex:1;min-width:30px;height:4px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.timeline-line-progress{background:linear-gradient(90deg,#2563eb,#0ea5e9,#10b981);border-radius:4px;width:0;height:100%;transition:width .5s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;box-shadow:0 0 10px #10b98166}.timeline-line-progress.filled{width:100%}.timeline-line-progress.animating{animation-name:fill-line;animation-timing-function:linear;animation-fill-mode:forwards}.timeline-label{text-transform:uppercase;letter-spacing:1.5px;color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:.7;font-size:.8rem;font-weight:500;transition:all .4s;position:absolute;top:36px}.timeline-label.active{color:#f8fafc;opacity:1;text-shadow:0 0 8px #38bdf899;font-weight:700;transform:translateY(-2px)}.timeline-step:hover .timeline-label{color:#cbd5e1;opacity:1}.workflow-stage-card{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0f172a66;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;width:100%;padding:32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #00000080,inset 0 1px #ffffff1a}@media (min-width:1024px){.workflow-timeline{margin-top:0}.workflow-stage-card{flex:0 0 448px;justify-content:center;height:448px;margin-top:0}}.workflow-stage-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#38bdf814 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.workflow-stage{z-index:1;flex:1;width:100%;min-height:250px;position:relative;overflow:hidden}.stage-content{justify-content:center;align-items:center;transition:opacity .5s,transform .5s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;inset:0}.stage-content.stage-entering{opacity:0;transform:translateY(15px)}.stage-content.stage-visible{opacity:1;transform:translateY(0)}.stage-content.stage-exiting{opacity:0;transform:translateY(-15px)}.stage-description-wrapper{width:100%;height:80px;margin-top:16px;position:relative}.stage-description{text-align:center;z-index:1;width:100%;transition:opacity .5s,transform .5s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.stage-description.stage-entering{opacity:0;transform:translateY(15px)}.stage-description.stage-visible{opacity:1;transform:translateY(0)}.stage-description.stage-exiting{opacity:0;transition-delay:0s;transform:translateY(-15px)}.stage-title{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 0 15px #06b6d466;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.stage-subtitle{color:#94a3b8;margin:8px 0 0;font-size:1rem;font-weight:400}.stage-placeholder{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex}@keyframes premium-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;border-color:#38bdf800;transform:scale(1.8)}}@keyframes fill-line{0%{width:0%}to{width:100%}}.premium-clock-widget{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:10;background:#0f172a66;border:1px solid #ffffff14;border-radius:100px;align-self:center;align-items:center;gap:16px;margin-bottom:24px;padding:12px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a}.premium-clock-widget:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#0000 60%);border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-clock-icon-wrapper{background:#38bdf81a;border:1px solid #38bdf833;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #38bdf84d}.premium-clock-icon{color:#38bdf8}.premium-clock-content{flex-direction:column;display:flex}.premium-clock-time{letter-spacing:1px;background:linear-gradient(135deg,#fff 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1.1}.premium-clock-date{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:500}
