/* PARIDADE P0b: entrada do HQ publicado. Estrutura do gate do Regência; cores da Integralis (brand/tokens.css,
   valores do padrão da casa de 12/10/2026). Tema escuro; nenhuma cor solta fora destes tokens. */
:root{--bg:#070609;--panel:#0f0f15;--card:#111118;--line:#20212f;--line2:#3e3f47;--fg:#ffffff;--mut:#adaeb8;
  --dim:#8e8f9a;--grey:#9aa2a7;--pri:#439cb6;--pri-lt:#7fd6f0;--pri-dk:#1c6f8c;--btn:#1c6f8c;--btn-h:#0e5576;
  --ok:#5ec9a0;--warn:#e0b54a;--danger:#f0675c;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#gate{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.gcard{width:min(460px,92vw);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 28px;
  box-shadow:0 24px 64px var(--bg)}
.gbrand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.gbrand img{width:44px;height:44px;flex:none}
.gword{font-weight:700;letter-spacing:.06em;color:var(--pri-lt);white-space:nowrap}
.gword b{color:var(--grey)}
h1{font-size:24px;line-height:1.25;margin:0 0 8px}
.gsub{color:var(--mut);margin:0 0 24px}
.gprimary,.gbuy{display:block;width:100%;text-align:center;border-radius:10px;text-decoration:none;font-weight:700}
.gprimary{padding:14px 16px;background:var(--btn);border:1px solid var(--btn);color:var(--fg)}
.gprimary:hover,.gprimary:focus-visible{background:var(--btn-h);border-color:var(--btn-h)}
.gprimary[aria-disabled="true"]{opacity:.7}
.gstatus{min-height:1.5em;margin:12px 0 0;color:var(--mut)}
.gcancel{color:var(--pri-lt)}
.gor{display:flex;align-items:center;gap:12px;color:var(--dim);margin:24px 0 16px;font-size:14px}
.gor::before,.gor::after{content:"";flex:1;border-top:1px solid var(--line2)}
.glegal{margin:18px 0 0;text-align:center;font-size:13px;color:var(--dim)}
.glegal a{color:var(--pri)}
.gbuy{padding:12px 16px;border:1px solid var(--pri);color:var(--pri-lt);background:transparent}
.gbuy:hover,.gbuy:focus-visible{background:var(--panel)}
a:focus-visible{outline:2px solid var(--pri-lt);outline-offset:2px}