.transport-hero-visual{justify-content:center;align-items:center;min-height:410px;display:flex;position:relative}.transport-orb{filter:blur(22px);opacity:.75;border-radius:999px;position:absolute}.transport-orb-one{background:#8aa0ff33;width:210px;height:210px;animation:7s ease-in-out infinite transportOrbFloat;top:26px;left:12px}.transport-orb-two{background:#d99a3d2e;width:170px;height:170px;animation:8s ease-in-out infinite reverse transportOrbFloat;bottom:26px;right:22px}.transport-dashboard-card{z-index:2;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a),#18223c70;border:1px solid #d9e3ea29;border-radius:2rem;width:100%;padding:1.5rem;animation:6.5s ease-in-out infinite transportCardFloat;position:relative;box-shadow:0 28px 70px -34px #000000b3}.transport-dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.transport-dashboard-header p{color:#d8e2e9b8;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.transport-dashboard-header h3{color:#fff;letter-spacing:-.04em;margin-top:.35rem;font-size:1.65rem;font-weight:850}.transport-dashboard-header>span{color:#def4e7;background:#a7e2bf1a;border:1px solid #a7e2bf47;border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:800}.transport-fleet-panel{background:radial-gradient(circle at 22% 32%,#ffffff14,#0000 22%),radial-gradient(circle at 78% 62%,#8aa0ff21,#0000 28%),#ffffff0e;border:1px solid #d9e3ea1c;border-radius:1.5rem;grid-template-columns:1fr .72fr;gap:.85rem;margin-top:1.4rem;padding:1rem;display:grid}.transport-vehicle-card,.transport-side-panel>div{background:#18223cad;border:1px solid #d9e3ea1c;border-radius:1.15rem}.transport-vehicle-card{padding:1rem}.transport-vehicle-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.transport-vehicle-header span,.transport-route-card span,.transport-vehicle-status span,.transport-side-panel span{color:#d8e2e9c2;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.transport-vehicle-header strong{color:#fff;margin-top:.35rem;font-size:1.35rem;line-height:1;display:block}.transport-vehicle-header svg,.transport-route-card svg,.transport-side-panel svg{color:#d99a3d}.transport-route-card{background:radial-gradient(circle at 72% 45%,#d99a3d29,#0000 34%),#ffffff0e;border:1px solid #d99a3d42;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;min-height:82px;margin-top:1rem;padding:.9rem;display:flex}.transport-route-card strong{color:#fff;margin-top:.35rem;font-size:1.1rem;line-height:1;display:block}.transport-vehicle-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}.transport-vehicle-status div{background:#ffffff0e;border:1px solid #d9e3ea14;border-radius:.95rem;padding:.75rem}.transport-vehicle-status strong{color:#fff;margin-top:.3rem;font-size:.85rem;display:block}.transport-side-panel{gap:.65rem;display:grid}.transport-side-panel>div{padding:.85rem}.transport-side-panel strong{color:#fff;margin-top:.35rem;font-size:1rem;line-height:1.15;display:block}.transport-side-alert{animation:3.4s ease-in-out infinite transportActivePulse;background:linear-gradient(#d99a3d1a,#ffffff0a),#18223cad!important;border-color:#d99a3d42!important}.transport-side-alert strong{color:#f3d19a}.transport-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.transport-metrics div{background:#ffffff13;border:1px solid #d9e3ea1c;border-radius:1rem;padding:.85rem}.transport-metrics svg{color:#d99a3d}.transport-metrics span{color:#d8e2e9c2;margin-top:.45rem;font-size:.72rem;line-height:1.3;display:block}.transport-metrics strong{color:#fff;margin-top:.25rem;font-size:1.25rem;font-weight:850;display:block}.transport-floating-badge{z-index:5;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#d99a3d40,#d99a3d1f),#18223c9e;border:1px solid #d99a3d6b;border-radius:1rem;width:160px;padding:.9rem 1rem;position:absolute;box-shadow:0 18px 40px -24px #d99a3d8c,inset 0 1px #ffffff1f}.transport-floating-badge-top{animation:5.8s ease-in-out infinite transportBadgeFloat;top:10px;right:-10px}.transport-floating-badge-bottom{animation:6.2s ease-in-out infinite reverse transportBadgeFloat;bottom:28px;left:-100px}.transport-floating-badge span{color:#f3d19a;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.transport-floating-badge strong{color:#fff;margin-top:.4rem;font-size:1.35rem;line-height:1;display:block}@keyframes transportCardFloat{0%,to{transform:translateY(0)rotate(-.2deg)}50%{transform:translateY(-10px)rotate(.2deg)}}@keyframes transportBadgeFloat{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(4px)}}@keyframes transportOrbFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(14px,-12px)scale(1.05)}}@keyframes transportActivePulse{0%,to{box-shadow:0 18px 36px -28px #000000b3}50%{box-shadow:0 18px 36px -28px #000000b3,0 0 0 8px #d99a3d14}}@media (max-width:640px){.transport-hero-visual{min-height:560px}.transport-dashboard-card{padding:1.1rem}.transport-dashboard-header{flex-direction:column}.transport-fleet-panel,.transport-vehicle-status,.transport-metrics{grid-template-columns:1fr}.transport-floating-badge{width:145px}.transport-floating-badge-top{right:0}.transport-floating-badge-bottom{left:0}}