:root{--fundo:#fff6d6;--painel:#fff;--texto:#1f2a44;--texto-suave:#5a6478;--azul:#1f5fbf;--laranja:#f28c18;--vermelho:#e0412b;color:var(--texto);background:var(--fundo);font-family:Poppins,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}.ola{place-items:center;min-height:100vh;padding:16px;display:grid}.cartao{background:var(--painel);text-align:center;border-radius:28px;width:100%;max-width:560px;padding:48px 32px;box-shadow:0 12px 40px #00000014}.cartao h1{color:var(--azul);margin:0;font-size:clamp(2.2rem,8vw,3.5rem);font-weight:700}.cartao h1 span{background:linear-gradient(90deg, var(--laranja), var(--vermelho));color:#0000;-webkit-background-clip:text;background-clip:text}.slogan{color:var(--texto-suave);margin:8px 0 32px}.status{background:var(--azul);color:#fff;border-radius:999px;margin:0;padding:10px 20px;font-weight:600;display:inline-block}.conexao{color:var(--texto-suave);margin:16px 0 0;font-size:.9rem;font-weight:600}.conexao-ok{color:#1d7a3a}.conexao-erro{color:var(--vermelho)}