.web-panel{--web-form-base-color:#8f4cff;--web-form-bg:color-mix(in srgb, var(--web-form-base-color) 14%, #070015 86%);--web-form-field-bg:color-mix(in srgb, var(--web-form-base-color) 10%, #05000f 90%);--web-form-border-soft:color-mix(in srgb, var(--web-form-base-color) 58%, transparent);--web-form-border-hot:color-mix(in srgb, var(--web-form-base-color) 82%, #fff 18%);--web-form-text-soft:#ffffffb8;--web-form-text-muted:#ffffff85;--web-form-error:#ff9b5c;background:linear-gradient(var(--web-form-bg), var(--web-form-bg)) padding-box,linear-gradient(135deg, transparent 0%, var(--web-form-border-soft) 18%, var(--web-form-border-hot) 50%, var(--web-form-border-soft) 82%, transparent 100%) border-box;max-width:90vw;box-shadow:0 0 32px color-mix(in srgb, var(--web-form-base-color) 38%, transparent),inset 0 0 42px #0000006b;background-position:50%,0%;background-size:auto,260% 260%;border:2px solid #0000;border-radius:1.75rem;gap:1.15rem;padding:clamp(1.25rem,3vw,2rem);transition:box-shadow .18s,filter .18s;display:grid;position:relative}.web-panel[data-busy=true]{box-shadow:0 0 42px color-mix(in srgb, var(--web-form-base-color) 52%, transparent),0 0 18px color-mix(in srgb, var(--web-form-border-hot) 45%, transparent),inset 0 0 42px #0000006b;animation:1.35s linear infinite web-panel-border-flow}@keyframes web-panel-border-flow{0%{background-position:50%,0%}to{background-position:50%,200%}}@media (prefers-reduced-motion:reduce){.web-panel[data-busy=true]{animation:none}}