/* V22 — cadastro público mais colorido, legível e responsivo */
body.auth-page.cadastro-colorido{
    display:block;
    min-height:100vh;
    padding:42px 18px;
    background:
      radial-gradient(circle at 8% 8%,rgba(34,211,238,.45),transparent 25%),
      radial-gradient(circle at 92% 18%,rgba(168,85,247,.42),transparent 27%),
      radial-gradient(circle at 72% 95%,rgba(34,197,94,.32),transparent 25%),
      linear-gradient(145deg,#061a36,#093d78 52%,#0b5681);
}
.cadastro-colorido .auth-card.wide{
    position:relative;
    overflow:hidden;
    width:min(940px,100%);
    margin:auto;
    padding:42px;
    gap:20px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,248,255,.98));
    box-shadow:0 35px 95px rgba(0,12,35,.55);
}
.cadastro-colorido .auth-card.wide::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:9px;
    background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e,#f59e0b,#ec4899);
}
.cadastro-colorido .auth-card.wide::after{
    content:"CADASTRO GRÁTIS";
    position:absolute;
    right:24px;
    top:24px;
    padding:8px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,#fde047,#fb923c);
    color:#713f12;
    font-size:12px;
    font-weight:1000;
    box-shadow:0 8px 20px rgba(245,158,11,.28);
}
.cadastro-colorido .auth-card>img{
    width:min(350px,70%)!important;
    padding:10px 16px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(30,64,175,.12);
}
.cadastro-colorido .auth-card h1{
    font-size:clamp(30px,5vw,44px);
    line-height:1.05;
    letter-spacing:-1.4px;
    color:#08264f;
}
.cadastro-colorido .auth-card>p{
    width:min(680px,100%);
    margin:0 auto;
    color:#334e73;
    font-size:17px;
    font-weight:600;
    line-height:1.65;
}
.cadastro-colorido .form-grid{
    gap:17px;
    padding:24px;
    border:1px solid #c9dcf0;
    border-radius:22px;
    background:linear-gradient(145deg,#f5faff,#eef7ff);
}
.cadastro-colorido label{
    color:#102f57;
    font-size:14px;
    font-weight:900;
    letter-spacing:.05px;
}
.cadastro-colorido input,
.cadastro-colorido select,
.cadastro-colorido textarea{
    min-height:49px;
    border:2px solid #c3d4e8;
    border-radius:14px;
    background:#fff;
    color:#0f2746;
    font-size:15px;
    font-weight:600;
    box-shadow:0 4px 12px rgba(15,39,70,.04);
}
.cadastro-colorido textarea{min-height:112px}
.cadastro-colorido input:focus,
.cadastro-colorido select:focus,
.cadastro-colorido textarea:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.14),0 8px 18px rgba(37,99,235,.1);
}
.cadastro-colorido .free-trial-note{
    padding:20px!important;
    border:2px solid #67d6bf!important;
    border-radius:19px!important;
    background:linear-gradient(135deg,#dcfce7,#dff8ff)!important;
    color:#0e4b43!important;
    font-size:15px;
    line-height:1.55;
    box-shadow:0 8px 22px rgba(16,185,129,.1);
}
.cadastro-colorido .free-trial-note b{font-size:19px!important;color:#076b52}
.cadastro-colorido .acceptance-box{
    padding:21px;
    border:2px solid #f5b83b;
    border-radius:20px;
    background:linear-gradient(135deg,#fff8dc,#fff1c7);
    box-shadow:0 10px 25px rgba(217,119,6,.13);
}
.cadastro-colorido .benefit-title{display:block;margin-bottom:12px;color:#92400e;font-size:20px}
.cadastro-colorido .accept-check{
    display:flex;
    grid-template-columns:none;
    align-items:flex-start;
    gap:11px;
    color:#51320b;
    font-size:15px;
    line-height:1.5;
    cursor:pointer;
}
.cadastro-colorido .accept-check input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:2px;accent-color:#16a34a}
.cadastro-colorido .term-details{margin-top:13px;padding-top:13px;border-top:1px solid #e9c66f;color:#65420d}
.cadastro-colorido .term-details summary{cursor:pointer;color:#174a9c;font-size:14px;font-weight:900}
.cadastro-colorido .term-details p{margin:10px 0 0;font-size:13px;line-height:1.65}
.cadastro-colorido .auth-card>button.btn{
    min-height:58px;
    border-radius:16px;
    background:linear-gradient(135deg,#16a34a,#06b6d4)!important;
    font-size:18px;
    letter-spacing:.2px;
    box-shadow:0 13px 30px rgba(22,163,74,.32);
    animation:botaoCadastro 2s ease-in-out infinite;
}
.cadastro-colorido .auth-card>a{
    display:inline-flex;
    width:max-content;
    margin:auto;
    padding:8px 14px;
    border-radius:999px;
    color:#164e91;
    font-size:14px;
    font-weight:800;
}
.cadastro-colorido .auth-card>a:hover{background:#dbeafe;color:#1d4ed8}
@keyframes botaoCadastro{0%,100%{transform:scale(1)}50%{transform:scale(1.018);box-shadow:0 16px 36px rgba(6,182,212,.42)}}
@media(max-width:700px){
    body.auth-page.cadastro-colorido{padding:14px 8px}
    .cadastro-colorido .auth-card.wide{padding:31px 14px 22px;border-radius:22px}
    .cadastro-colorido .auth-card.wide::after{right:10px;top:13px;font-size:9px;padding:6px 8px}
    .cadastro-colorido .auth-card>img{width:min(270px,68%)!important}
    .cadastro-colorido .auth-card>p{font-size:15px}
    .cadastro-colorido .form-grid{grid-template-columns:1fr;padding:16px 12px}
    .cadastro-colorido .form-grid .full{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.cadastro-colorido .auth-card>button.btn{animation:none}}