/* v0.7.1 — melhor aproveitamento da página de cadastro */
.signup-main{
    background:linear-gradient(135deg,#f7fbff 0%,#fff 52%,#fff9ef 100%);
}

.signup-hero{
    grid-template-columns:minmax(0,1fr) minmax(440px,500px);
    gap:46px;
    align-items:start;
    padding-top:46px;
    padding-bottom:64px;
}

.signup-intro{
    position:sticky;
    top:118px;
    overflow:hidden;
    padding:42px;
    border:1px solid #dce5ec;
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(234,245,255,.82));
    box-shadow:0 18px 46px rgba(16,36,58,.08);
}

.signup-intro::after{
    content:"";
    position:absolute;
    right:-85px;
    bottom:-105px;
    width:245px;
    height:245px;
    border:42px solid rgba(247,147,29,.09);
    border-radius:50%;
    pointer-events:none;
}

.signup-intro>*{position:relative;z-index:1}

.signup-intro h1{
    max-width:650px;
    margin:16px 0 18px;
    font-size:clamp(2.75rem,4.4vw,4.25rem);
}

.signup-lead{font-size:1.08rem;line-height:1.65}

.signup-benefits{margin-top:28px}

.signup-benefits>div{
    min-height:150px;
    padding:16px;
    background:rgba(255,255,255,.94);
}

.signup-form{
    width:100%;
    margin:0;
    box-shadow:0 18px 46px rgba(16,36,58,.11);
}

@media(max-width:1050px){
    .signup-hero{grid-template-columns:1fr;gap:30px;padding-top:34px}
    .signup-intro{position:relative;top:auto;padding:34px}
    .signup-form{max-width:760px}
}

@media(max-width:700px){
    .signup-hero{padding-top:24px;padding-bottom:42px}
    .signup-intro{padding:25px 21px;border-radius:20px}
    .signup-intro h1{font-size:2.35rem}
    .signup-benefits>div{min-height:0}
}