*{box-sizing:border-box}:root{color-scheme:dark;--ink:#f1fffb;--muted:#c8dcda;--line:#7ee5ff55;--gold:#f3d77d;--panel:#041923e8}html,body{min-height:100%;margin:0;background:#04131d;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}.gateway{position:relative;min-height:100dvh;padding:clamp(16px,3vw,34px);isolation:isolate;background:radial-gradient(circle at 18% 8%,#1f7f8a45,transparent 32%),radial-gradient(circle at 82% 18%,#7a5d2038,transparent 30%),linear-gradient(145deg,#031019,#071f2a 48%,#030d14)}.gateway-shade{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,#02101922,#021019b7 48%,#021019eb),repeating-linear-gradient(120deg,transparent 0 34px,#7ee5ff08 35px 36px)}.gateway-header{display:flex;align-items:center;gap:12px;max-width:1120px;margin:auto}.gateway-header img{width:56px;height:56px;object-fit:contain}.gateway-header div{min-width:0}.gateway-header small,.install-copy small,.status-card>small{color:#8de5ef;font-size:.72rem;font-weight:900;letter-spacing:.14em}.gateway-header h1{margin:1px 0 0;font:600 clamp(1.7rem,4vw,2.5rem)/1 Georgia,serif}.version{margin-left:auto;padding:7px 11px;border:1px solid #f3d77d77;border-radius:999px;background:#041923bb;color:#ffe9a8;font:900 .75rem ui-monospace,monospace}.install-card{max-width:1120px;margin:clamp(24px,6vh,58px) auto 20px;padding:clamp(18px,4vw,38px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#061923ee,#082b36e8);box-shadow:0 30px 90px #0009,inset 0 1px 0 #ffffff12;backdrop-filter:blur(12px)}.install-copy h2{max-width:850px;margin:7px 0 10px;font:600 clamp(2rem,6vw,4.2rem)/.98 Georgia,serif}.install-copy p{max-width:820px;margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.topology{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin:24px 0}.topology article{position:relative;min-width:0;padding:14px;border:1px solid #7ee5ff3d;border-radius:16px;background:#00101855}.topology article b{position:absolute;right:10px;top:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#7ee5ff22;color:#bff7ff}.topology strong,.topology span{display:block}.topology strong{font-family:Georgia,serif;font-size:1.15rem}.topology span{margin-top:4px;color:var(--muted);font-size:.88rem}.topology i{align-self:center;color:#8de5ef;font-style:normal}.gateway-actions,.card-actions{display:flex;flex-wrap:wrap;gap:9px}.gateway-actions button,.gateway-actions a,.card-actions a{min-height:46px;display:inline-grid;place-items:center;padding:9px 15px;border:1px solid var(--line);border-radius:12px;background:#092b37;color:#fff;text-decoration:none;font-weight:850;cursor:pointer}.gateway-actions .primary{border-color:#ffe18a;background:linear-gradient(135deg,#426f65,#7a5d20);box-shadow:0 0 20px #f3d77d33}.gateway-actions button:disabled{opacity:.5;cursor:not-allowed}.install-help{min-height:1.4em;margin:11px 0 0;color:#d7eee8}.package-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}.package-state div{min-width:0;padding:10px 12px;border:1px solid #7ee5ff2f;border-radius:12px;background:#00101855}.package-state dt{color:#8de5ef;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.package-state dd{margin:4px 0 0;color:#fff;overflow-wrap:anywhere}.gateway-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.status-card{min-width:0;padding:18px;border:1px solid #7ee5ff3d;border-radius:20px;background:#041923dc;backdrop-filter:blur(10px)}.status-card h3{margin:5px 0 8px;font:600 1.45rem Georgia,serif}.status-card p{color:var(--muted);line-height:1.5}.status-card dl{display:grid;gap:7px}.status-card dl div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #7ee5ff20;padding-bottom:5px}.status-card dt{color:var(--muted)}.status-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.card-actions a{min-height:38px;padding:7px 10px;font-size:.82rem}.is-offline{color:#ffd08a}.is-online{color:#8df0c6}@media(max-width:820px){.topology{grid-template-columns:1fr}.topology i{transform:rotate(90deg);text-align:center}.gateway-grid,.package-state{grid-template-columns:1fr}.install-copy h2{font-size:clamp(2rem,10vw,3.2rem)}}