.before-after{display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:calc(var(--header-height) + var(--space-16)) var(--container-px) var(--space-16);background:linear-gradient(180deg,var(--color-primary-900) 0%,var(--color-primary-800) 100%)}@media(max-width:1023px){.before-after{background-color:var(--color-primary-900)}}@media(min-width:768px){.before-after{padding-left:var(--container-px);padding-right:var(--container-px)}}.before-after__card{width:100%;max-width:560px;background:var(--color-white);border-radius:12px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-xl)}@media(max-width:639px){.before-after__card{padding:var(--space-8) var(--space-6)}}.before-after__gold-line{width:60px;height:2px;margin:0 auto var(--space-6);background:linear-gradient(90deg,transparent,var(--color-gold-500),transparent)}.before-after__label{display:block;text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.2em;color:var(--color-gold-600);margin-bottom:var(--space-4)}.before-after__title{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-neutral-900);text-align:center;margin-bottom:var(--space-3)}.before-after__subtitle{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-neutral-600);text-align:center;margin-bottom:var(--space-8)}.before-after__form{display:flex;flex-direction:column;gap:var(--space-5)}.before-after__form .form-field__label{color:var(--color-neutral-700)}.before-after__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden;pointer-events:none;tab-index:-1}.before-after__consent{display:flex;align-items:flex-start;gap:var(--space-3)}.before-after__consent input[type=checkbox]{margin-top:4px;flex-shrink:0;width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer}.before-after__consent-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-neutral-600)}.before-after__consent-text a{color:var(--color-primary-600);text-decoration:underline}.before-after__consent-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);margin-left:calc(18px + var(--space-3))}.before-after__submit{margin-top:var(--space-2)}.before-after__submit .btn{width:100%}.before-after__error{padding:var(--space-3) var(--space-4);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error);text-align:center}.before-after__privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-neutral-500)}.before-after__privacy svg{flex-shrink:0}.before-after__success{text-align:center;padding:var(--space-8) 0}.before-after__success-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:50%;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.before-after__success-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--space-3)}.before-after__success-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-neutral-600);max-width:400px;margin:0 auto var(--space-8)}.before-after__success-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600);transition:color var(--transition-fast)}.before-after__success-link:hover{color:var(--color-primary-700)}