body.demo-request-modal-open{overflow:hidden}.demo-request-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:999999}.demo-request-modal.show{display:flex}.demo-request-modal-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.demo-request-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%;z-index:2}@media(max-width:640px){.demo-request-modal-content{border-radius:12px;max-height:95vh}}.demo-request-modal-close{align-items:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.demo-request-modal-close:hover{background:#f3f4f6;color:#1f2937}.demo-request-modal-close svg{height:24px;width:24px}.demo-request-modal-body{padding:40px}@media(max-width:640px){.demo-request-modal-body{padding:32px 24px}}.demo-request-modal-logo{margin-bottom:24px;text-align:center}.demo-request-modal-logo img{height:auto;max-width:120px}@media(max-width:640px){.demo-request-modal-logo img{max-width:100px}}.demo-request-modal-header{margin-bottom:32px;text-align:center}.demo-request-modal-header h2{color:#1f2937;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 8px}@media(max-width:640px){.demo-request-modal-header h2{font-size:24px}}.demo-request-modal-header p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}@media(max-width:640px){.demo-request-modal-header p{font-size:14px}}.demo-request-alert{border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.demo-request-alert.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.demo-request-alert.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.demo-request-alert.alert-info{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.demo-request-form .demo-request-field{margin-bottom:20px}.demo-request-form .demo-request-field label{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.demo-request-form .demo-request-field label .required{color:#ef4444;margin-left:2px}.demo-request-form .demo-request-field label .optional{color:#6b7280;font-weight:400}.demo-request-form .demo-request-field input[type=email],.demo-request-form .demo-request-field input[type=text]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.demo-request-form .demo-request-field input[type=email]:focus,.demo-request-form .demo-request-field input[type=text]:focus{border-color:#ff4187;box-shadow:0 0 0 3px rgba(255,65,135,.1);outline:none}.demo-request-form .demo-request-field input[type=email]::-moz-placeholder,.demo-request-form .demo-request-field input[type=text]::-moz-placeholder{color:#9ca3af}.demo-request-form .demo-request-field input[type=email]::placeholder,.demo-request-form .demo-request-field input[type=text]::placeholder{color:#9ca3af}.demo-request-form .demo-request-submit-button{align-items:center;background:#ff4187;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:14px 24px;transition:all .2s ease;width:100%}.demo-request-form .demo-request-submit-button:hover:not(:disabled){background:#ff186d;box-shadow:0 4px 12px rgba(255,65,135,.3);transform:translateY(-1px)}.demo-request-form .demo-request-submit-button:active:not(:disabled){transform:translateY(0)}.demo-request-form .demo-request-submit-button:disabled{cursor:not-allowed;opacity:.7}.demo-request-form .demo-request-submit-button .button-loading{align-items:center;display:flex;gap:8px}.demo-request-form .demo-request-submit-button .button-loading .spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.demo-request-result{text-align:center}.demo-request-result .success-icon{animation:scaleIn .5s ease-out;margin-bottom:24px}.demo-request-result .success-icon svg{display:inline-block}.demo-request-result h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 16px}@media(max-width:640px){.demo-request-result h3{font-size:20px}}.demo-request-result .redirect-message{animation:pulse 1.5s ease-in-out infinite;color:#6b7280;font-size:14px;margin-bottom:20px}.demo-request-result .magic-link-button{align-items:center;background:#10b981;border-radius:8px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:24px;padding:14px 32px;text-decoration:none;transition:all .2s ease}.demo-request-result .magic-link-button:hover{background:#0d9367;box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-2px)}.demo-request-result .magic-link-button:active{transform:translateY(0)}.demo-request-result .demo-info{background:#f9fafb;border-radius:8px;margin-top:20px;padding:20px}.demo-request-result .demo-info p{font-size:14px;line-height:1.6;margin:0 0 12px}.demo-request-result .demo-info p:last-child{margin-bottom:0}.demo-request-result .demo-info p strong{color:#1f2937;font-weight:600}.demo-request-result .demo-info .demo-url-link{color:#ff4187;text-decoration:none;word-break:break-all}.demo-request-result .demo-info .demo-url-link:hover{text-decoration:underline}.demo-request-result .demo-info .expiry-info{color:#6b7280;font-size:13px}.demo-request-result .demo-info .expiry-info span{display:block;margin-top:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:640px){.demo-request-modal{padding:12px}}