.htx-dubai-section{position:relative;padding:3rem 0;margin:1.5rem 0;overflow:hidden;background:transparent;z-index:1}
.htx-container{max-width:1200px;margin:0 auto;padding:0 15px;position:relative;z-index:2}
.htx-train-showcase{position:relative;width:100%;height:350px;margin:0 auto 2rem;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px #0000004d 0 0 15px #4361ee33}
.htx-background-scene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.htx-distant-mountains{position:absolute;top:25%;left:0;width:100%;height:35%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300" preserveAspectRatio="none"><path d="M0,300 L50,200 L100,230 L150,180 L200,250 L250,200 L300,220 L350,170 L400,240 L450,190 L500,210 L550,160 L600,230 L650,190 L700,240 L750,180 L800,210 L850,160 L900,240 L950,190 L1000,220 L1000,300 Z" fill="#141e3ccc"/></svg>') repeat-x;background-size:1000px 100%;z-index:2;opacity:.8;transition:background .6s ease}
.light-mode .htx-distant-mountains{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300" preserveAspectRatio="none"><path d="M0,300 L50,200 L100,230 L150,180 L200,250 L250,200 L300,220 L350,170 L400,240 L450,190 L500,210 L550,160 L600,230 L650,190 L700,240 L750,180 L800,210 L850,160 L900,240 L950,190 L1000,220 L1000,300 Z" fill="#6496dc99"/></svg>') repeat-x;background-size:1000px 100%}
.htx-landscape-foreground{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to bottom,#0a142899 0%,#141e32cc 60%,#1e283ce6 100%);z-index:3;transition:background .6s ease}
.light-mode .htx-landscape-foreground{background:linear-gradient(to bottom,#b4d2ff99 0%,#a0c8f0cc 60%,#8cbee6e6 100%)}
.htx-track-system{position:absolute;bottom:50px;left:0;width:100%;height:20px;z-index:4}
.htx-energy-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2b7fff00,#2b7fffb3,#4361eee6,#7209b7b3,#ff006e80,#ff006e00);box-shadow:0 0 10px #2b7fff80;z-index:2;animation:htx-energy-pulse 3s infinite alternate;will-change:height,opacity}
@keyframes htx-energy-pulse {
0%{height:2px;opacity:.7}
100%{height:3px;opacity:.9}
}
.htx-rail-markers{position:absolute;bottom:0;left:0;width:100%;height:8px;background-image:linear-gradient(90deg,#4361ee80 0px,#4361ee80 10px,transparent 10px,transparent 50px);background-size:50px 100%;animation:htx-marker-move 2s linear infinite;z-index:1;will-change:background-position}
@keyframes htx-marker-move {
0%{background-position:0 0}
100%{background-position:-50px 0}
}
.htx-hyperloop{position:absolute;bottom:80px;left:0;display:flex;align-items:flex-end;z-index:10;animation:htx-hyperloop-move 30s linear infinite;will-change:transform}
@keyframes htx-hyperloop-move {
0%{transform:translateX(-120%)}
100%{transform:translateX(120%)}
}
.htx-engine-unit{position:relative;width:250px;height:150px;z-index:11;filter:drop-shadow(0 10px 25px #0006);transition:transform .3s ease}
.htx-engine-body{position:absolute;bottom:35px;left:0;width:100%;height:115px;background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:50px 25px 25px 8px;overflow:hidden;z-index:1;box-shadow:0 10px 30px #00000040}
.htx-engine-body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,#ffffff1a 0%,transparent 50%),linear-gradient(135deg,#7209b71a 0%,transparent 100%);z-index:-1}
.htx-holographic-display{position:absolute;top:15px;left:60px;width:120px;height:35px;background:linear-gradient(to right,#2b7fff33,#7209b733);border-radius:5px;overflow:hidden;z-index:2;border:1px solid #fff3}
.htx-holographic-display::after{content:'';position:absolute;top:4px;left:8px;right:8px;height:25px;background-image:linear-gradient(90deg,#2b7fff80 0%,#7209b733 20%,#2b7fff4d 40%,#7209b766 60%,#2b7fff4d 80%,#7209b733 100%);border-radius:3px;opacity:.7}
.htx-energy-core{position:absolute;bottom:15px;left:35px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at center,#ff006ecc,#7209b799);box-shadow:0 0 20px #ff006e80 0 0 40px #ff006e33;animation:htx-core-pulse 4s infinite alternate;z-index:3;will-change:transform,box-shadow}
@keyframes htx-core-pulse {
0%{box-shadow:0 0 15px #ff006e66 0 0 30px #ff006e1a;transform:scale(0.95)}
100%{box-shadow:0 0 20px #ff006e99 0 0 40px #ff006e4d;transform:scale(1.05)}
}
.htx-energy-core::before{content:'';position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffffff4d;box-shadow:inset 0 0 10px #fff6}
.htx-energy-core::after{content:'';position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);background:#ffffffe6;border-radius:50%;box-shadow:0 0 15px #ffffffb3}
.htx-cockpit{position:absolute;top:0;right:0;width:140px;height:100%;z-index:2}
.htx-windshield{position:absolute;top:12px;right:15px;width:80px;height:60px;background:linear-gradient(135deg,#2b7fff66,#7209b733);border-radius:20px 30px 10px 10px;border:2px solid #ffffff4d;overflow:hidden;box-shadow:inset 0 0 15px #2b7fff4d}
.htx-scanner{position:absolute;bottom:15px;right:25px;width:70px;height:12px;background:linear-gradient(to right,#2b7fffe6,#7209b7b3);border-radius:10px;box-shadow:0 0 10px #2b7fff80;overflow:hidden}
.htx-scanner::before{content:'';position:absolute;top:0;left:0;width:20px;height:100%;background:#ffffffe6;filter:blur(3px);animation:htx-scanner-move 2s infinite;will-change:transform}
@keyframes htx-scanner-move {
0%{transform:translateX(-20px)}
90%,100%{transform:translateX(70px)}
}
.htx-side-vents{position:absolute;bottom:25px;left:150px;width:50px;height:40px;display:flex;flex-direction:column;justify-content:space-between;z-index:3}
.htx-side-vents::before,.htx-side-vents::after{content:'';height:8px;width:100%;background:linear-gradient(to right,#1e2846e6,#7209b74d);border-radius:4px;box-shadow:inset 0 0 5px #2b7fff80}
.htx-engine-wings{position:absolute;bottom:-15px;left:50px;width:150px;height:25px;z-index:0}
.htx-engine-wings::before,.htx-engine-wings::after{content:'';position:absolute;height:12px;background:linear-gradient(to bottom,#4361eee6,#2b7fffb3);border-radius:20px 10px 50% 50%;box-shadow:0 5px 10px #00000040}
.htx-engine-wings::before{width:140px;left:20px;bottom:0;transform:skewX(-10deg)}
.htx-engine-wings::after{width:80px;left:50px;bottom:12px;transform:skewX(-5deg)}
.htx-brand-identity{position:absolute;top:12px;left:12px;font-size:36px;font-weight:900;background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px #ffffffb3 0 0 15px #ffffff4d;letter-spacing:-1.5px;z-index:4}
.htx-engine-thrusters{position:absolute;bottom:35px;left:-15px;width:40px;height:70px;z-index:0}
.htx-thruster-left,.htx-thruster-right{position:absolute;width:25px;height:40px;background:linear-gradient(to bottom,#3a0ca3,#4361ee);border-radius:12px 5px 5px 12px;overflow:hidden}
.htx-thruster-left{bottom:0;left:0}
.htx-thruster-right{top:0;left:10px}
.htx-thruster-left::before,.htx-thruster-right::before{content:'';position:absolute;left:-10px;width:15px;height:100%;background:linear-gradient(to right,#ff006eb3,#7209b780,transparent);filter:blur(4px)}
.htx-thrust-particles{position:absolute;bottom:0;left:-35px;width:70px;height:100%;pointer-events:none;z-index:-1}
.htx-thrust-particles::before{content:'';position:absolute;bottom:5px;left:0;width:50px;height:20px;background:radial-gradient(ellipse at center right,#ff006eb3,#7209b74d 60%,transparent 90%);filter:blur(6px)}
.htx-hover-system{position:absolute;bottom:0;left:25px;width:200px;height:35px;z-index:-1}
.htx-hover-glow{position:absolute;bottom:0;left:0;width:100%;height:15px;background:radial-gradient(ellipse at center,#2b7fff99,#4361ee4d 60%,transparent 90%);filter:blur(8px);opacity:.6;will-change:opacity,height;animation:htx-hover-float 4s infinite alternate}
@keyframes htx-hover-float {
0%{opacity:.5;height:12px}
100%{opacity:.7;height:18px}
}
.htx-hover-rings{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#2b7fffb3 20%,#7209b7b3 50%,#2b7fffb3 80%,transparent 100%);filter:blur(1px)}
.htx-train-module{position:relative;width:200px;height:130px;margin-left:25px;z-index:10;transition:transform .3s ease}
.htx-module-body{position:absolute;bottom:35px;left:0;width:100%;height:95px;border-radius:25px;overflow:hidden;box-shadow:0 10px 25px #00000040;z-index:2}
.htx-trading-module .htx-module-body{background:linear-gradient(135deg,#4361ee,#3a0ca3)}
.htx-profit-module .htx-module-body{background:linear-gradient(135deg,#3a0ca3,#7209b7)}
.htx-cashflooz-module .htx-module-body{background:linear-gradient(135deg,#7209b7,#ff006e)}
.htx-module-body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,#ffffff14 0%,transparent 60%);z-index:-1}
.htx-module-visor{position:absolute;top:12px;left:15px;right:15px;height:30px;background:#0003;border-radius:10px;overflow:hidden;border:1px solid #ffffff1a;box-shadow:inset 0 0 8px #0003}
.htx-module-visor::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#ffffff1a 20%,#ffffff1a 80%,transparent 100%);z-index:1}
.htx-module-connector{position:absolute;bottom:60px;left:-25px;width:30px;height:20px;background:linear-gradient(to bottom,#323c64e6,#1e2850e6);border-radius:10px;z-index:1}
.htx-module-connector::before{content:'';position:absolute;top:8px;left:5px;right:5px;height:4px;background:linear-gradient(to right,#2b7fffcc,#7209b799);border-radius:2px;box-shadow:0 0 8px #2b7fff66}
.htx-module-icon{position:absolute;bottom:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000004d;border:1px solid #fff3;box-shadow:0 4px 10px #0003;z-index:3}
.htx-module-icon i{font-size:20px;color:#fff;text-shadow:0 0 8px #ffffffb3}
.htx-train-module .htx-hover-system{width:100%;left:0;bottom:0;height:20px}
.htx-data-visualizer{position:absolute;bottom:15px;left:12px;width:100px;height:40px;z-index:2}
.htx-chart-line{position:absolute;bottom:8px;left:0;width:100%;height:25px;overflow:hidden}
.htx-chart-line::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#2b7fff1a 0%,#2b7fff4d 20%,#2b7fff33 40%,#2b7fff80 60%,#2b7fff4d 80%,#2b7fffb3 100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,20 L10,18 L20,15 L30,20 L40,10 L50,15 L60,5 L70,10 L80,3 L90,7 L100,2' stroke='white' stroke-width='2' fill='none' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0,20 L10,18 L20,15 L30,20 L40,10 L50,15 L60,5 L70,10 L80,3 L90,7 L100,2' stroke='white' stroke-width='2' fill='none' /%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}
.htx-chart-bars{position:absolute;bottom:5px;left:10px;right:10px;height:25px;display:flex;justify-content:space-between;align-items:flex-end}
.htx-chart-bars::before,.htx-chart-bars::after{content:'';flex:1;margin:0 2px;max-width:6px;background:#2b7fffb3;border-radius:2px 2px 0 0}
.htx-chart-bars::before{height:60%}
.htx-chart-bars::after{height:80%}
.htx-data-points{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.htx-data-points::before,.htx-data-points::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 8px #ffffffb3}
.htx-data-points::before{top:40%;left:30%}
.htx-data-points::after{top:20%;left:70%}
.htx-profit-visualizer{position:absolute;bottom:15px;left:12px;width:100px;height:40px;z-index:2}
.htx-profit-meter{position:absolute;bottom:5px;left:5px;width:90px;height:12px;background:#0000004d;border-radius:8px;overflow:hidden}
.htx-profit-meter::before{content:'';position:absolute;bottom:0;left:0;height:100%;width:70%;background:linear-gradient(to right,#7209b7b3,#ff006ee6);border-radius:8px}
.htx-profit-bars{position:absolute;top:0;left:10px;right:10px;height:25px;display:flex;justify-content:space-around;align-items:flex-end}
.htx-profit-bars::before,.htx-profit-bars::after{content:'';width:6px;background:linear-gradient(to bottom,#ff006ee6,#7209b7b3);border-radius:3px 3px 0 0}
.htx-profit-bars::before{height:70%}
.htx-profit-bars::after{height:90%}
.htx-cash-visualizer{position:absolute;bottom:15px;left:12px;width:100px;height:40px;z-index:2}
.htx-cash-flow{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden}
.htx-cash-flow::before{content:'';position:absolute;top:5px;left:5px;width:80%;height:30px;background:#ffffff1a;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Cpath d='M10,35 C30,5 30,35 50,15 C70,-5 70,35 90,15' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Cpath d='M10,35 C30,5 30,35 50,15 C70,-5 70,35 90,15' stroke='white' stroke-width='3' fill='none' /%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}
.htx-cash-particle{position:absolute;top:0;left:0;width:100%;height:100%}
.htx-cash-particle::before,.htx-cash-particle::after{content:'$';position:absolute;color:#ffffffe6;font-weight:700;text-shadow:0 0 8px #ffffff80}
.htx-cash-particle::before{top:10px;left:30px;font-size:14px}
.htx-cash-particle::after{top:22px;left:65px;font-size:18px}
.htx-data-module{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:180px;background:#0a0f1ed9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:12px;border:1px solid #2b7fff4d;box-shadow:0 10px 30px #00000040 0 0 15px #2b7fff33;color:#fff;text-align:center;z-index:50;opacity:0;transition:all .3s ease;pointer-events:none;will-change:opacity,top}
.light-mode .htx-data-module{background:#f0f5ffd9;color:var(--primary-dark)}
.htx-data-module::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0a0f1ed9}
.light-mode .htx-data-module::after{border-top-color:#f0f5ffd9}
.htx-module-head{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}
.htx-module-stats{font-size:24px;font-weight:800;margin-bottom:8px;position:relative}
.htx-module-stats::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:25px;height:2px;background:currentColor;opacity:.5}
.htx-data-module[data-module="validation"] .htx-module-stats{color:#2B7FFF}
.htx-data-module[data-module="trading"] .htx-module-stats{color:#4361ee}
.htx-data-module[data-module="profit"] .htx-module-stats{color:#7209b7}
.htx-data-module[data-module="cashflooz"] .htx-module-stats{color:#ff006e}
.htx-module-info{font-size:12px;line-height:1.4;opacity:.9}
.htx-energy-trail{position:absolute;bottom:15px;right:-70px;width:100px;height:80px;background:linear-gradient(to left,transparent,#2b7fff0d,#4361ee1a,#7209b70d,transparent);filter:blur(15px);z-index:0;will-change:opacity}
.htx-system-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:100}
.htx-control-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background:#0a0f1ecc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:12px;color:#fff;box-shadow:0 8px 20px #00000040 0 0 10px #2b7fff33;cursor:pointer;transition:all .3s ease;outline:none}
.light-mode .htx-control-btn{background:#f0f5ffcc;color:var(--primary-dark)}
.htx-control-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#ffffff1a,transparent 70%);border-radius:12px;opacity:0;transition:opacity .3s ease}
.htx-control-btn:hover::before{opacity:1}
.htx-control-btn i{font-size:18px;margin-bottom:3px}
.htx-control-btn span{font-size:10px;font-weight:600}
.htx-control-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d 0 0 15px #2b7fff40}
.htx-control-btn.active{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;box-shadow:0 12px 25px #0000004d 0 0 15px #4361ee4d}
.htx-train-info{text-align:center;max-width:800px;margin:0 auto;font-size:.95rem;line-height:1.6;color:var(--text);opacity:.9;margin-top:1rem}
.htx-engine-unit:hover,.htx-train-module:hover{transform:translateY(-8px);transition:transform .4s cubic-bezier(0.34,1.56,0.64,1);z-index:20}
.htx-engine-unit:hover .htx-data-module,.htx-train-module:hover .htx-data-module{opacity:1;top:-120px}
.htx-engine-unit:hover .htx-energy-core{transform:scale(1.1);box-shadow:0 0 25px #ff006e99 0 0 50px #ff006e4d}
.htx-train-module:hover .htx-module-icon{background:#ffffff1a;transform:scale(1.1)}
.htx-train-module:hover .htx-module-icon i{text-shadow:0 0 12px #fffc}
.htx-train-module:hover .htx-hover-glow{opacity:.8;height:20px}
.htx-hyperloop.paused{animation-play-state:paused}
.htx-hyperloop.paused .htx-energy-line,.htx-hyperloop.paused .htx-rail-markers,.htx-hyperloop.paused .htx-energy-core,.htx-hyperloop.paused .htx-scanner::before,.htx-hyperloop.paused .htx-hover-glow,.htx-hyperloop.paused .htx-hover-rings{animation-play-state:paused}
@media (max-width: 992px) {
.htx-train-showcase{height:300px}
.htx-hyperloop{transform:scale(0.8);bottom:60px}
@keyframes htx-hyperloop-move {
0%{transform:translateX(-120%) scale(0.8)}
100%{transform:translateX(120%) scale(0.8)}
}
.htx-data-module{width:160px;padding:10px}
.htx-module-head{font-size:12px}
.htx-module-stats{font-size:20px}
.htx-module-info{font-size:11px}
}
@media (max-width: 768px) {
.htx-dubai-section{padding:2rem 0}
.htx-train-showcase{height:280px;margin-bottom:1.5rem}
.htx-hyperloop{transform:scale(0.7);bottom:50px}
@keyframes htx-hyperloop-move {
0%{transform:translateX(-120%) scale(0.7)}
100%{transform:translateX(120%) scale(0.7)}
}
.htx-engine-unit:hover .htx-data-module,.htx-train-module:hover .htx-data-module{top:-100px}
.htx-control-btn{width:45px;height:45px}
.htx-control-btn i{font-size:16px}
.htx-control-btn span{font-size:9px}
.htx-train-info{font-size:.9rem}
}
@media (max-width: 576px) {
.htx-dubai-section{padding:1.5rem 0}
.htx-train-showcase{height:250px;margin-bottom:1.2rem}
.htx-hyperloop{transform:scale(0.6);bottom:45px}
@keyframes htx-hyperloop-move {
0%{transform:translateX(-120%) scale(0.6)}
100%{transform:translateX(120%) scale(0.6)}
}
.htx-data-module{width:140px;padding:8px}
.htx-module-head{font-size:11px}
.htx-module-stats{font-size:18px}
.htx-module-info{font-size:10px}
.htx-system-controls{bottom:15px;right:15px}
.htx-control-btn{width:40px;height:40px}
.htx-control-btn i{font-size:15px;margin-bottom:2px}
.htx-control-btn span{font-size:8px}
.htx-train-info{font-size:.85rem}
}
@media (max-width: 480px) {
.htx-dubai-section{padding:1rem 0}
.htx-train-showcase{height:220px;margin-bottom:1rem}
.htx-hyperloop{transform:scale(0.5);bottom:40px}
@keyframes htx-hyperloop-move {
0%{transform:translateX(-120%) scale(0.5)}
100%{transform:translateX(120%) scale(0.5)}
}
.htx-engine-unit:hover .htx-data-module,.htx-train-module:hover .htx-data-module{top:-90px}
.htx-control-btn{width:35px;height:35px}
.htx-control-btn i{font-size:14px;margin-bottom:1px}
.htx-control-btn span{font-size:7px}
.htx-train-info{font-size:.8rem;line-height:1.5}
}
@media (prefers-reduced-motion: reduce) {
.htx-hyperloop{animation-duration:45s}
.htx-energy-line,.htx-rail-markers,.htx-energy-core,.htx-scanner::before,.htx-hover-glow{animation-duration:6s}
.htx-chart-line::before,.htx-cash-flow::before{display:none}
.htx-thrust-particles::before{filter:blur(3px)}
.htx-energy-trail{filter:blur(8px)}
}
.low-performance{--animation-scale:1.5}
.low-performance .htx-hyperloop{animation-duration:calc(30s * var(--animation-scale))}
.low-performance .htx-energy-line,.low-performance .htx-rail-markers,.low-performance .htx-energy-core,.low-performance .htx-hover-glow{animation-duration:calc(4s * var(--animation-scale))}
.low-performance .htx-scanner::before{animation-duration:calc(2s * var(--animation-scale))}
.low-performance .htx-chart-line::before,.low-performance .htx-cash-flow::before,.low-performance .htx-profit-meter::before{animation:none}
.low-performance .htx-thrust-particles::before,.low-performance .htx-energy-trail{filter:blur(4px)}
.low-performance .htx-data-module{backdrop-filter:none;-webkit-backdrop-filter:none}
.concept-badge{font-size:12px;font-weight:500;letter-spacing:.03em;padding:6px 14px;border-radius:50px;background:#ff006e14;color:#ff006e;display:inline-flex;align-items:center;margin:0 0 16px;box-shadow:0 2px 8px #ff006e1f;border:1px solid #ff006e26;transition:all .2s ease-in-out;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.concept-badge::before{content:"";display:inline-block;width:6px;height:6px;background-color:#ff006e;border-radius:50%;margin-right:8px;box-shadow:0 0 6px #ff006e80}
.concept-badge:hover{background:#ff006e1f;transform:translateY(-1px);box-shadow:0 4px 10px #ff006e2e}
.dark-mode .concept-badge{background:#ff006e26;box-shadow:0 2px 10px #ff006e40}
.db-box{padding:1rem;text-align:center;margin-bottom:1.5rem}
.db-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;background:#ff006e1a;color:#ff006e;padding:5px 10px;border-radius:30px;margin-bottom:.5rem}
.db-title{font-size:1.4rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#4361ee,#7209b7);-webkit-background-clip:text;background-clip:text;color:transparent}
.db-text{font-size:.9rem;line-height:1.4;margin-bottom:1rem;color:var(--text)}
.db-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
.db-chip{font-size:.8rem;font-weight:600;background:#2b7fff1a;padding:.35rem .7rem;border-radius:20px;display:flex;align-items:center;gap:.3rem}
.db-chip i{font-size:.75rem;color:#4361ee}
@media (max-width: 480px) {
.db-box{padding:.75rem}
.db-title{font-size:1.2rem}
.db-text{font-size:.85rem}
.db-chip{font-size:.75rem;padding:.3rem .6rem}
}
.db-box{padding:1rem;text-align:center;margin-bottom:1.5rem}
.db-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;background:#ff006e1a;color:#ff006e;padding:5px 10px;border-radius:30px;margin-bottom:.5rem}
.db-title{font-size:1.4rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#4361ee,#7209b7);-webkit-background-clip:text;background-clip:text;color:transparent}
.db-text{font-size:.9rem;line-height:1.4;margin-bottom:1rem;color:var(--text)}
.db-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
.db-chip{font-size:.8rem;font-weight:600;background:#2b7fff1a;padding:.35rem .7rem;border-radius:20px;display:flex;align-items:center;gap:.3rem}
.db-chip i{font-size:.75rem;color:#4361ee}
@media (max-width: 480px) {
.db-box{padding:.75rem}
.db-title{font-size:1.2rem}
.db-text{font-size:.85rem}
.db-chip{font-size:.75rem;padding:.3rem .6rem}
}
.htx-data-module{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:180px;background:#0a0f1ed9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:12px;border:1px solid #2b7fff4d;box-shadow:0 10px 30px #00000040 0 0 15px #2b7fff33;color:#fff;text-align:center;z-index:50;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.htx-data-module.visible{opacity:1!important;visibility:visible!important;top:-120px!important;transform:translateX(-50%)!important}
.htx-data-module::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0a0f1ed9}
.light-mode .htx-data-module{background:#f0f5ffd9;color:var(--primary-dark)}
.light-mode .htx-data-module::after{border-top-color:#f0f5ffd9}
@media (max-width: 768px) {
.htx-data-module{width:160px;padding:10px}
.htx-data-module.visible{top:-100px!important}
}
@media (max-width: 576px) {
.htx-data-module{width:140px;padding:8px}
.htx-data-module.visible{top:-90px!important}
.htx-module-head{font-size:11px}
.htx-module-stats{font-size:18px}
.htx-module-info{font-size:10px}
}
.htx-engine-unit .htx-data-module{width:200px;left:50%;transform:translateX(-50%)}
.htx-trading-module .htx-data-module{width:180px;left:50%;transform:translateX(-50%)}
.htx-profit-module .htx-data-module{width:180px;left:50%;transform:translateX(-50%)}
.htx-cashflooz-module .htx-data-module{width:180px;left:50%;transform:translateX(-50%)}
.htx-data-module,.htx-data-module.visible,.htx-data-module:hover{transform:translateX(-50%)!important}
@keyframes fadeInPanel {
0%{opacity:0;transform:translateX(-50%) translateY(10px)}
100%{opacity:1;transform:translateX(-50%) translateY(0)}
}
.htx-data-module.visible{animation:fadeInPanel .3s ease-out forwards}
.htx-engine-unit:hover .htx-data-module,.htx-train-module:hover .htx-data-module{transform:translateX(-50%)!important}
.htx-engine-unit,.htx-train-module{position:relative}
@media (max-width: 480px) {
.htx-data-module{max-width:calc(100vw - 40px);left:50%;transform:translateX(-50%)!important}
}
.htx-tap-indicator{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#2b7fff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;transition:opacity .3s ease}
.htx-tap-indicator::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:#2b7fff33;animation:tapPulse 2s infinite}
@keyframes tapPulse {
0%{transform:scale(1);opacity:1}
50%{transform:scale(1.5);opacity:0}
100%{transform:scale(1);opacity:1}
}
.htx-tap-hand{font-size:20px;color:#2B7FFF;animation:tapMotion 1s infinite}
@keyframes tapMotion {
0%,100%{transform:scale(1) rotate(-10deg)}
50%{transform:scale(0.9) rotate(-10deg) translateY(3px)}
}
@media (max-width: 768px) {
.htx-tap-indicator{top:15px;right:15px;width:35px;height:35px}
.htx-tap-hand{font-size:18px}
}
@media (max-width: 576px) {
.htx-tap-indicator{width:30px;height:30px}
.htx-tap-hand{font-size:16px}
}