.registration-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);background:#f5f7f9}.registration-showcase{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3rem 7%;background:#001426;color:#fff}.registration-showcase>img,.registration-showcase>div{position:absolute;inset:0;width:100%;height:100%}.registration-showcase>img{object-fit:cover}.registration-showcase>div{background:linear-gradient(135deg,rgba(0,20,38,.95),rgba(0,64,105,.72))}.registration-brand,.registration-copy{position:relative;z-index:1}.registration-brand img{max-width:130px;filter:brightness(0) invert(1)}.registration-copy{max-width:620px;margin-bottom:10vh}.registration-copy p{color:#ff8a47;font-size:.76rem;font-weight:800;letter-spacing:.12em}.registration-copy h1{margin:.8rem 0 1.25rem;color:#fff;font-size:clamp(2.8rem,4vw,4.7rem);line-height:1.06}.registration-copy span{display:block;max-width:550px;color:#e3f0fa;font-size:1.1rem;line-height:1.7}.registration-form-wrap{display:grid;place-items:center;padding:3rem}.registration-form{width:min(100%,560px)}.registration-back{display:inline-block;margin-bottom:2.5rem;color:#004069;font-size:.85rem;font-weight:700}.registration-form h2{margin:0;color:#001426;font-size:2rem}.registration-form>p{color:#5a6a78}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.registration-grid .full{grid-column:1/-1}.registration-form .campo{margin-top:1rem}.registration-form label{color:#183248;font-size:.85rem;font-weight:800}.registration-form input{width:100%;margin-top:.4rem;border:1px solid #b9c6d1;border-radius:.3rem;background:#fff;color:#001426}.registration-form input:focus{outline:3px solid rgba(217,87,39,.2);border-color:#d95727}.registration-form small{display:block;margin-top:.3rem;color:#b42318;font-size:.76rem}.registration-form .help{color:#637483}.registration-check{display:flex;align-items:flex-start;gap:.65rem;margin-top:1rem;line-height:1.45}.registration-check input{width:auto;margin:.2rem 0 0}.registration-check a,.registration-login a{color:#004069;font-weight:800}.registration-form button{width:100%;justify-content:center;margin-top:1.5rem}.registration-login{text-align:center}.registration-help{padding-top:1rem;border-top:1px solid #d7e0e7;text-align:center;font-size:.82rem}@media(max-width:900px){.registration-page{grid-template-columns:1fr}.registration-showcase{min-height:360px;padding:2rem}.registration-copy{margin:3rem 0 0}.registration-copy h1{font-size:2.6rem}.registration-form-wrap{padding:2.5rem 1.5rem}}@media(max-width:480px){.registration-showcase{min-height:320px}.registration-copy h1{font-size:2.1rem}.registration-copy span{font-size:.95rem}.registration-grid{grid-template-columns:1fr}.registration-form-wrap{padding:2rem 1rem}.registration-back{margin-bottom:1.5rem}}.registration-form .campo-feedback{font-weight:700}.registration-form .campo-feedback[data-estado="ok"]{color:#067647}.registration-form .campo-feedback[data-estado="checando"]{color:#637483}.registration-form .campo-feedback:empty{display:none}

/* Correção: .registration-showcase>div (camada de gradiente) também casava com
   .registration-copy (também um <div> filho), aplicando a ela position:absolute
   inset:0 E o background em gradiente. Restaura o fluxo normal (logo no topo, copy
   embaixo) e remove o gradiente — o texto fica transparente sobre a imagem de fundo. */
.registration-showcase>.registration-copy{position:relative;inset:auto;width:auto;height:auto;background:none}

/* "Voltar ao site" mais evidente: chip com borda, fundo e destaque no hover
   (antes era apenas um texto pequeno e discreto). */
.registration-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2rem;padding:.55rem 1rem;border:1.5px solid #004069;border-radius:999px;background:#eef4f9;color:#004069;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}
.registration-back:hover,.registration-back:focus-visible{background:#004069;color:#fff;box-shadow:0 3px 10px rgba(0,64,105,.25)}

/* Chamada de "Criar cadastro" evidente no login: bloco destacado + botão de
   largura total, para quem ainda não tem conta perceber facilmente que pode
   se cadastrar (antes era só um link pequeno em texto). */
.registration-cta{margin-top:1.75rem;padding:1.25rem;border:1.5px solid #cfe0ee;border-radius:.6rem;background:#f2f8fd;text-align:center}
.registration-cta-ou{display:block;color:#183248;font-size:.95rem;font-weight:800;margin-bottom:.75rem}
.registration-cta-btn{display:flex!important;width:100%;justify-content:center;align-items:center;font-weight:800;font-size:1.02rem;padding:.85rem 1rem}
.registration-cta-help{margin:.75rem 0 0!important;color:#5a6a78;font-size:.85rem;line-height:1.5}