:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; justify-items: center; align-content: start; padding: 56px 16px 24px; color: #FFFFFF;
  font: 400 1rem/1.5 -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
  background: radial-gradient(150px 84px at 50% 88px, #00C4FE 0%, rgb(0 196 254 / 0.5) 45%, transparent 100%) no-repeat, linear-gradient(180deg, #0B73A8 0%, #08638F 100%); }
.caixa { width: 100%; max-width: 380px; text-align: center; }
.estrela { width: 64px; height: 64px; margin-bottom: 16px; }
h1 { font-size: 1.6rem; margin: 0 0 8px; }
p { margin: 0 0 16px; }
form { text-align: left; margin-top: 8px; }
label { display: block; font-weight: 600; font-size: .9rem; margin: 12px 0 6px; }
input { width: 100%; height: 50px; padding: 0 16px; border: 0; border-radius: 14px; font: inherit; color: #0B2433; background: #FFFFFF; }
input:focus { outline: 3px solid #00C4FE; }
button { width: 100%; height: 52px; margin-top: 16px; border: 0; border-radius: 26px; font-family: inherit; font-size: 1.05rem; font-weight: 600; color: #08638F; background: #FFFFFF; cursor: pointer; }
button:disabled { opacity: .6; }
#erro { min-height: 1.5em; margin: 10px 0 0; font-weight: 600; }
#erro:not(:empty) { padding: 8px 12px; border-radius: 10px; background: rgb(11 36 51 / .55); }