:root{--ink:#17181c;--soft:#8b909a;--line:#ececef;--bg:#fff;--card:#fff;--acc:#17181c;--acc-h:#2c2e34;--ok:#2f6b4a;--err:#a4382e;--raio:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);font:15px/1.6 Helvetica Neue,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a,body{color:var(--ink)}a{text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:#c9ccd2;text-decoration-color:#c9ccd2}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.wrap{max-width:880px;margin:0 auto;padding:36px 22px 90px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--raio);padding:24px;box-shadow:0 1px 2px rgba(20,21,26,.03)}.topo{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:26px;flex-wrap:wrap}.topo h1{font-size:24px;font-weight:300;letter-spacing:-.02em;margin:0}.tabs{display:flex;gap:22px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{border:0;background:none;padding:10px 2px 12px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.on,.tab:hover{color:var(--ink)}.tab.on{border-bottom-color:var(--ink)}.inp{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}.inp::placeholder{color:#b4b8bf}.inp:focus{outline:none;border-color:#b9bdc4;box-shadow:0 0 0 3px rgba(23,24,28,.05)}.btn{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:12px 20px;font:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .15s}.btn:hover{background:var(--acc-h)}.btn:disabled{opacity:.4;cursor:default}.btn.cinza{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.cinza:hover{background:#f7f7f8}.btn.ok{background:var(--ok)}.btn.mini{padding:8px 14px;font-size:13px;border-radius:8px}.lista{display:flex;flex-direction:column}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:0;border-bottom:1px solid var(--line);padding:16px 4px;cursor:pointer;transition:padding .15s}.item:first-child{border-top:1px solid var(--line)}.item:hover{padding-left:10px}.item .nome{font-weight:500;letter-spacing:-.01em}.item .dom{color:var(--soft);font-size:13px}.badge{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 12px;white-space:nowrap;border:1px solid var(--line);color:var(--soft);background:#fff}.badge.verde{border-color:#d7e6dc;color:var(--ok);background:#f6faf7}.badge.amarelo{border-color:#ecdfc0;color:#8a6d1a;background:#fbf8f0}.box{position:relative;background:#fafafb;border:1px solid var(--line);border-radius:10px;padding:16px;margin:0 0 14px}.box pre{margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3c3f45}.lbl{display:block;font-size:10px;font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.aviso{border:1px solid var(--line);border-left:3px solid #d8c48a;border-radius:10px;padding:13px 16px;font-size:14px;margin:14px 0;color:#4a4d54}.aviso,.rec{background:#fff}.rec{border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:16px;color:var(--ok)}.erro{background:#fff;border:1px solid var(--line);border-left:3px solid var(--err);border-radius:10px;padding:13px 16px;font-size:14px;margin:14px 0;color:var(--err)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media(max-width:620px){.grid2{grid-template-columns:1fr}}.secao{border:1px solid var(--line);border-radius:var(--raio);padding:20px;margin-bottom:14px;background:#fff}.secao h3{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3c3f45}.campo{margin-bottom:12px}.campo label{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:5px}.cores{gap:14px;flex-wrap:wrap}.cor,.cores{display:flex}.cor{flex-direction:column;align-items:center;gap:5px;font-size:11px;letter-spacing:.06em;color:var(--soft)}.cor input[type=color]{width:46px;height:40px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff;cursor:pointer}.rodape{margin-top:28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b4b8bf}.rodape,.spin{text-align:center}.spin{color:var(--soft);padding:32px;font-size:14px}.marca{text-align:center;margin-bottom:26px}.marca .m1{font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#9aa0a9}.marca .m2{font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.15}.marca .m2 span{font-weight:200;letter-spacing:-.02em}h2{font-size:16px;font-weight:600;letter-spacing:-.01em}ol{color:#3c3f45}ol li{margin-bottom:6px}