/*! bridge.deltavthrust.com: the DELTAV EXCHANGE expression (exchange.deltavthrust.com) carried to the bridge.
    Deep blue, gold headings, Nasalization lettering, twin rings. No inline styles: the page runs under a strict CSP. */
@font-face{font-family:Nasalization;src:url(/exchange/nasalization.ttf) format("truetype");font-display:swap}
:root{--bg:#020833;--panel:#06136f;--panel2:#030b47;--ring:#325eef;--ink:#E8EEFF;--dim:#9FB0D8;--gold:#FFD45C;--go:#2EE88A;--red:#ED413C;
  --line:rgba(157,187,255,.18);--field:#020a3d;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
a{color:#9DBBFF}
.br{max-width:760px;margin:0 auto;padding:0 16px 40px}

/* the banner */
.br-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;margin:0;
  background:#040f62;overflow:hidden;text-align:center;animation:br-hue 9s linear infinite}
@keyframes br-hue{to{filter:hue-rotate(360deg)}}
.br-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.br-ring{position:relative;width:200px;height:200px;margin:0 -8px}
.br-ring span{position:absolute;inset:0;transform:rotate(calc(360deg / 20 * var(--i)))}
.br-ring span::before{content:"";position:absolute;right:0;top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--ring);
  box-shadow:0 0 10px var(--ring),0 0 20px var(--ring),0 0 40px var(--ring);transform:scale(0);animation:br-dot 2s linear infinite;animation-delay:calc(.1s * var(--i))}
.br-ring:last-child span::before{animation-delay:calc(-.1s * var(--i))}
@keyframes br-dot{0%{transform:scale(1)}50%,100%{transform:scale(0)}}
.br-title{position:relative;z-index:2;margin:0;font:400 clamp(36px,8vw,68px)/1 Nasalization,system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 0 18px #6d8cff}
.br-title span:last-child{color:var(--gold)}
.br-sub{position:relative;z-index:2;margin:12px 16px 0;font:12px/1.5 Nasalization,ui-monospace,monospace;letter-spacing:.22em;color:var(--dim)}

/* the card */
.br-card{margin:22px auto 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(170deg,var(--panel),var(--panel2))}
.br-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.br-card h2{margin:0;font:400 22px/1.2 Nasalization,system-ui,sans-serif;letter-spacing:.12em;color:var(--gold)}
.br-vip{margin:8px 0 0;padding:9px 12px;border:1px dashed rgba(255,212,92,.35);border-radius:8px;color:var(--dim);font-size:13.5px}
.br-vip.is-vip{border-style:solid;border-color:var(--gold);color:var(--gold)}

.br-form{display:grid;gap:12px;margin-top:14px}
.br-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}
.br-amount{display:flex;flex-wrap:wrap;gap:10px}
.br-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;letter-spacing:.06em;color:var(--dim)}
.br-field--grow{flex:1 1 220px}
.br-field select,.br-field input{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);
  color:var(--ink);font:15px ui-monospace,Menlo,Consolas,monospace}
.br-field input:disabled{opacity:.6}
.br-field select:focus-visible,.br-field input:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgba(50,94,239,.45)}
.br-swap{min-width:46px;min-height:46px;border:1px solid var(--ring);border-radius:50%;background:#0a1a8c;color:#fff;font-size:18px;cursor:pointer}
.br-swap:hover,.br-swap:focus-visible{background:#1430c4;outline:none}
.br-hint{margin:-4px 0 0;font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--dim)}
.br-link{margin-left:8px;padding:0;border:0;background:none;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer;min-height:24px}

.br-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ring);border-radius:22px;
  background:#0a1a8c;color:#fff;font:600 14px/1 Nasalization,system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer}
.br-btn:hover,.br-btn:focus-visible{background:#1430c4;outline:none;box-shadow:0 0 0 3px rgba(50,94,239,.45)}
.br-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.br-btn--go{background:#0c6b46;border-color:var(--go)}.br-btn--go:hover:not(:disabled){background:#0f8a5a}
.br-btn--ghost{background:transparent;min-height:40px;font-size:12px}
.br-wide{width:100%}

.br-quote{margin-top:16px;display:grid;gap:12px}
.br-qt{width:100%;border-collapse:collapse;font-size:14px}
.br-qt th,.br-qt td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.br-qt th{width:34%;padding-right:12px;text-align:left;font-weight:500;color:var(--dim)}
.br-qt td{font-family:ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.br-qt .is-total th{color:var(--gold)}.br-qt .is-total td{color:var(--go);font-weight:600}

.br-status{min-height:1.5em;margin:12px 0 0;color:var(--dim);font-size:13.5px}
.br-foot{margin:18px 0 0;text-align:center;color:var(--dim);font-size:12.5px}

@media (max-width:560px){
  .br-route{grid-template-columns:1fr}
  .br-swap{justify-self:center;transform:rotate(90deg)}
  .br-qt th{width:auto;display:block;padding-bottom:0;border:0}.br-qt td{display:block;padding-top:2px}
  .br-field{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.br-hero,.br-ring span::before{animation:none}.br-ring span::before{transform:scale(.6)}}