:root{--noite:#161210;--superficie:#221c18;--superficie-alta:#2e2622;--creme:#f2e9dc;--creme-suave:rgba(242,233,220,0.7);--creme-fraco:rgba(242,233,220,0.5);--laranja:#ff7a1a;--ambar:#ffb53d;--verde:#4cbb7f;--vermelho:#e5544b}*{box-sizing:border-box}body{margin:0;background:var(--noite);color:var(--creme);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;background:var(--laranja);color:var(--noite);font-weight:600}button:disabled{opacity:.5;cursor:default}button.fantasma{background:transparent;color:var(--creme-suave)}button.fantasma,input,select{border:1px solid var(--superficie-alta)}input,select{font:inherit;background:var(--superficie);color:var(--creme);border-radius:8px;padding:10px 12px;width:100%}.layout{display:flex;min-height:100vh}.lateral{width:220px;flex:none;background:var(--superficie);padding:10px 14px 20px;border-right:1px solid var(--superficie-alta)}.lateral .marca{width:148px;margin:-26px auto -22px}.lateral .marca+div .rotulo{margin-top:0}.lateral .rotulo{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--creme-fraco);margin:16px 0 6px}.lateral a{display:block;padding:8px 10px;border-radius:8px;color:var(--creme-suave)}.lateral a.ativo{background:var(--superficie-alta);color:var(--creme);font-weight:600}.principal{flex:1 1;padding:28px 32px;max-width:1100px}h1{font-size:1.4rem;margin:0 0 4px}.subtitulo{color:var(--creme-fraco);margin:0 0 24px}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.cartao{background:var(--superficie);border-radius:12px;padding:16px}.cartao .numero{font-size:1.9rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cartao .titulo{color:var(--creme-fraco);font-size:.8rem}.cartao .detalhe{color:var(--creme-suave);font-size:.78rem;margin-top:6px}table{width:100%;border-collapse:collapse;margin-top:16px}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--superficie-alta);font-size:.9rem}th{color:var(--creme-fraco);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.selo{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:700;background:var(--superficie-alta);color:var(--creme-suave)}.selo.premium{background:var(--ambar);color:var(--noite)}.aviso{background:var(--superficie);border:1px solid var(--superficie-alta);border-radius:12px;padding:16px;color:var(--creme-suave)}.erro{color:var(--vermelho)}.formulario{display:grid;grid-gap:12px;gap:12px;max-width:420px;margin-top:16px}.centro{min-height:100vh;display:grid;place-items:center;text-align:center;padding:32px}