.input-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.input-wrapper.half-width{flex:1}.input-wrapper>input,.input-wrapper>textarea{width:100%;background:var(--bg-primary);padding:18px 16px 8px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);font-weight:500;font-size:var(--font-size-lg);line-height:var(--leading-snug);min-height:56px;transition:border-color .2s ease}.input-wrapper>textarea{resize:vertical;min-height:140px;line-height:var(--leading-relaxed)}.input-wrapper>input:focus,.input-wrapper>textarea:focus{outline:none;border-color:var(--main);box-shadow:var(--focus-ring)}.input-wrapper>label{position:absolute;left:12px;top:28px;transform:translateY(-50%);font-size:var(--font-size-lg);font-weight:400;color:var(--text-secondary);pointer-events:none;background:var(--bg-primary);padding:0 4px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .15s ease,font-size .15s ease,color .15s ease}.input-wrapper>textarea~label{top:18px}.input-wrapper>input:focus~label,.input-wrapper>input:not(:placeholder-shown)~label,.input-wrapper>textarea:focus~label,.input-wrapper>textarea:not(:placeholder-shown)~label{top:0;font-size:var(--font-size-xs)}.input-wrapper>input:focus~label,.input-wrapper>textarea:focus~label{color:var(--main)}.input-wrapper .error{font-size:var(--font-size-xs);color:var(--main);margin-top:4px}.input-wrapper .helper{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:4px;padding-left:4px}.input-wrapper.has-reveal>input{padding-inline-end:46px}.input-reveal{position:absolute;top:28px;inset-inline-end:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:none;color:var(--text-secondary);cursor:pointer}.input-reveal:hover{color:var(--text-primary)}.input-wrapper>input:-webkit-autofill,.input-wrapper>input:-webkit-autofill:hover,.input-wrapper>input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.error.submit-error{text-align:center;font-size:var(--font-size-base);color:var(--main);margin-top:8px}.form-privacy-note{font-size:var(--font-size-xs);line-height:var(--leading-moderate);color:var(--text-secondary);text-align:center;margin-top:4px}.form-privacy-note a{color:var(--main);text-decoration:underline;transition:opacity .15s ease}.form-privacy-note a:hover{opacity:.8}@keyframes formEnter{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-form{background:var(--bg-primary);position:relative;z-index:var(--core-z-index-modal);padding:var(--space-2xl) var(--space-5xl);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);width:60vw;max-width:800px;overflow:visible;animation:formEnter .4s cubic-bezier(.34,1.1,.64,1) both}.demo-form__header h2{font-weight:600;font-size:var(--font-size-6xl);line-height:var(--leading-snug);color:var(--text-primary);margin:0;text-align:center}.demo-form__fields{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.demo-form__footer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.demo-form .form-row{display:flex;width:100%;gap:16px}.demo-form .input-wrapper>input,.demo-form .input-wrapper>textarea{font-size:var(--font-size-lg)}.demo-form .input-wrapper>label{font-size:var(--font-size-lg)}.demo-form .form-privacy-note{max-width:480px}.demo-form button.cross{position:absolute;right:14px;top:14px;width:30px;height:30px;cursor:pointer;opacity:1!important;background:none;border:none;padding:0;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);box-shadow:none}@media(900px<width<=1300px){.demo-form{width:70vw;padding:28px 48px}}@media(600px<width<=900px){.demo-form{width:80vw;padding:24px;gap:12px}.demo-form .form-row{flex-direction:column;gap:12px}.demo-form .input-wrapper.half-width{width:100%}.demo-form__header h2{font-size:var(--font-size-4xl);line-height:var(--leading-moderate)}}@media(width<=600px){.demo-form{padding:24px;gap:12px;width:90vw}.demo-form__header h2{font-size:var(--font-size-3xl);line-height:var(--leading-moderate)}.demo-form .form-row{flex-direction:column;gap:8px}.demo-form .input-wrapper>input,.demo-form .input-wrapper>textarea{padding:12px;font-size:var(--font-size-lg)}.demo-form button.cross{width:20px;height:20px}}.turnstile-field{display:flex;flex-direction:column;gap:6px}
