.demo-page{background-color:#f9fafb;min-height:100vh;overflow-x:hidden}.demo-main-section{padding:60px 24px}.demo-container{grid-gap:60px;align-items:stretch;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.demo-benefits-column,.demo-benefits-wrapper{display:flex;flex-direction:column}.demo-benefits-wrapper{flex:1 1}.demo-benefits-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 24px}.demo-benefits-grid{display:flex;flex:1 1;flex-direction:column;gap:16px}.demo-benefit-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.demo-benefit-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.demo-benefit-icon{color:#3b82f6;flex-shrink:0}.demo-benefit-icon svg{height:40px;width:40px}.demo-benefit-content{flex:1 1}.demo-benefit-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.demo-benefit-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.demo-form-column{display:flex;flex-direction:column}.demo-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;padding:0}.demo-form-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px;padding:40px 40px 0}.demo-form-subtitle{color:#6b7280;font-size:16px;margin:0 0 32px;padding:0 40px}.demo-success-message{align-items:flex-start;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;gap:12px;margin:0 40px 24px;padding:16px}.demo-success-message svg{flex-shrink:0;margin-top:2px}.demo-success-message strong{display:block;font-weight:600;margin-bottom:4px}.demo-success-message p{color:#15803d;font-size:14px;margin:0}.demo-error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;display:flex;font-size:14px;gap:12px;margin:0 40px 24px;padding:16px}.demo-error-message svg{flex-shrink:0}.demo-contact-form{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:0 40px 40px}.demo-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.demo-form-group{display:flex;flex-direction:column;gap:6px}.demo-form-label{color:#374151;font-size:14px;font-weight:600}.demo-required{color:#ef4444}.demo-form-input,.demo-form-select,.demo-form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .15s ease,box-shadow .15s ease}.demo-form-input:focus,.demo-form-select:focus,.demo-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.demo-form-input:disabled,.demo-form-select:disabled,.demo-form-textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.demo-input-error{background-color:#fef2f2!important;border-color:#ef4444!important}.demo-input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.demo-field-error{color:#ef4444;font-size:13px;margin-top:-2px}.demo-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.demo-form-textarea{min-height:120px;resize:vertical}.demo-textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:-2px}.demo-char-count{color:#9ca3af;font-size:13px;margin-left:auto}.demo-submit-button{margin-top:auto;width:100%}@media (max-width:1024px){.demo-container{gap:40px;grid-template-columns:1fr}.demo-benefits-column{order:2;position:static}.demo-form-column{order:1}.demo-benefits-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.demo-hero-title{font-size:36px}.demo-hero-subtitle{font-size:18px}.demo-main-section{padding:40px 16px}.demo-form-card{padding:24px}.demo-form-title{font-size:24px;margin-bottom:8px;padding:0}.demo-form-subtitle{margin-bottom:32px;padding:0}.demo-contact-form{padding:0}.demo-error-message,.demo-success-message{margin:0 0 24px}.demo-benefits-grid{grid-template-columns:1fr}.demo-benefits-title{font-size:28px}}@media (max-width:640px){.demo-hero-section{padding:60px 16px 40px}.demo-hero-title{font-size:28px}.demo-hero-subtitle{font-size:16px}.demo-form-row{gap:20px;grid-template-columns:1fr}.demo-form-card{padding:20px}.demo-form-title{margin-bottom:8px;padding:0}.demo-form-subtitle{margin-bottom:32px;padding:0}.demo-contact-form{padding:0}.demo-error-message,.demo-success-message{margin:0 0 24px}}@media (max-width:480px){.demo-form-card{padding:16px}.demo-benefit-icon svg{height:28px;width:28px}.demo-form-row{gap:16px}}
/*# sourceMappingURL=653.7df84c52.chunk.css.map*/