.ums-demo-form{--va:#c98f9e}.ums-demo-form .vd-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:640px){.ums-demo-form .vd-2col{grid-template-columns:1fr}}.ums-demo-form .vd-field-compact label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#443a38}.ums-demo-form .vd-field-compact input{width:100%;border:1px solid rgba(68,58,56,.12);border-radius:12px;background:rgba(255,249,246,.7);padding:10px 12px;font-size:14px;color:#443a38;outline:none}.ums-demo-form .vd-field-compact input:focus{border-color:color-mix(in srgb,var(--va) 55%,#e5e7eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--va) 22%,transparent)}.ums-demo-form .vd-field-compact input:disabled{opacity:.6}.ums-demo-form .vd-svc-label{font-size:12px;font-weight:600;color:#665a56;margin:4px 0 8px}.ums-demo-form .vd-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.ums-demo-form .vd-tab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;cursor:pointer;color:#665a56;transition:background .15s,border-color .15s,color .15s}.ums-demo-form .vd-tab:hover:not(:disabled){border-color:color-mix(in srgb,var(--va) 45%,#e5e7eb);color:#443a38}.ums-demo-form .vd-tab.on{background:var(--va);border-color:var(--va);color:#fff}.ums-demo-form .vd-tab:disabled{opacity:.55;cursor:not-allowed}.ums-demo-form .vd-svc-list{display:flex;flex-direction:column;gap:7px}.ums-demo-form .vd-svc-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:13px;padding:10px 12px;background:#fff}.ums-demo-form .vd-svc-row input[type=checkbox]{accent-color:var(--va);width:16px;height:16px}.ums-demo-form .vd-svc-info{min-width:0}.ums-demo-form .vd-svc-name{font-size:13px;font-weight:500;color:#1f2937}.ums-demo-form .vd-svc-name.is-off{color:#9ca3af;text-decoration:line-through}.ums-demo-form .vd-svc-dur{font-size:11px;color:#9ca3af;margin-top:1px}.ums-demo-form .vd-svc-price-wrap{display:inline-flex;align-items:center;gap:2px}.ums-demo-form .vd-svc-price-wrap.is-off{opacity:.4}.ums-demo-form .vd-svc-price-wrap>span{font-size:13px;color:#6b7280}.ums-demo-form .vd-svc-price{width:72px;border:1px solid #e5e7eb;border-radius:9px;padding:7px 8px;text-align:right;font-size:13px;font-weight:500;color:#443a38;background:#fff;-webkit-appearance:none;appearance:none}.ums-demo-form .vd-svc-price:focus{outline:none;border-color:color-mix(in srgb,var(--va) 55%,#e5e7eb)}.ums-vd-phone-root{--va:#7c3aed;width:100%;display:flex;justify-content:center}.ums-vd-phone-root .vd-phone{width:min(100%,286px);min-height:500px;margin:0 auto;background:linear-gradient(165deg,#1a0533,#2d1b69 50%,#1a0d3a);border:10px solid #0b0b10;border-radius:42px;padding:22px 18px;position:relative;overflow:hidden;color:#fff;box-shadow:0 34px 70px rgba(17,24,39,.25),inset 0 0 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column}.ums-vd-phone-root .vd-phone:before{content:"";position:absolute;inset:-70px -60px auto auto;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--va) 35%,transparent)}.ums-vd-phone-root .vd-phone-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.5);font-size:12px;margin-bottom:34px;position:relative}.ums-vd-phone-root .vd-phone-time{font-weight:500}.ums-vd-phone-root .vd-phone-icons{font-size:9px}.ums-vd-phone-root .vd-phone-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--va),color-mix(in srgb,var(--va) 60%,#000));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin:0 auto 10px;box-shadow:0 0 0 8px rgba(255,255,255,.07),0 0 32px color-mix(in srgb,var(--va) 40%,transparent);position:relative}.ums-vd-phone-root .vd-phone-name{text-align:center;position:relative;margin-bottom:4px;font-size:17px;font-weight:600}.ums-vd-phone-root .vd-phone-subtitle{color:rgba(255,255,255,.5);font-size:11px;font-weight:500;letter-spacing:.06em;text-align:center;text-transform:uppercase;position:relative;margin-bottom:16px}.ums-vd-phone-root .vd-phone-wave{height:26px;display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:16px}.ums-vd-phone-root .vd-phone-wave span{display:block;width:3px;border-radius:3px;background:#10b981;animation:vdWave 1.1s ease-in-out infinite}.ums-vd-phone-root .vd-phone-wave span:first-child{height:7px}.ums-vd-phone-root .vd-phone-wave span:nth-child(2){height:18px;animation-delay:.08s}.ums-vd-phone-root .vd-phone-wave span:nth-child(3){height:24px;animation-delay:.16s}.ums-vd-phone-root .vd-phone-wave span:nth-child(4){height:14px;animation-delay:.24s}.ums-vd-phone-root .vd-phone-wave span:nth-child(5){height:20px;animation-delay:.32s}@keyframes vdWave{0%,to{transform:scaleY(.4);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes vdPulse{0%,to{opacity:1}50%{opacity:.35}}.ums-vd-phone-root .vd-phone-mid{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:4px 0 8px}.ums-vd-phone-root .vd-phone-connecting{display:flex;align-items:center;justify-content:center;gap:9px;color:#10b981;font-size:15px;font-weight:600;letter-spacing:.02em;margin-bottom:4px}.ums-vd-phone-root .vd-phone-connecting-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:vdPulse 1s ease-in-out infinite}.ums-vd-phone-root .vd-phone-dock{display:flex;justify-content:center;align-items:flex-end;padding:8px 0 6px;width:100%}.ums-vd-phone-root .vd-phone-ios-act{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.ums-vd-phone-root .vd-phone-ios-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .15s,filter .15s,box-shadow .15s}.ums-vd-phone-root .vd-phone-ios-btn--accept,.ums-vd-phone-root .vd-phone-ios-btn--end{width:auto;height:auto;padding:0;background:transparent;box-shadow:none;border-radius:0}.ums-vd-phone-root .vd-phone-ios-btn--accept:hover:not(:disabled),.ums-vd-phone-root .vd-phone-ios-btn--end:hover:not(:disabled){filter:none;transform:none;box-shadow:none}.ums-vd-phone-root .vd-phone-ios-btn-face{width:56px;height:56px;aspect-ratio:1;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;flex-shrink:0;box-shadow:0 12px 28px rgba(16,185,129,.42);transition:transform .15s,filter .15s,box-shadow .15s}.ums-vd-phone-root .vd-phone-ios-btn--accept:hover:not(:disabled) .vd-phone-ios-btn-face{filter:brightness(1.06);transform:scale(1.03);box-shadow:0 14px 34px rgba(16,185,129,.48)}.ums-vd-phone-root .vd-phone-ios-btn--accept:disabled .vd-phone-ios-btn-face{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ums-vd-phone-root .vd-phone-ios-btn--accept:disabled{cursor:not-allowed}.ums-vd-phone-root .vd-phone-ios-btn-face svg{width:20px;height:20px;display:block}.ums-vd-phone-root .vd-phone-ios-btn-face.vd-phone-ios-btn-face--end{background:#ef4444;box-shadow:0 12px 28px rgba(239,68,68,.45)}.ums-vd-phone-root .vd-phone-ios-btn-face.vd-phone-ios-btn-face--end svg path{fill:currentColor}.ums-vd-phone-root .vd-phone-ios-btn--end:hover:not(:disabled) .vd-phone-ios-btn-face.vd-phone-ios-btn-face--end{filter:brightness(1.06);transform:scale(1.03);box-shadow:0 14px 34px rgba(239,68,68,.52)}.ums-vd-phone-root .vd-phone-ios-btn--end:disabled .vd-phone-ios-btn-face.vd-phone-ios-btn-face--end{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ums-vd-phone-root .vd-phone-ios-btn:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:3px}.ums-vd-phone-root .vd-phone-ios-btn:disabled{opacity:1;cursor:not-allowed}.ums-vd-phone-root .vd-phone-ios-label{font-size:11px;font-weight:600;color:rgba(255,255,255,.88);letter-spacing:.02em;line-height:1.25;text-align:center;max-width:200px}