/* Registro: banner arriba, formulario y ventajas en dos tarjetas. Se carga despues de register.css. */
.register-layout {
    position: relative; z-index: 1;
    max-width: 980px; margin: -30px auto 96px; padding: 0 5vw;
    display: grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: start;
}
.register-layout .register-container { width: auto; margin: 0; }
.register-perks {
    padding: 40px 34px;
    border: 1px solid rgba(109,40,217,.35); border-radius: 24px;
    background: linear-gradient(160deg, #100d1a 0%, #16102a 100%);
    box-shadow: 0 40px 80px rgba(0,0,0,.6), 0 0 60px -20px rgba(109,40,217,.4);
}
.register-perks h2 { margin: 0 0 20px; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; text-align: center; color: var(--frost); }
.register-perks ul { list-style: none; padding: 0; margin: 0 0 22px; }
.register-perks li { position: relative; padding-left: 24px; margin-bottom: 14px; color: #cdbfe8; font-size: 15px; line-height: 1.45; }
.register-perks li::before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-radius: 50%; background: var(--gold2); box-shadow: 0 0 12px var(--gold2); }
.register-perks p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.register-perks a { color: var(--gold2); text-decoration: none; }
.register-perks a:hover { text-decoration: underline; }
@media (max-width: 800px) {
    .register-layout { grid-template-columns: 1fr; margin-top: -20px; }
    .register-layout .register-container { padding: 28px 22px; }
}