.terminal{--t-bg:#0a0d1a;--t-ink:#fff;--t-mute:#ffffff8c;--t-line:#ffffff1f;--t-card:#ffffff1a;--t-ok:#1f7a46;--t-bad:#b3362b;--brand:#d7262c;--wash:#2b73c2;--b1:color-mix(in srgb, var(--wash) 30%, #fff);--b2:#b9e6d4;--b3:#ffd3bd;--t-tint:transparent;--h-blue:#295efc;--h-navy:#0a0d1a;--t-font:var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;background:var(--t-bg);color:var(--t-ink);font-family:var(--t-font);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden;container-type:size}.terminal .bgfx{background:radial-gradient(58cqw 58cqw at 14% 16%, var(--b1) 0%, transparent 72%), radial-gradient(64cqw 64cqw at 90% 36%, var(--b2) 0%, transparent 72%), radial-gradient(72cqw 72cqw at 44% 98%, var(--b3) 0%, transparent 72%);will-change:transform;animation:48s ease-in-out infinite alternate drift;display:none;position:absolute;inset:-18%}@keyframes drift{0%{transform:translate(0)rotate(0)scale(1)}to{transform:translate(-3%,2.5%)rotate(4deg)scale(1.06)}}.terminal .tint{z-index:1;background:var(--t-tint);opacity:0;transition:opacity .9s;position:absolute;inset:0}.terminal.state-success,.terminal.state-failed,.terminal.state-expired,.terminal.state-cancelled{--t-tint:#000000b8}.terminal.state-success .tint,.terminal.state-failed .tint,.terminal.state-expired .tint,.terminal.state-cancelled .tint{opacity:1}.terminal.state-success .fx,.terminal.state-success .beam,.terminal.state-failed .fx,.terminal.state-failed .beam,.terminal.state-expired .fx,.terminal.state-expired .beam,.terminal.state-cancelled .fx,.terminal.state-cancelled .beam{opacity:.35!important}.terminal.state-success .mark.ok{box-shadow:0 0 8cqw #1f7a4673}.terminal.state-failed .mark.bad,.terminal.state-expired .mark.bad,.terminal.state-cancelled .mark.bad{box-shadow:0 0 8cqw #b3362b66}@media (prefers-reduced-motion:reduce){.terminal .bgfx{animation:none}}.terminal .screen{z-index:2;flex-direction:column;padding:5cqh 6cqw 3.5cqh;display:flex;position:absolute;inset:0}.terminal .head{justify-content:space-between;align-items:center;display:flex}.terminal .brandmark{width:auto;max-width:52cqw;height:4cqw}.terminal .brandmark.text{letter-spacing:-.03em;white-space:nowrap;color:#fff;height:auto;font-size:3.2cqw;font-weight:700}.terminal .lang{background:#ffffff1a;border-radius:999px;gap:.4cqw;padding:.5cqw;display:flex}.terminal .lang button{font:inherit;letter-spacing:.08em;color:var(--t-mute);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.9cqw 2.2cqw;font-size:1.8cqw;font-weight:700}.terminal .lang button[aria-pressed=true]{color:var(--h-navy);background:#fff}.terminal .lang button:focus-visible{outline:.4cqw solid var(--t-ink);outline-offset:.3cqw}.terminal .mid{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.2cqh;display:flex}.terminal .title{letter-spacing:-.03em;text-wrap:balance;max-width:80cqw;font-size:6cqw;font-weight:800;line-height:1.08}.terminal .sub{color:var(--t-mute);text-wrap:balance;max-width:24em;font-size:2.45cqw;line-height:1.5}.terminal .sub.small{font-size:2.1cqw}.terminal .sub.pre{white-space:pre-line}.terminal:not(.idle-beam) .beam,.terminal:not(.idle-beam) .lattice{display:none}.terminal .lattice{opacity:0;pointer-events:none;background-image:url(/brand/hopae-mark-white.svg);background-position:50% 44%;background-size:5.5cqw 5.5cqw;transition:opacity .9s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70cqw 60cqh at 50% 44%,#000 0%,#00000080 45%,#0000 100%);mask-image:radial-gradient(70cqw 60cqh at 50% 44%,#000 0%,#00000080 45%,#0000 100%)}.terminal.idle-beam .lattice{opacity:.04}.terminal .beam{opacity:0;pointer-events:none;background:radial-gradient(18cqw 18cqw,#ffffffd9 0%,#cddcff8c 22%,#295efc59 50%,#0000 72%),linear-gradient(90deg,#0000 47.5%,#aac3ff59 49.6%,#fff9 50%,#aac3ff59 50.4%,#0000 52.5%),conic-gradient(#295efcf2 0deg,#295efc8c 9deg,#295efc00 24deg,#0000 156deg,#295efc8c 171deg,#295efcf2 180deg,#295efc8c 189deg,#295efc00 204deg,#0000 336deg,#295efc8c 351deg,#295efcf2 360deg);transition:opacity .9s;position:absolute;inset:-10%;transform:translateY(-5%);-webkit-mask-image:radial-gradient(70cqw 95cqh,#000 30%,#0009 60%,#0000 100%);mask-image:radial-gradient(70cqw 95cqh,#000 30%,#0009 60%,#0000 100%)}.terminal.idle-beam .beam{opacity:.9}.terminal .knot{color:#fff;filter:drop-shadow(0 0 2.5cqw #295efce6)drop-shadow(0 0 .6cqw #ffffff80);width:15cqw;height:15cqw;margin-bottom:2cqh;animation:9s cubic-bezier(.7,0,.2,1) infinite knot-turn}.terminal .knot svg{width:100%;height:100%;display:block}@keyframes knot-turn{0%,72%{transform:rotate(0)}to{transform:rotate(180deg)}}.terminal .title.light{letter-spacing:.01em;color:#ffffffeb;font-size:5.2cqw;font-weight:300}.terminal .lang button{color:#fff9}.terminal .foot .dot:before{color:#5b86ff}@media (prefers-reduced-motion:reduce){.terminal .knot{animation:none}}.terminal .fx{opacity:1;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.terminal:not(.state-idle) .fx,.terminal.idle-beam:not(.state-idle) .beam{opacity:.45}.terminal.idle-beam:not(.state-idle) .lattice{opacity:.02}.terminal.idle-horizon{--t-bg:#0a0d1a}.terminal.idle-horizon .fx.l1{background:linear-gradient(#0a0d1a 0%,#0c1538 52%,#1746c9 76%,#295efc 100%)}.terminal.idle-horizon .fx.l2{background:radial-gradient(110cqw 26cqh at 50% 76%,#fff6 0%,#8cb4ff40 30%,#295efc00 70%),linear-gradient(90deg,#fff0 8%,#ffffffd9 50%,#fff0 92%) 0 76%/100% 2px no-repeat;animation:7s ease-in-out infinite breathe-soft}@keyframes breathe-soft{0%,to{opacity:1}50%{opacity:.72}}.terminal.idle-eclipse .fx.l1{background:radial-gradient(circle at 50% 46%,#0a0d1a 0 27cqw,#fffffff2 27.3cqw,#96b4ffd9 27.9cqw,#295efc80 30.5cqw,#295efc2e 39cqw,#295efc00 58cqw)}.terminal.idle-eclipse .fx.l2{background:radial-gradient(70cqw 44cqh at 50% 36%,#295efc59 0%,#295efc00 70%);animation:8s ease-in-out infinite breathe-soft}.terminal.state-idle.idle-eclipse .knot{filter:drop-shadow(0 0 1.2cqw #295efc99)}.terminal.idle-arc .fx.l1{background:radial-gradient(circle at 50% calc(74cqh + 120cqw),#070a16 0,#0b1230 119.2cqw,#ffffffe6 120cqw,#96b9ffb3 120.6cqw,#295efc73 123cqw,#295efc26 132cqw,#295efc00 150cqw)}.terminal.idle-arc .fx.l2{background:radial-gradient(130cqw 36cqh at 50% 74%,#295efc73 0%,#295efc00 70%);animation:9s ease-in-out infinite breathe-soft}.terminal.idle-spotlight .fx.l1{background:conic-gradient(at 50% 0,#295efc00 0deg 160deg,#295efc73 171deg,#cddcffd9 180deg,#295efc73 189deg,#295efc00 200deg 360deg);inset:-4% 0 0;-webkit-mask-image:linear-gradient(#000 0%,#000000bf 55%,#00000026 92%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000bf 55%,#00000026 92%,#0000 100%)}.terminal.idle-spotlight .fx.l2{background:radial-gradient(22cqw 22cqw at 50% 44%,#fff6 0%,#295efc40 45%,#295efc00 70%),radial-gradient(70cqw 9cqh at 50% 86%,#295efc66 0%,#295efc00 70%);animation:7s ease-in-out infinite breathe-soft}.terminal.idle-glow .fx.l1{transform-origin:50% 44%;background:radial-gradient(64cqw 64cqw at 50% 44%,#fff6 0%,#82a5ff80 12%,#295efc80 30%,#295efc29 52%,#295efc00 74%);animation:9s ease-in-out infinite glow-breathe}.terminal.idle-glow .fx.l2{background:radial-gradient(100cqw 90cqh,#05071000 45%,#050710d9 100%)}@keyframes glow-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.07)}}.terminal.idle-streak .fx.l1{background:linear-gradient(118deg,#295efc00 36%,#295efc47 45%,#bed2ffbf 50%,#295efc47 55%,#295efc00 64%),linear-gradient(118deg,#fff0 49.7%,#fffffff2 50%,#fff0 50.3%);inset:-20%;-webkit-mask-image:radial-gradient(80cqw 80cqh,#000 35%,#00000080 70%,#0000 100%);mask-image:radial-gradient(80cqw 80cqh,#000 35%,#00000080 70%,#0000 100%)}.terminal.idle-streak .fx.l2{background:radial-gradient(34cqw 34cqw at 50% 44%,#ffffff8c 0%,#295efc59 35%,#295efc00 70%);animation:8s ease-in-out infinite breathe-soft}@media (prefers-reduced-motion:reduce){.terminal .fx{animation:none!important}}.terminal .qr{background:#fff;border-radius:4cqw;width:50cqw;height:50cqw;margin:1cqh 0;padding:3.6cqw;box-shadow:0 0 8cqw #295efc59,0 2.4cqw 7cqw -2.4cqw #000000b3}.terminal .qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.terminal .code{letter-spacing:.22em;background:var(--t-card);border:1px solid #fff3;border-radius:1.4cqw;padding:.3em .7em .3em .95em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:4cqw}.terminal .bar{background:#ffffff26;border-radius:1cqw;width:50cqw;height:.7cqw;overflow:hidden}.terminal .bar i{background:var(--t-ink);height:100%;transition:width 1s linear;display:block}.terminal .steps{gap:1.4cqw;width:60cqw;margin-top:3cqh;display:flex}.terminal .steps span{color:var(--t-mute);text-align:left;border-top:.6cqw solid #ffffff26;flex:1;padding-top:1.2cqh;font-size:1.9cqw}.terminal .steps span.on{border-color:var(--t-ink);color:var(--t-ink);font-weight:700}.terminal .spinner{border:.9cqw solid #ffffff26;border-top-color:var(--t-ink);border-radius:50%;width:9cqw;height:9cqw;margin-bottom:1cqh;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.terminal .mark{color:#fff;border-radius:50%;place-items:center;width:16cqw;height:16cqw;margin-bottom:1cqh;font-size:8cqw;font-weight:800;display:grid;box-shadow:0 2.4cqw 6cqw -2cqw #141e3c4d}.terminal .mark.ok{background:var(--t-ok)}.terminal .mark.bad{background:var(--t-bad)}.terminal .foot{color:var(--t-mute);letter-spacing:.02em;border-top:1px solid var(--t-line);justify-content:space-between;align-items:center;padding-top:2cqh;font-size:1.9cqw;font-weight:600;display:flex}.terminal .foot .dot:before{content:"●";color:var(--t-ok);margin-right:.5em}.terminal .foot .dot.off:before{color:var(--t-bad)}.terminal .offline-banner{z-index:3;background:var(--t-bad);color:#fff;text-align:center;padding:1.2cqh;font-size:2.1cqw;font-weight:700;position:absolute;top:0;left:0;right:0}.terminal.setup .head{align-items:center}.terminal.setup .knot.sm{width:7cqw;height:7cqw;margin:0;animation:none}.terminal.setup .knot.sm svg{width:100%;height:100%}.terminal.setup .screen{justify-content:flex-start;gap:3cqh}.terminal .setup-card{text-align:left;flex-direction:column;gap:2cqh;width:100%;max-width:78cqw;margin:2cqh auto 0;display:flex}.terminal .setup-card .title{font-size:5cqw}.terminal .setup-card .sub{max-width:none}.terminal .setup-card .row{grid-template-columns:1fr 1fr;gap:2cqw;display:grid}.terminal .setup-card .f{flex-direction:column;gap:.8cqh;display:flex}.terminal .setup-card .f span{letter-spacing:.06em;text-transform:uppercase;color:var(--t-mute);font-size:1.9cqw;font-weight:700}.terminal .setup-card input,.terminal .setup-card select{font:inherit;border:.25cqw solid var(--t-line);color:var(--t-ink);background:#ffffff14;border-radius:1.4cqw;outline:none;width:100%;padding:1.4cqh 2cqw;font-size:2.8cqw}.terminal .setup-card select option{color:#111}.terminal .setup-card input:focus,.terminal .setup-card select:focus{background:#ffffff1f;border-color:#5b86ff}.terminal .setup-card .err{color:#ff9b8f;font-size:2.2cqw}.terminal .setup-card .go{font:inherit;color:var(--h-navy);cursor:pointer;background:#fff;border:0;border-radius:1.6cqw;margin-top:1cqh;padding:2cqh 2cqw;font-size:3cqw;font-weight:800}.terminal .setup-card .go:disabled{opacity:.5;cursor:default}