@keyframes demo-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.demo-section{display:flex;width:100%;min-height:100vh}.demo-left{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--color-primary-900),var(--color-primary-700),var(--color-primary-500),var(--color-neutral-800),var(--color-primary-800),var(--color-primary-600));background-size:300% 300%;animation:demo-gradient-shift 15s ease infinite}@media (prefers-reduced-motion: reduce){.demo-left{animation:none;background-position:0% 50%}}.demo-left__inner{width:100%;max-width:480px}.demo-badge-label{display:inline-block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:var(--space-4)}.demo-headline{font-family:var(--font-ui);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:#fff;line-height:1.2;margin:0 0 var(--space-4)}.demo-subline{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:#ffffffbf;margin:0 0 var(--space-8)}.demo-form{display:flex;flex-direction:column;gap:var(--space-4)}.demo-form__group{display:flex;flex-direction:column;gap:6px}.demo-form__group label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:#ffffffd9}.demo-form__optional{font-size:var(--text-xs);font-weight:400;color:#ffffff73;margin-left:var(--space-1)}.demo-form__group input[type=text],.demo-form__group input[type=email],.demo-form__group input[type=tel]{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.demo-form__group input[type=text]::placeholder,.demo-form__group input[type=email]::placeholder,.demo-form__group input[type=tel]::placeholder{color:#ffffff59}.demo-form__group input[type=text]:focus,.demo-form__group input[type=email]:focus,.demo-form__group input[type=tel]:focus{border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.demo-form__group--checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-1)}.demo-form__group--checkbox input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary-300)}.demo-form__group--checkbox label{font-family:var(--font-body);font-size:var(--text-sm);color:#ffffffb3;line-height:1.5;cursor:pointer}.demo-form__privacy-link{color:#ffffffe6;text-decoration:underline;text-underline-offset:2px}.demo-form__privacy-link:hover{color:#fff}.demo-form__submit{width:100%;padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-primary-700);border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast);margin-top:var(--space-2)}.demo-form__submit:hover{background:var(--color-primary-50);color:var(--color-primary-800)}.demo-form__submit:active{transform:translateY(1px)}.demo-form__hint{font-family:var(--font-body);font-size:var(--text-sm);color:#ffffff80;text-align:center;margin:0}.demo-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);padding:var(--space-12) 0}.demo-success__icon{width:64px;height:64px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;color:#fff}.demo-success__title{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:700;color:#fff;margin:0}.demo-success__body{font-family:var(--font-body);font-size:var(--text-base);color:#ffffffbf;line-height:1.65;max-width:360px;margin:0}.demo-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:var(--color-neutral-900)}.demo-right__inner{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-12)}.demo-steps__title{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;color:#fff;margin:0 0 var(--space-8)}.demo-steps__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.demo-step{display:flex;gap:var(--space-6);align-items:flex-start}.demo-step__number{font-family:var(--font-mono);font-size:1.75rem;line-height:1;color:var(--color-primary-500);flex-shrink:0;min-width:2.5rem}.demo-step__content{display:flex;flex-direction:column;gap:var(--space-2);padding-top:2px}.demo-step__title{font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:#fff}.demo-step__body{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--color-neutral-400);margin:0}.demo-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.demo-fact{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.demo-fact__icon{color:var(--color-primary-400);display:flex}.demo-fact__label{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4;color:var(--color-neutral-300)}@media (max-width: 768px){.demo-section{flex-direction:column;min-height:auto}.demo-left,.demo-right{padding:var(--space-12) var(--space-6)}.demo-facts{grid-template-columns:1fr}.demo-steps__list{gap:var(--space-6)}}@media (max-width: 480px){.demo-left,.demo-right{padding:var(--space-8) var(--space-4)}}