/* The $QUIT instant swap page (/go, /go/HANDLE): high-contrast modern dark fintech UI matching /apply and /partners. */
*{box-sizing:border-box}
html{color-scheme:dark;background:#070b09}
body{
  --qg-sans:-apple-system,BlinkMacSystemFont,"Inter","Plus Jakarta Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --qg-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  margin:0;min-height:100vh;background:#070b09;color:#ffffff;font:400 17px/1.55 var(--qg-sans);-webkit-font-smoothing:antialiased
}
a{color:inherit;text-underline-offset:4px}
/* the site's skip link (runtime/quit/frames.css), the first Tab on the page (audit SWEEP-12) */
.q-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.q-skip:focus{position:fixed;z-index:2000;top:0;left:0;padding:12px;background:#fff;color:#000}
.qg{max-width:1040px;margin:0 auto;padding:36px 22px 48px;display:grid;gap:22px}
.qg-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:22px;align-items:start}

/* Modern card container. */
.qg-cab{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#0d1411;box-shadow:0 20px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.qg-cab::before,.qg-cab::after{display:none}
.qg-screen{position:relative;margin:0;padding:36px 40px;border-radius:20px;background:transparent;overflow:hidden}
.qg-screen::after{display:none}
.qg-eyebrow{display:inline-flex;align-items:center;margin:0 0 10px;padding:5px 12px;border-radius:99px;background:rgba(34,229,122,.12);border:1px solid rgba(34,229,122,.28);color:#22e57a;font:700 12px/1 var(--qg-sans);letter-spacing:.08em}
.qg-title{margin:0 0 16px;color:#ffffff;font:800 clamp(30px,4vw,46px)/1.08 var(--qg-sans);letter-spacing:-.03em;text-shadow:none}
.qg-lead{margin:0 0 18px;font-size:18px;line-height:1.5;color:#d5e0da}
.qg-lead strong,.qg-green{color:#22e57a;font-weight:700}
.qg-sub{margin:0 0 20px;color:#94a69c;font-size:15px}
.qg-actions{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 0}
.qg-file{margin:0 0 12px;color:#22e57a;font:700 12px/1.2 var(--qg-sans);letter-spacing:.08em}
.qg-h2{margin:0 0 14px;color:#ffffff;font:800 clamp(24px,3vw,34px)/1.12 var(--qg-sans);letter-spacing:-.025em}

/* Buttons. */
.qg .c-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;
  border:1px solid transparent;border-radius:10px;background:linear-gradient(180deg,#ff7a2e 0%,#f25808 100%);
  color:#ffffff;font:700 15px/1.1 var(--qg-sans);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;
  box-shadow:0 4px 16px rgba(255,107,26,.32),inset 0 1px 0 rgba(255,255,255,.22);cursor:pointer;transition:all .14s ease
}
.qg .c-btn::before,.qg .c-btn::after{display:none !important}
.qg .c-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,107,26,.45)}
.qg .c-btn[data-variant="ghost"]{background:#121c17;border:1px solid rgba(255,255,255,.18);color:#ffffff;box-shadow:none}
.qg .c-btn[data-variant="ghost"]:hover{border-color:#22e57a;color:#22e57a}
.qg .c-btn[data-size="xl"]{width:100%;min-height:56px;font-size:18px}

/* The pass on its lanyard. */
.qg-pass{position:relative;margin:0 auto;padding-top:64px;width:230px}
.qg-pass__lanyard{position:absolute;top:0;left:50%;width:120px;height:74px;transform:translateX(-50%)}
.qg-pass__lanyard::before,.qg-pass__lanyard::after{content:'';position:absolute;top:-6px;width:18px;height:84px;background:#097d39;box-shadow:inset 4px 0 0 #25dc71}
.qg-pass__lanyard::before{left:16px;transform:rotate(-24deg)}
.qg-pass__lanyard::after{right:16px;transform:rotate(24deg)}
.qg-pass__clip{position:absolute;top:56px;left:50%;width:34px;height:26px;transform:translateX(-50%);border-radius:4px;background:#656853;box-shadow:inset 0 -4px 0 #333a32,0 2px 0 #000;z-index:2}
.qg-pass__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;border-radius:14px;background:#f4e7cb;color:#1b1f1c;box-shadow:inset 0 0 0 2px #d6d6c8,0 16px 32px rgba(0,0,0,.5);transform:rotate(-1.5deg)}
.qg-pass__kind{font:800 12px/1 var(--qg-sans);letter-spacing:.08em;color:#953407}
.qg-pass__photo{display:grid;place-items:center;width:150px;height:132px;border-radius:8px;background:#1b1f1c;box-shadow:inset 0 0 0 3px #333a32}
.qg-pass__photo img{width:104px;height:104px;object-fit:contain}
.qg-pass__label{font:700 11px/1 var(--qg-sans);color:#5b5249;letter-spacing:.06em}
.qg-pass__name{font:800 20px/1.1 var(--qg-sans);letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere;max-width:100%}
.qg-pass__name[data-len="long"]{font-size:16px}
.qg-pass__name[data-len="xlong"]{font-size:13px}
.qg-pass__stamp{position:absolute;right:-12px;bottom:-10px;padding:4px 10px;border:3px solid #c42018;border-radius:6px;background:#f4e7cb;color:#c42018;font:800 16px/1 var(--qg-sans);transform:rotate(-12deg)}

/* The buy layout. */
.qg-buy{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}
.qg-label{display:block;margin:0 0 8px;color:#d5e0da;font:700 12px/1.2 var(--qg-sans);letter-spacing:.06em}
.qg-amount{display:flex;align-items:center;gap:10px;border:2px solid #22e57a;border-radius:12px;background:#070c0a;padding:8px 16px;box-shadow:0 0 0 3px rgba(34,229,122,.12)}
.qg-amount input{flex:1;width:0;min-width:0;border:0;background:transparent;color:#22e57a;font:800 32px/1.1 var(--qg-sans);outline:none;appearance:textfield}
.qg-amount input::-webkit-outer-spin-button,.qg-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qg-amount b{color:#94a69c;font:800 15px/1 var(--qg-sans)}
.qg-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.qg-quote{min-height:1.4em;margin:8px 0 14px;font:700 18px/1.35 var(--qg-sans);color:#ffffff}
.qg-quote small{display:block;color:var(--t-muted,#b5bba9);font-size:21px}
.qg-wallets{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.qg-wallet{flex:1 1 210px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-items:center;min-height:60px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#121c17;color:#ffffff;font:700 15px/1.15 var(--qg-sans);text-align:left;text-decoration:none;cursor:pointer;transition:all .14s ease}
.qg-wallet img{grid-row:1/3;width:40px;height:40px;border-radius:9px}
.qg-wallet__name{align-self:end}
.qg-wallet__state{align-self:start;color:#22e57a;font-size:11px;letter-spacing:.05em}
.qg-wallet:hover,.qg-wallet:focus-visible{border-color:#22e57a;transform:translateY(-1px)}
.qg-wallet--lead{flex-basis:100%;grid-template-columns:48px minmax(0,1fr);min-height:70px;border-color:rgba(171,159,242,.55);font-size:18px}
.qg-wallet--lead img{width:48px;height:48px;border-radius:12px}
.qg-wallet.is-on{border-color:#22e57a;background:rgba(34,229,122,.1);box-shadow:0 0 0 2px rgba(34,229,122,.2)}
.qg-feenote{margin:0 0 14px;color:#94a69c;font-size:14px}
.qg-risk{margin:16px 0 0;color:#94a69c;font-size:13px}
.qg-status{min-height:1.3em;margin:12px 0;color:#22e57a;font:600 15px/1.4 var(--qg-sans)}
.qg-status[data-tone="bad"]{color:#ff6860}
.qg-closed{font-size:20px;color:#ffffff}
.qg-funnel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.qg-funnel>span{color:#94a69c;font:700 12px/1.3 var(--qg-sans);letter-spacing:.06em}
.qg-funnel__links{display:flex;flex-wrap:wrap;gap:10px}
.qg .c-btn[data-size="s"]{min-height:38px;padding:8px 14px;font-size:12px}
[hidden]{display:none !important}
@media (max-width:860px){
  .qg{padding:18px 12px 32px}
  .qg-screen{padding:24px 18px}
  .qg-buy{grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center}
  .qg-buy>div{width:100%}
}
