.demo-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#0f172a66;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.demo-modal-overlay.open{opacity:1;pointer-events:auto}.demo-form-panel{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:3rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}.demo-modal-overlay.open .demo-form-panel{transform:scale(1)}.embedded-form-panel{border:1px solid #e2e8f0;box-shadow:0 10px 40px #00000014}.demo-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.demo-close-btn:hover{color:#0f172a;background:#f1f5f9}.demo-form-group{text-align:left;margin-bottom:1.5rem}.demo-form-label{color:#334155;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.demo-form-input,.demo-form-select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:1rem 1.2rem;font-size:1rem;transition:all .2s}.demo-form-input:focus,.demo-form-select:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.demo-form-error{color:#ef4444;margin-top:.4rem;font-size:.85rem;display:block}.demo-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.demo-submit-btn:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb66}.demo-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-success-state{text-align:center;padding:2rem 0;animation:.5s fadeIn}@media (width<=768px){.demo-modal-overlay{align-items:flex-end}.demo-form-panel:not(.embedded-form-panel){border-radius:24px 24px 0 0;max-height:90vh;padding:2.5rem 1.5rem 2rem;transition:transform .4s cubic-bezier(.165,.84,.44,1);overflow-y:auto;transform:translateY(100%)}.demo-modal-overlay.open .demo-form-panel:not(.embedded-form-panel){transform:translateY(0)}.demo-close-btn{top:1rem;right:1rem}.demo-form-input,.demo-form-select{min-height:48px;padding:.9rem 1rem}}