.demo-section {
     background: var(--light-gray);
     padding: 80px 24px;
     display: flex;
     justify-content: center;
 }

 .form-wrapper {
     background: var(--white);
     border-radius: var(--radius-lg);
     padding: 48px;
     box-shadow: var(--shadow-xl);
     max-width: 700px;
     width: 100%;
     border: 1px solid var(--border-light);
 }

 .form-header {
     text-align: center;
     margin-bottom: 36px;
     border-bottom: 2px solid var(--light-gray);
     padding-bottom: 24px;
 }

 .form-header h1 {
     font-family: 'Plus Jakarta Sans', sans-serif;
     font-size: 32px;
     font-weight: 800;
     color: var(--brand-blue);
     margin-bottom: 8px;
 }

 .form-header p {
     color: var(--text-secondary);
     font-size: 15px;
 }

 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
     margin-bottom: 24px;
 }

 .form-row.full-width {
     grid-template-columns: 1fr;
 }

 .form-group {
     display: flex;
     flex-direction: column;
 }

 .form-group label {
     font-size: 14px;
     font-weight: 600;
     color: var(--text-primary);
     margin-bottom: 8px;
 }

 .form-group .required {
     color: var(--brand-red);
 }

 .form-group input,
 .form-group select,
 .form-group textarea {
     background: var(--light-gray);
     border: 1px solid var(--border-light);
     border-radius: var(--radius-sm);
     padding: 12px 16px;
     font-size: 14px;
     color: var(--text-primary);
     font-family: inherit;
     transition: all 0.2s ease;
 }

 .form-group input:focus,
 .form-group select:focus,
 .form-group textarea:focus {
     outline: none;
     background: var(--white);
     border-color: var(--brand-blue);
     box-shadow: 0 0 0 3px rgba(30, 77, 153, 0.1);
 }

 .form-group select {
     cursor: pointer;
     appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23718096' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 16px center;
     padding-right: 40px;
 }

 .btn-submit {
     width: 100%;
     background: var(--brand-red);
     border: none;
     border-radius: var(--radius-sm);
     padding: 14px 28px;
     font-size: 16px;
     font-weight: 700;
     color: var(--white);
     cursor: pointer;
     transition: all 0.2s ease;
     box-shadow: 0 4px 12px rgba(196, 30, 58, 0.25);
     margin-top: 12px;
 }

 .btn-submit:hover {
     background: var(--brand-red-dark);
     box-shadow: 0 6px 16px rgba(196, 30, 58, 0.35);
     transform: translateY(-1px);
 }

 .btn-submit:active {
     transform: translateY(0);
 }

 .btn-submit:disabled {
     opacity: 0.6;
     cursor: not-allowed;
     transform: none;
 }

 .error-message {
     background: #FFF5F5;
     border: 1px solid #FEB2B2;
     color: #C53030;
     padding: 12px 16px;
     border-radius: var(--radius-sm);
     font-size: 14px;
     font-weight: 500;
     margin-top: 16px;
     display: none;
     line-height: 1.5;
 }

 .success-message {
     background: #F0FFF4;
     border: 1px solid #9AE6B4;
     color: #2F855A;
     padding: 12px 16px;
     border-radius: var(--radius-sm);
     font-size: 14px;
     font-weight: 500;
     margin-top: 16px;
     display: none;
     line-height: 1.5;
 }

 @media (max-width: 768px) {
     .form-wrapper {
         padding: 32px 24px;
     }

     .form-row {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .form-header h1 {
         font-size: 26px;
     }
 }