body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-form: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--input-bg: #f8fafc;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: 12px}.dynamic-form{max-width:900px;margin:0 auto;padding:40px;background:var(--bg-form);border-radius:var(--radius);box-shadow:var(--shadow-md);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main)}.dynamic-form .form-header{margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.dynamic-form .form-header h1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0;color:#0f172a}.dynamic-form .form-header small{color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;display:block;margin-top:4px}.dynamic-form .form-section{margin-bottom:32px}.dynamic-form .form-section h2{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:20px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.025em}.dynamic-form .form-section h2:after{content:"";flex:1;height:1px;background:var(--border-color);margin-left:16px}.dynamic-form .fields-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.dynamic-form .fields-grid .col-1{grid-column:span 1}.dynamic-form .fields-grid .col-2{grid-column:span 2}.dynamic-form .fields-grid .col-3{grid-column:span 3}.dynamic-form .fields-grid .col-4{grid-column:span 4}.dynamic-form .fields-grid .col-5{grid-column:span 5}.dynamic-form .fields-grid .col-6{grid-column:span 6}.dynamic-form .fields-grid .col-7{grid-column:span 7}.dynamic-form .fields-grid .col-8{grid-column:span 8}.dynamic-form .fields-grid .col-9{grid-column:span 9}.dynamic-form .fields-grid .col-10{grid-column:span 10}.dynamic-form .fields-grid .col-11{grid-column:span 11}.dynamic-form .fields-grid .col-12{grid-column:span 12}.dynamic-form .field-wrapper{display:flex;flex-direction:column;gap:8px}.dynamic-form .field-wrapper label{font-size:.875rem;font-weight:600;color:var(--text-main)}.dynamic-form .field-wrapper input,.dynamic-form .field-wrapper select,.dynamic-form .field-wrapper textarea{padding:10px 14px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:all .2s ease;color:var(--text-main)}.dynamic-form .field-wrapper input:focus,.dynamic-form .field-wrapper select:focus,.dynamic-form .field-wrapper textarea:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.dynamic-form .field-wrapper input::placeholder,.dynamic-form .field-wrapper select::placeholder,.dynamic-form .field-wrapper textarea::placeholder{color:#94a3b8}.dynamic-form .field-wrapper select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em 1.5em;padding-right:2.5rem}.dynamic-form .form-actions{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.dynamic-form .form-actions .btn-submit{padding:12px 28px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.dynamic-form .form-actions .btn-submit:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dynamic-form .form-actions .btn-submit:active{transform:translateY(0)}@media (max-width: 768px){.dynamic-form{padding:24px}.dynamic-form [class*=col-]{grid-column:span 12!important}}