.mega-rack-airflow{margin:28px 0;padding:24px;border:1px solid #bdd5ee;border-radius:16px;background:linear-gradient(135deg,#06182e,#0b3a63);color:#f8fbff;box-shadow:0 14px 34px rgba(7,29,57,.14)}
.mega-rack-airflow__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.mega-rack-airflow__head span{font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#67c9ff}.mega-rack-airflow__head h3{margin:7px 0 0;font-size:22px}.mega-rack-airflow__head p{max-width:260px;margin:0;color:#b8d4ee;font-size:12px;line-height:1.5}
.mega-rack-airflow__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:22px;margin-top:22px}.mega-rack-airflow__schematic{position:relative;min-height:252px;overflow:hidden;border:1px solid rgba(145,210,255,.34);border-radius:12px;background:radial-gradient(circle at 8% 48%,rgba(56,189,248,.24),transparent 26%),#061323}.mega-rack-airflow__supply,.mega-rack-airflow__return{position:absolute;top:14px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em}.mega-rack-airflow__supply{left:18px;color:#7dd3fc}.mega-rack-airflow__return{right:18px;color:#ffaaa2}.mega-rack-airflow__rack{position:absolute;z-index:2;top:48px;bottom:26px;left:41%;width:23%;padding:12px;border:1px solid #8aa9c8;border-radius:7px;background:rgba(13,34,57,.9)}.mega-rack-airflow__fan{display:block;width:28px;height:28px;margin:0 auto 9px;border:3px solid #7dd3fc;border-radius:50%;box-shadow:0 0 14px rgba(125,211,252,.75)}.mega-rack-airflow__server{display:block;height:25px;margin:8px 0;border:1px solid #7b9dbd;border-radius:3px;background:linear-gradient(90deg,#1f3b59,#416789)}.mega-rack-airflow__gap{position:absolute;right:-28px;top:38%;padding:3px 4px;border:1px solid #ff968b;border-radius:3px;background:#552628;color:#ffd1ca;font-size:9px}.mega-rack-airflow__schematic svg{position:absolute;inset:0;width:100%;height:100%}.mega-rack-airflow__path{fill:none;stroke-linecap:round;stroke-width:9}.mega-rack-airflow__path--useful{stroke:#38bdf8;opacity:var(--useful-opacity,.8);stroke-dasharray:14 12;animation:mega-rack-flow 1.1s linear infinite}.mega-rack-airflow__path--bypass{stroke:#fb7a70;opacity:var(--bypass-opacity,.35);stroke-dasharray:12 13;animation:mega-rack-flow .9s linear infinite}.mega-rack-airflow__path--recirc{stroke:#ffb067;opacity:var(--recirc-opacity,.2);stroke-dasharray:10 13;animation:mega-rack-flow 1s linear infinite}.mega-rack-airflow__schematic small{position:absolute;z-index:3;bottom:8px;left:14px;color:#bfd4ea;font-size:10px}@keyframes mega-rack-flow{to{stroke-dashoffset:-52}}
.mega-rack-airflow__controls{display:grid;align-content:start;gap:14px}.mega-rack-airflow__controls label{display:grid;gap:7px;color:#cce0f1;font-size:13px}.mega-rack-airflow__controls output{font-size:18px;font-weight:700;color:#fff}.mega-rack-airflow__controls input{width:100%;accent-color:#38bdf8}.mega-rack-airflow__result{padding:15px;border:1px solid rgba(149,213,255,.3);border-radius:10px;background:rgba(1,11,26,.32)}.mega-rack-airflow__result span{display:block;color:#8fc8eb;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.mega-rack-airflow__result strong{display:block;margin-top:6px;color:#fff;font-size:16px;line-height:1.35}.mega-rack-airflow__result p{margin:7px 0 0;color:#bdd4e9;font-size:12px;line-height:1.5}
@media (max-width:700px){.mega-rack-airflow{padding:18px}.mega-rack-airflow__head,.mega-rack-airflow__body{display:block}.mega-rack-airflow__head p{margin-top:12px}.mega-rack-airflow__controls{margin-top:18px}.mega-rack-airflow__schematic{min-height:230px}}