:root{--bg:#06122b;--bg-meio:#0a1d45;--card:rgba(13,33,74,.72);--fg:#f3f6fa;--muted:#b4c2d6;--teal:#17b3a3;--teal-claro:#3fd0c0;--ouro:#e9b866;--erro:#ff9b8f;--borda:rgba(120,160,220,.22);--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:system-ui,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);background:linear-gradient(180deg,#020a1c 0%,var(--bg) 30%,var(--bg-meio) 100%);font:18px/1.55 var(--serif)}

.hero{position:relative;max-width:760px;margin:0 auto}
.arte{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.marca{position:absolute;left:0;right:0;bottom:6%;padding:0 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:560px;margin:0 auto}
.logo{margin:0;font:700 clamp(2.4rem,11vw,4rem)/1 var(--serif);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.logo span{color:var(--teal)}
.soon{margin:0;font:600 .72rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--teal-claro)}

main{max-width:560px;margin:0 auto;padding:0 16px 48px;display:flex;flex-direction:column;gap:28px}
.chamada h1{margin:0 0 14px;font:700 clamp(1.9rem,8vw,2.6rem)/1.12 var(--serif);letter-spacing:-.01em}
.chamada h1 span{display:block;color:var(--teal)}
.chamada p{margin:0;color:var(--fg);font-size:1.12rem}
.chamada::after{content:"";display:block;width:84px;height:3px;background:var(--teal);margin-top:22px;border-radius:2px}

.card{background:var(--card);border:1px solid var(--borda);border-radius:18px;padding:26px 20px;backdrop-filter:blur(6px)}
h2{margin:0 0 6px;font:700 1.55rem/1.2 var(--serif)}
.intro,.card p{margin:0 0 20px;color:var(--muted);font:1rem/1.5 var(--sans)}
form{display:flex;flex-direction:column;gap:14px;font-family:var(--sans)}
label{display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:var(--fg)}
input,select{font:inherit;font-size:1rem;color:var(--fg);background:rgba(2,10,28,.7);border:1px solid var(--borda);border-radius:10px;padding:12px;width:100%}
select option{background:#0a1d45}
input:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
.linha{display:flex;gap:12px}
.linha label{flex:1}
.linha .uf{flex:0 0 96px}
.check{flex-direction:row;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--muted)}
.check input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--teal)}
.escondido{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button,.botao{font:700 1.05rem var(--sans);color:#02131d;background:var(--teal);border:0;border-radius:10px;padding:15px 18px;cursor:pointer;text-align:center;text-decoration:none;display:block;box-shadow:0 6px 24px rgba(23,179,163,.25)}
button:hover,.botao:hover{background:var(--teal-claro)}
button:disabled{opacity:.6;cursor:wait}
.msg{margin:0;min-height:1.2em;font-size:.92rem}
.msg.erro{color:var(--erro)}
.ok h2{color:var(--teal)}

footer{text-align:center;color:var(--muted);font:.8rem/1.5 var(--sans)}
footer p{margin:0 0 8px}
a{color:var(--teal-claro)}
@media (min-width:700px){.marca{bottom:10%}}
@media (max-width:380px){.linha{flex-direction:column}.linha .uf{flex:1}}