:root{--azul:#3483fa;--azul-texto:#2968c8;--amarelo:#ffe600;--verde:#00a650;--vermelho:#f23d4f;--fundo:#ededed;--superficie:#fff;--texto:rgba(0,0,0,0.9);--texto-2:rgba(0,0,0,0.7);--linha:rgba(0,0,0,0.1);--elev:0 1px 2px 0 rgba(0,0,0,0.12)}*{box-sizing:border-box}body{margin:0;padding:32px 24px;background:var(--fundo);color:var(--texto);font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:20px}main{max-width:720px;margin-inline:auto}h1{font-size:28px;line-height:35px;font-weight:600;margin:0 0 16px}a{color:var(--azul-texto)}form{grid-gap:16px;gap:16px;background:var(--superficie);border:1px solid var(--linha);border-radius:12px;box-shadow:var(--elev);padding:24px;margin:16px 0}form,label{display:grid}label{grid-gap:6px;gap:6px;font-size:14px;color:var(--texto-2)}input{font:inherit;padding:12px;border:1px solid rgba(0,0,0,.25);border-radius:6px;background:var(--superficie)}input:focus-visible{outline:2px solid var(--azul);outline-offset:1px}button{font:inherit;font-weight:600;color:#fff;background:var(--azul);border:0;border-radius:6px;padding:12px 24px;cursor:pointer}button:hover{background:var(--azul-texto)}button:disabled{background:rgba(0,0,0,.1);color:rgba(0,0,0,.25);cursor:default}ul{list-style:none;padding:0;display:grid;grid-gap:12px;gap:12px}ul li{background:var(--superficie);border:1px solid var(--linha);border-radius:12px;box-shadow:var(--elev);padding:16px}[role=alert]{color:var(--vermelho);font-size:14px}code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}