:root { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17202a; background: #f4f7fb; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.cartao { width: min(440px, 100%); padding: 36px 28px; border: 1px solid #dfe5ec; border-radius: 20px; background: #fff; box-shadow: 0 16px 45px rgba(19, 45, 72, .12); text-align: center; }
.icone { width: 64px; height: 64px; margin: 0 auto 18px; display: grid; place-items: center; border-radius: 50%; background: #e8f0fe; font-size: 30px; }
h1 { margin: 0 0 12px; font-size: 1.7rem; }
p { line-height: 1.5; }
button, .botao-link { display: inline-block; width: 100%; margin-top: 18px; padding: 14px 18px; border: 0; border-radius: 10px; background: #1a73e8; color: #fff; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
.nota { margin: 20px 0 0; color: #657384; font-size: .86rem; }
[data-tipo="sucesso"] .icone { background: #e6f4ea; }
[data-tipo="erro"] .icone { background: #fce8e6; }
[data-tipo="erro"] h1 { color: #b3261e; }