:root{--bg:#03040A;--text:#EEF0FF;--muted:rgba(238,240,255,.45);--danger:#FF6B6B;--dangerSurface:rgba(255,107,107,.09);--blue:#3D5BD9;--green:#4DC364;--display: "Syne", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--body: "DM Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body.demoPage{margin:0;min-height:100vh;font-family:var(--body);color:var(--text);background:radial-gradient(900px 600px at 20% 0%,rgba(61,91,217,.14),transparent 55%),radial-gradient(800px 500px at 90% 20%,rgba(77,195,100,.1),transparent 55%),var(--bg);overflow-x:hidden}#demoApp{min-height:100vh;display:flex;flex-direction:column}.demoNav{padding:max(14px,env(safe-area-inset-top)) 22px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;letter-spacing:.2px;font-size:18px;color:var(--text);text-decoration:none;min-height:44px}.brand__zcale{color:var(--blue)}.brand__up{background:linear-gradient(90deg,var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tiny{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#eef0ff85;margin-left:4px;margin-top:2px}.demoMain{flex:1;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-left))}.demoCard{width:min(560px,100%);border-radius:22px;border:1px solid rgba(238,240,255,.1);background:#080d1c9e;backdrop-filter:blur(18px);box-shadow:0 40px 120px #0009;padding:28px 26px;isolation:isolate;transform:translateZ(0)}.demoEyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#eef0ff8c}.demoTitle{margin:10px 0 0;font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:clamp(24px,3.4vw,34px);line-height:1.08}.demoLead{margin:10px 0 0;line-height:1.6;color:#eef0ffbd}.demoSuccess{display:none;margin:14px 0 0;padding:14px;border-radius:14px;border:1px solid rgba(77,195,100,.35);background:#4dc36414;color:#eef0ffeb;line-height:1.5;font-size:14px;outline:none;opacity:0;transform:translate3d(0,6px,0)}.demoSuccess.demoSuccess--visible{display:block;opacity:1;transform:translateZ(0);animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both}.demoSuccess a{color:#7af6ceeb;text-decoration:underline;text-underline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.demoForm{display:grid;gap:14px;margin-top:18px}.fld{display:grid;gap:7px;min-width:0;contain:layout}.fld span{font-size:13px;color:#eef0ffbd}.req{color:#f6d1d1f0;margin-left:2px;text-decoration:none}.req--muted{font-weight:400;color:#eef0ff85;margin-left:0}.fld__hint{font-size:12px;line-height:1.35;color:#eef0ff8a!important;margin:0!important}.fld__input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:13px 12px;border-radius:14px;border:1px solid rgba(238,240,255,.12);background:#03040a8c;color:var(--text);outline:none;font:inherit;-webkit-appearance:none;appearance:none;text-overflow:clip;white-space:normal}.fld__input--phone{font-variant-numeric:tabular-nums;overflow-x:auto}.fld__input--textarea{resize:vertical;min-height:108px;max-height:320px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.fld__input:focus{border-color:#4dc36485;box-shadow:0 0 0 4px #3d5bd91f}.fld__input--invalid{border-color:#ff6b6beb!important;background:var(--dangerSurface)}.fld__input--invalid:focus{border-color:#ff9898eb!important}.fld__error{min-height:0;margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--danger);opacity:0;transform:translate3d(0,-3px,0);transition:opacity .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.fld__error--visible{opacity:1;transform:translateZ(0)}.demoFine{font-size:13px;line-height:1.5;margin:8px 0 0;text-align:center}.demoFine a{color:#eef0ffdb;text-decoration:underline;text-underline-offset:3px}.btn{appearance:none;border:1px solid rgba(238,240,255,.1);display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;background:#080d1c59;color:var(--text);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(0)}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.92}.btn--primary{background:linear-gradient(90deg,#3d5bd9f5,#4dc364f5);border-color:#ffffff1f;position:relative;overflow:hidden}.btn--xl{height:58px;font-size:16px;padding:0 18px;width:100%}.btn--block{width:100%}.btn__busy{display:none;width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:#ffffff1f;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn--loading .btn__label{opacity:.35}.btn--loading .btn__busy{display:inline-block}.muted{color:var(--muted)}body.demoModalLock{overflow:hidden;overscroll-behavior:none}.demoModal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px env(safe-area-inset-right) calc(24px + env(safe-area-inset-bottom)) env(safe-area-inset-left);visibility:hidden;pointer-events:none;opacity:0;transform:translateZ(0)}.demoModal--visible{visibility:visible;pointer-events:auto;opacity:1}.demoModal__backdrop{position:absolute;inset:0;background:#03040ab8;backdrop-filter:blur(12px);transform:translateZ(0)}.demoModal__panel{position:relative;width:min(420px,100%);padding:34px 28px 32px;border-radius:22px;border:1px solid rgba(238,240,255,.12);background:#080d1ceb;box-shadow:0 40px 120px #000000d1,0 0 0 1px #3d5bd914 inset;text-align:center;isolation:isolate;transform:translateZ(0)}.demoModal__check{display:grid;place-items:center;margin:0 auto 12px;color:#4dc364;filter:drop-shadow(0 0 22px rgba(77,195,100,.35))}.demoModal__checkRing{transform-origin:center;animation:checkRing .75s cubic-bezier(.2,.8,.2,1) .05s both}.demoModal__checkPath{color:#4dc364}@keyframes checkRing{0%{transform:scale(.88);opacity:.45}to{transform:scale(1);opacity:1}}.demoModal__title{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:26px;line-height:1.08}.demoModal__msg{margin:14px 0 0;color:#eef0ffc2;line-height:1.65;font-size:15px}.demoFine .contactEmail{color:#eef0ffeb;font-weight:700;user-select:all;border-bottom:1px solid rgba(77,195,100,.42)}@media(prefers-reduced-motion:reduce){.fld__error{transition:none}.btn__busy,.demoModal__checkRing{animation:none}}
