.hiw-section{padding:120px 0 140px;background:linear-gradient(180deg,var(--bg-primary) 0,#0d0d0a 50%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hiw-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 30%,rgba(212,148,74,.08) 0,transparent 60%);pointer-events:none}.hiw-pipeline{position:relative;display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:72px;padding:60px 0 70px}.pipeline-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2;flex-shrink:0}.pipeline-icon{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s,box-shadow .4s;cursor:default}.pipeline-icon:hover{transform:scale(1.08)}.pipeline-icon.source{background:linear-gradient(135deg,#0af 0,#08c 100%);box-shadow:0 0 40px rgba(0,170,255,.3),0 8px 32px rgba(0,0,0,.4);animation:3s ease-in-out infinite source-pulse}.pipeline-icon.source::before{content:'';position:absolute;inset:-4px;border-radius:28px;background:linear-gradient(135deg,rgba(0,170,255,.4),transparent);z-index:-1;animation:3s ease-in-out infinite source-ring}@keyframes source-pulse{0%,100%{box-shadow:0 0 40px rgba(0,170,255,.3),0 8px 32px rgba(0,0,0,.4)}50%{box-shadow:0 0 60px rgba(0,170,255,.5),0 8px 32px rgba(0,0,0,.4)}}@keyframes source-ring{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pipeline-icon.market{background:var(--accent-gradient);box-shadow:0 0 40px rgba(212,148,74,.3),0 8px 32px rgba(0,0,0,.4);animation:2.5s ease-in-out infinite market-glow}@keyframes market-glow{0%,100%{box-shadow:0 0 40px rgba(212,148,74,.3),0 8px 32px rgba(0,0,0,.4)}50%{box-shadow:0 0 70px rgba(212,148,74,.5),0 8px 32px rgba(0,0,0,.4)}}.pipeline-icon.users{background:linear-gradient(135deg,#10b981 0,#059669 100%);box-shadow:0 0 40px rgba(16,185,129,.3),0 8px 32px rgba(0,0,0,.4);animation:2.8s ease-in-out infinite users-glow}@keyframes users-glow{0%,100%{box-shadow:0 0 40px rgba(16,185,129,.3),0 8px 32px rgba(0,0,0,.4)}50%{box-shadow:0 0 60px rgba(16,185,129,.5),0 8px 32px rgba(0,0,0,.4)}}.pipeline-icon::after{content:'';position:absolute;inset:-8px;border-radius:30px;border:2px solid currentColor;opacity:0;animation:3s ease-out infinite icon-ring-expand}.pipeline-icon.source::after{border-color:rgba(0,170,255,.5);animation-delay:0s}.pipeline-icon.market::after{border-color:rgba(212,148,74,.5);animation-delay:1s}.pipeline-icon.users::after{border-color:rgba(16,185,129,.5);animation-delay:2s}@keyframes icon-ring-expand{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}.pipeline-icon svg{width:36px;height:36px;color:#fff;position:relative;z-index:1}.pipeline-label{font-size:14px;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:-.3px}.pipeline-sublabel{font-size:12px;color:var(--text-muted);text-align:center;margin-top:-8px}.os-tooltip-wrap{position:relative;cursor:pointer}.os-tooltip-trigger{border-bottom:1px dashed var(--text-muted);transition:color .2s,border-color .2s}.os-tooltip-wrap.active .os-tooltip-trigger,.os-tooltip-wrap:hover .os-tooltip-trigger{color:var(--accent-primary);border-color:var(--accent-primary)}.os-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:300px;padding:16px 18px;background:rgba(22,22,20,.97);backdrop-filter:blur(20px);border:1px solid rgba(212,148,74,.25);border-radius:14px;font-size:13px;font-weight:400;line-height:1.6;color:var(--text-secondary);text-align:left;box-shadow:0 16px 48px rgba(0,0,0,.6),0 0 24px rgba(212,148,74,.08);pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(6px);transition:opacity .25s,transform .25s,visibility .25s;z-index:50}.os-tooltip strong{display:block;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.os-tooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:rgba(22,22,20,.97);border-right:1px solid rgba(212,148,74,.25);border-bottom:1px solid rgba(212,148,74,.25)}.os-tooltip-wrap.active .os-tooltip,.os-tooltip-wrap:hover .os-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}@media (max-width:768px){.os-tooltip{bottom:auto;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);width:280px}.os-tooltip::after{bottom:auto;top:-6px;border-right:none;border-bottom:none;border-left:1px solid rgba(212,148,74,.25);border-top:1px solid rgba(212,148,74,.25)}.os-tooltip-wrap.active .os-tooltip,.os-tooltip-wrap:hover .os-tooltip{transform:translateX(-50%) translateY(0)}.pipeline-node.os-tooltip-active{z-index:100}}.pipeline-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pipeline-spacer{width:160px;height:88px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pipeline-spacer::after{content:attr(data-label);position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;color:var(--text-muted);opacity:.7}.hiw-market-widget{position:relative;max-width:800px;margin:0 auto;background:rgba(26,25,22,.8);backdrop-filter:blur(24px);border:1px solid rgba(212,148,74,.15);border-radius:24px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .4s,box-shadow .4s}.hiw-market-widget:hover{border-color:rgba(212,148,74,.25);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 60px rgba(212,148,74,.08),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.06)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:rgba(26,25,22,.5)}.widget-market-info{display:flex;align-items:center;gap:14px}.widget-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,148,74,.3);background:var(--bg-tertiary)}.widget-model-info{display:flex;flex-direction:column}.widget-model-name{font-size:16px;font-weight:700;color:var(--text-primary)}.widget-market-question{font-size:13px;color:var(--text-secondary)}.widget-timer-group{display:flex;align-items:center;gap:12px}.widget-live-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);border-radius:100px;font-size:11px;font-weight:700;color:var(--green-light);letter-spacing:.5px}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:2s infinite pulse;box-shadow:0 0 6px rgba(16,185,129,.8)}.widget-countdown{display:flex;align-items:center;gap:4px;font-family:Inter,monospace;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.countdown-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.widget-body{display:grid;grid-template-columns:1fr 280px;min-height:300px}.widget-chart-area{padding:20px;position:relative;border-right:1px solid var(--border-color)}.chart-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.chart-price{font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;transition:color .3s}.chart-price.up{color:var(--green-light)}.chart-price.down{color:var(--red-light)}.chart-change{font-size:14px;font-weight:600;padding:3px 8px;border-radius:6px;transition:.3s}.chart-change.up{background:rgba(16,185,129,.12);color:var(--green-light)}.chart-change.down{background:rgba(239,68,68,.12);color:var(--red-light)}.chart-sublabel{font-size:12px;color:var(--text-muted);margin-bottom:16px}.chart-canvas-wrap{position:relative;width:100%;height:180px}.chart-canvas-wrap canvas{width:100%;height:100%;display:block}.widget-bet-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.bet-section-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.bet-options{display:flex;flex-direction:column;gap:8px}.bet-option-btn{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-glass);cursor:pointer;transition:.25s;position:relative;overflow:hidden}.bet-option-btn:hover{border-color:var(--border-color-hover)}.bet-option-btn.over-btn.active,.bet-option-btn.over-btn:hover{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3)}.bet-option-btn.under-btn.active,.bet-option-btn.under-btn:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}.bet-option-btn.over-btn.active{box-shadow:0 0 20px rgba(16,185,129,.2),inset 0 0 20px rgba(16,185,129,.05)}.bet-option-btn.under-btn.active{box-shadow:0 0 20px rgba(239,68,68,.2),inset 0 0 20px rgba(239,68,68,.05)}.bet-label{font-size:14px;font-weight:600;color:var(--text-primary)}.bet-odds{font-size:16px;font-weight:800}.bet-option-btn.over-btn .bet-odds{color:var(--green-light)}.bet-option-btn.under-btn .bet-odds{color:var(--red-light)}.bet-amount-section{display:flex;flex-direction:column;gap:8px}.bet-amount-input{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .25s}.bet-amount-input:focus-within{border-color:var(--accent-primary)}.bet-currency{font-size:16px;font-weight:700;color:var(--text-muted)}.bet-amount-input input{flex:1;background:0 0;border:none;outline:0;font-size:18px;font-weight:700;color:var(--text-primary);font-family:inherit;width:100%}.bet-amount-input input::placeholder{color:var(--text-muted)}.bet-quick-amounts{display:flex;gap:6px}.quick-amount{flex:1;padding:6px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;transition:.2s}.quick-amount:hover{background:rgba(212,148,74,.1);border-color:rgba(212,148,74,.3);color:var(--text-primary)}.place-bet-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s;position:relative;overflow:hidden;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color)}.place-bet-btn.ready{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 20px rgba(212,148,74,.3)}.place-bet-btn.ready:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,148,74,.4)}.place-bet-btn.ready:active{transform:translateY(0)}.bet-return{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.1);border-radius:10px}.bet-return-label{font-size:12px;color:var(--text-muted)}.bet-return-value{font-size:14px;font-weight:700;color:var(--green-light)}.live-bets-stack{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column-reverse;gap:6px;z-index:5;pointer-events:none;max-height:140px;overflow:hidden}.live-bet-toast{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(18,18,16,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:12px;white-space:nowrap;animation:.4s ease-out forwards toast-in;opacity:0;transform:translateX(-12px)}.live-bet-toast.fading{animation:.4s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateX(-12px) scale(.95)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(-8px) scale(.95)}}.toast-user{font-weight:700;color:var(--text-primary);max-width:90px;overflow:hidden;text-overflow:ellipsis}.toast-side{font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.toast-side.over{background:rgba(16,185,129,.15);color:var(--green-light)}.toast-side.under{background:rgba(239,68,68,.15);color:var(--red-light)}.toast-amount{font-weight:700;color:var(--text-secondary)}.toast-time{font-size:10px;color:var(--text-muted)}.widget-footer{padding:14px 24px;border-top:1px solid var(--border-color);background:rgba(26,25,22,.5);display:flex;align-items:center;justify-content:space-around;gap:16px}.footer-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.footer-stat-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.footer-stat-value{font-size:14px;font-weight:700;color:var(--text-primary)}.money-particle{position:fixed;pointer-events:none;z-index:9999;font-size:20px;animation:1.5s ease-out forwards money-fly}@keyframes money-fly{0%{transform:translate(0,0) rotate(0) scale(1);opacity:1}50%{opacity:1}100%{transform:translate(var(--mx),var(--my)) rotate(var(--mr)) scale(0);opacity:0}}.bet-success-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(16,185,129,.15) 0,transparent 70%);pointer-events:none;opacity:0;animation:.8s ease-out forwards success-flash;z-index:10}@keyframes success-flash{0%,100%{opacity:0}30%{opacity:1}}#hiw-volume{color:var(--accent-primary)}@media (max-width:1024px){.hiw-pipeline{gap:0}.pipeline-spacer{width:100px}}@media (max-width:768px){.hiw-section{padding:80px 0 100px}.hiw-pipeline{flex-direction:column;gap:0;margin-bottom:48px;min-height:500px}.pipeline-spacer{width:88px;height:60px}.pipeline-spacer::after{top:50%;left:auto;right:-55px;transform:translateY(-50%) translateX(0);font-size:9px}.widget-body{grid-template-columns:1fr}.widget-chart-area{border-right:none;border-bottom:1px solid var(--border-color)}.chart-canvas-wrap{height:140px}.widget-timer-group{flex-direction:column;align-items:flex-end;gap:6px}.widget-countdown{font-size:16px}.widget-footer{gap:12px;padding:12px 16px}.live-bets-stack{bottom:4px;left:4px}.live-bet-toast{font-size:11px;padding:5px 8px;gap:5px}.pipeline-icon{width:72px;height:72px;border-radius:20px}.pipeline-icon svg{width:30px;height:30px}}@media (max-width:480px){.widget-header{flex-direction:column;gap:12px;align-items:flex-start;padding:16px}.widget-timer-group{flex-direction:row;width:100%;justify-content:space-between}.chart-price{font-size:26px}.widget-bet-panel{padding:16px}.bet-quick-amounts{flex-wrap:wrap}.widget-chart-area{padding:16px}.pipeline-spacer{width:72px;height:50px}}