.network-departure {
  box-sizing:border-box; width:min(520px,calc(100% - 40px)); max-height:calc(100svh - 40px);
  margin:auto; padding:32px; color:#FAFAFA; background:#090B2C;
  border:1px solid #968EFF42; border-radius:16px; overflow:auto;
  font-family:inherit; box-shadow:0 24px 90px #00022270;
}
.network-departure::backdrop { background:#000222b8; backdrop-filter:blur(5px); }
.network-departure[open] { animation:network-enter 280ms cubic-bezier(.16,1,.3,1) both; }
.network-departure .network-badge { display:inline-flex; align-items:center; gap:7px; color:#B6AFFF; background:#968EFF14; border:1px solid #968EFF30; border-radius:20px; padding:7px 10px; font-size:12px; line-height:1.2; }
.network-departure svg { display:block; flex-shrink:0; width:20px; height:20px; fill:currentColor; }
.network-departure .network-badge svg { width:16px; height:16px; }
.network-departure h2 { margin:24px 0 14px; font-size:clamp(26px,6.5vw,32px); letter-spacing:-.035em; font-weight:500; line-height:1.15; }
.network-departure p { color:#AAAAC0; font-size:14px; line-height:1.65; margin:0; }
.network-departure .network-destination { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #ffffff1c; border-radius:12px; padding:18px; margin:24px 0; background:#000222; }
.network-departure .network-destination strong { display:block; font-size:18px; font-weight:500; line-height:1.4; }
.network-departure .network-destination span { display:block; color:#AAAAC0; font-size:13px; margin-top:4px; overflow-wrap:anywhere; }
.network-departure .network-destination svg { color:#968EFF; }
.network-departure .network-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.network-departure .network-actions a, .network-departure .network-actions button { display:flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; min-height:48px; padding:12px; border:1px solid #ffffff28; border-radius:8px; background:transparent; color:#FAFAFA; font-family:inherit; font-size:13px; font-weight:500; line-height:1.4; text-decoration:none; cursor:pointer; transition:background-color 180ms ease,transform 180ms ease; }
.network-departure .network-actions a { color:#000222; background:#FAFAFA; border-color:#FAFAFA; }
.network-departure .network-actions a:hover { background:#968EFF; border-color:#968EFF; }
.network-departure .network-actions button:hover { background:#968EFF14; }
.network-departure .network-actions :active { transform:scale(.98); }
.network-departure :focus-visible { outline:2px solid #968EFF; outline-offset:4px; }
.network-departure .network-footnote { font-size:11px; margin-top:18px; }
@keyframes network-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:480px) { .network-departure { padding:24px; } .network-departure .network-actions { grid-template-columns:1fr; } .network-departure .network-actions a { grid-row:1; } }
@media (prefers-reduced-motion:reduce) { .network-departure[open] { animation:none; } .network-departure .network-actions a,.network-departure .network-actions button { transition:none; } .network-departure .network-actions :active { transform:none; } }