.demo-page{background:var(--color-dark);padding:7.5rem 1.5rem;display:flex;justify-content:center}.demo-form{width:100%;max-width:1076px;margin:0 auto;display:flex;flex-direction:column}.demo-form-title{font-family:var(--font-display);font-size:3.75rem;font-weight:500;color:var(--color-offwhite);line-height:.95;letter-spacing:-.02em;margin:0 0 2.3125rem}.demo-fields{display:flex;flex-direction:column;gap:2.3125rem}.demo-row{display:flex;gap:1.5625rem}.demo-row .demo-field{flex:1}.demo-field{display:flex;flex-direction:column;gap:.4375rem}.demo-label{font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--color-offwhite)}.demo-label-optional{color:var(--color-grey);font-weight:400;margin-left:.125rem}.demo-required{color:#ff6b6b;margin-left:.125rem}.demo-input{width:100%;background:#292b2a;border:1px solid var(--color-grey);border-radius:10px;padding:1rem 1.8125rem;font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--color-offwhite);box-sizing:border-box;transition:border-color .15s ease}.demo-input::placeholder{color:var(--color-grey)}.demo-input:focus{outline:none;border-color:var(--color-brand)}.demo-textarea{min-height:180px;resize:vertical;line-height:1.5}.demo-select option{background:var(--color-dark);color:var(--color-offwhite)}.demo-counter{align-self:flex-end;font-family:var(--font-body);font-size:.875rem;color:var(--color-grey);margin-top:.25rem}.demo-select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M1 1l5.5 5L12 1' stroke='%238c8c8c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.8125rem center;padding-right:3.5rem}.demo-submit{align-self:flex-start;margin-top:3.5rem;border:none;cursor:pointer;background:var(--color-brand);color:var(--color-dark);font-family:var(--font-body);font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.6875rem 1.4375rem;border-radius:40px;transition:background .2s ease,transform .2s ease}.demo-submit:hover{background:var(--color-brand-darker);transform:translateY(-1px)}.demo-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.demo-page{padding:4rem 1rem}.demo-form-title{font-size:2.25rem}.demo-row{flex-direction:column;gap:2.3125rem}.demo-submit{margin-top:2.5rem;width:100%;text-align:center}}