.pf-form{--blue:#6e3ac3;--blue-hover:#5a2ea3;--violet:#8b5cf6;--teal:#1de1ba;--ink:#16171c;--grey:#505967;--grey-2:#8991a0;--line:#e7e9f0;--line-soft:#eef0f6;--bg:#f5f7fb;--card:#fff;--tint-blue:#eef1ff;--tint-teal:#e6fbf5;--tint-violet:#efeaff;--green:#12b98c;--accent:#6e3ac3;font-family:var(--font-inter,"Inter",system-ui,sans-serif);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}.pf-form *{box-sizing:border-box}.pf-form h1,.pf-form h2,.pf-form h3,.pf-form h4{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic"),var(--font-inter,"Inter"),sans-serif;margin:0}.pf-form a{color:var(--accent);text-decoration:none}.pf-form a:hover{color:var(--blue-hover)}.pf-form .mono{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace}.pf-form button,.pf-form input,.pf-form select,.pf-form textarea{font-family:inherit}.pf-form .topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;position:sticky;top:0}.pf-form .topbar .row{align-items:center;gap:24px;max-width:1340px;margin:0 auto;padding:18px 40px;display:flex}.pf-form .topbar img{width:auto;height:30px}.pf-form .topbar .back{color:var(--ink);align-items:center;gap:9px;margin-left:auto;font-size:15px;font-weight:700;display:inline-flex}.pf-form .topbar .back svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.pf-form .topbar .back:hover{color:var(--accent)}.pf-form .shell{grid-template-columns:1fr 1fr;align-items:start;gap:56px;max-width:1340px;margin:0 auto;padding:40px 40px 120px;display:grid}@media (max-width:1080px){.pf-form .shell{grid-template-columns:1fr;gap:36px}.pf-form .preview-col{order:1;position:static}}.pf-form .head h1{letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1.05}.pf-form .head p{color:var(--grey);max-width:520px;margin-top:16px;font-size:19px;line-height:1.5}@media (max-width:560px){.pf-form .head h1{font-size:32px}.pf-form .head p{font-size:16px}.pf-form .topbar .row,.pf-form .shell{padding-left:20px;padding-right:20px}}.pf-form .wsteps{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:36px;display:grid}.pf-form .wstep{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pf-form .wstep .dot{width:44px;height:44px;font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");color:var(--grey-2);background:#eef0f6;border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:700;transition:all .2s;display:grid}.pf-form .wstep .dot svg{stroke:#fff;stroke-width:2.8px;fill:none;width:19px;height:19px}.pf-form .wstep .wl{color:var(--grey-2);font-size:15px;font-weight:600}.pf-form .wstep.done .dot{background:var(--accent);color:#fff}.pf-form .wstep.done .wl{color:var(--ink)}.pf-form .wstep.on .dot{background:var(--accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent)}.pf-form .wstep.on .wl{color:var(--accent);font-weight:700}@media (max-width:560px){.pf-form .wstep .wl{display:none}.pf-form .wstep .dot{width:38px;height:38px}}.pf-form .wprog{background:#e7eaf1;border-radius:999px;height:7px;margin:26px 0 4px;overflow:hidden}.pf-form .wprog span{background:linear-gradient(90deg,var(--accent),var(--teal));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block}.pf-form .scard{background:var(--card);border:1px solid var(--line);border-radius:24px;margin-top:34px;padding:34px 36px 36px;box-shadow:0 8px 30px #1c285a0d}@media (max-width:560px){.pf-form .scard{border-radius:18px;padding:24px 20px 26px}}.pf-form .scard-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.pf-form .scard-num{background:var(--tint-blue);width:40px;height:40px;color:var(--accent);font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid}.pf-form .scard-head h2{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");letter-spacing:-.01em;font-size:24px;font-weight:700}.pf-form .scard-desc{color:var(--grey);margin:6px 0 26px;font-size:16px;line-height:1.55}.pf-form .field{margin-bottom:22px}.pf-form .field:last-child{margin-bottom:0}.pf-form .field>label{color:#33373f;margin-bottom:9px;font-size:15px;font-weight:600;display:block}.pf-form .field .hint{color:var(--grey-2);font-size:14px;font-weight:400}.pf-form .field input,.pf-form .field select,.pf-form .field textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:14px 16px;font-size:16px;transition:all .15s}.pf-form .field textarea{resize:vertical;min-height:96px;line-height:1.5}.pf-form .field input::placeholder,.pf-form .field textarea::placeholder{color:var(--grey-2)}.pf-form .field input:focus,.pf-form .field select:focus,.pf-form .field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.pf-form .field input[aria-invalid=true],.pf-form .field textarea[aria-invalid=true]{border-color:#e0483f}.pf-form .field .sub-hint{color:var(--grey-2);margin-top:9px;font-size:13.5px}.pf-form .field .sub-hint b{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--grey);font-weight:500}.pf-form .err{color:#e0483f;margin-top:8px;font-size:13.5px;font-weight:500}.pf-form .row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:520px){.pf-form .row2{grid-template-columns:1fr}}.pf-form .url-field{border:1.5px solid var(--line);border-radius:12px;align-items:stretch;transition:all .15s;display:flex;overflow:hidden}.pf-form .url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.pf-form .url-field input{border:none;border-radius:0;box-shadow:none!important}.pf-form .url-field .suffix{color:var(--grey-2);font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;border-left:1px solid var(--line);white-space:nowrap;background:#f5f7fb;align-items:center;padding:0 16px;font-size:15px;display:flex}.pf-form .pw-wrap{position:relative}.pf-form .pw-toggle{cursor:pointer;color:var(--grey-2);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pf-form .pw-toggle svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:20px;height:20px}.pf-form .pw-meter{gap:6px;margin-top:11px;display:flex}.pf-form .pw-meter span{background:#e9ecf3;border-radius:999px;flex:1;height:5px;transition:background .2s}.pf-form .pw-note{color:var(--grey-2);margin-top:8px;font-size:13.5px}.pf-form .verified{color:#0f8a6d;background:var(--tint-teal);border:1px solid #c9f0e5;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.pf-form .verified svg{stroke:#0f8a6d;stroke-width:2.4px;fill:none;width:14px;height:14px}.pf-form .linkish{cursor:pointer;color:var(--accent);font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}.pf-form .linkish:hover{text-decoration:underline}.pf-form .otp-to{background:var(--tint-blue);border:1px solid color-mix(in srgb,var(--accent) 20%,#fff);border-radius:14px;align-items:center;gap:13px;margin-bottom:26px;padding:15px 17px;display:flex}.pf-form .otp-to .ic{background:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.pf-form .otp-to .ic svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.8px;fill:none}.pf-form .otp-to .tx{color:var(--grey);font-size:14.5px;line-height:1.4}.pf-form .otp-to .tx b{color:var(--ink);font-weight:600}.pf-form .otp-boxes{gap:12px;margin:6px 0 4px;display:flex}.pf-form .otp-boxes input{text-align:center;width:100%;height:66px;font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:14px;flex:1;padding:0;font-size:28px;font-weight:600;transition:all .15s}.pf-form .otp-boxes input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.pf-form .otp-boxes input.filled{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,#fff)}.pf-form .otp-boxes.err input{border-color:#e0483f;animation:.3s pf-shake}@keyframes pf-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:560px){.pf-form .otp-boxes{gap:7px}.pf-form .otp-boxes input{height:54px;font-size:22px}}.pf-form .otp-meta{color:var(--grey-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.pf-form .otp-meta b{color:var(--ink)}.pf-form .otp-ok{color:#0f8a6d;align-items:center;gap:9px;margin-top:18px;font-size:14.5px;font-weight:600;display:flex}.pf-form .otp-ok svg{stroke:#0f8a6d;stroke-width:2.2px;fill:none;width:20px;height:20px}.pf-form .otp-dev{color:var(--grey);background:#fff8e8;border:1px solid #f2e2b6;border-radius:10px;margin-top:12px;padding:9px 12px;font-size:13px}.pf-form .tpl-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:4px;display:grid}@media (max-width:640px){.pf-form .tpl-grid{grid-template-columns:1fr}}.pf-form .tpl{border:1.5px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:inherit;background:#fff;border-radius:18px;flex-direction:column;padding:0;transition:all .18s;display:flex;position:relative;overflow:hidden}.pf-form .tpl:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 14px 32px #1c285a17}.pf-form .tpl.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.pf-form .tpl-frame{aspect-ratio:16/10;border-bottom:1px solid var(--line-soft);background:#eef0f6;width:100%;position:relative;overflow:hidden}.pf-form .tpl-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.pf-form .tpl-check{z-index:3;border:1.5px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:all .15s;display:grid;position:absolute;top:12px;right:12px}.pf-form .tpl-check svg{stroke:#fff;stroke-width:2.8px;fill:none;opacity:0;width:16px;height:16px}.pf-form .tpl.on .tpl-check{background:var(--accent);border-color:var(--accent)}.pf-form .tpl.on .tpl-check svg{opacity:1}.pf-form .tpl-body{padding:18px 20px 20px}.pf-form .tpl-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-form .tpl-row h3{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");letter-spacing:-.01em;font-size:21px;font-weight:700}.pf-form .tpl-tag{color:var(--grey);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pf-form .tpl-badge{border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.pf-form .tpl-badge.free{color:#0f8a6d;background:var(--tint-teal);border:1px solid #c9f0e5}.pf-form .tpl-badge.paid{color:var(--ink);font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;background:#fff8e8;border:1px solid #f2e2b6;font-size:13px}.pf-form .tpl-badge s{opacity:.55;font-weight:500}.pf-form .tpl-desc{color:var(--grey);margin-top:11px;font-size:14.5px;line-height:1.55}.pf-form .tpl-chips{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.pf-form .tpl-chips .c{color:var(--grey);background:var(--bg);border:1px solid var(--line-soft);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.pf-form .tpl-open{color:var(--accent);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;display:inline-flex}.pf-form .tpl-open svg{stroke:currentColor;stroke-width:2px;fill:none;width:13px;height:13px}.pf-form .banner{color:var(--grey);background:var(--tint-teal);border:1px solid #c9f0e5;border-radius:14px;align-items:flex-start;gap:12px;margin-top:24px;padding:15px 17px;font-size:14.5px;line-height:1.55;display:flex}.pf-form .banner svg{stroke:#0f8a6d;stroke-width:1.9px;fill:none;flex:none;width:19px;height:19px;margin-top:1px}.pf-form .banner b{color:var(--ink);font-weight:600}.pf-form .upload-err{margin-bottom:10px}.pf-form .logo-drop{border:1.5px dashed var(--line);cursor:pointer;background:#fcfcfe;border-radius:14px;align-items:center;gap:15px;min-height:88px;padding:16px 18px;transition:all .15s;display:flex;position:relative}.pf-form .logo-drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 3%,#fff)}.pf-form .logo-drop input[type=file]{opacity:0;cursor:pointer;z-index:1;width:100%;position:absolute;inset:0}.pf-form .logo-ic{background:var(--tint-blue);border-radius:11px;flex:none;place-items:center;width:48px;height:48px;display:grid}.pf-form .logo-ic svg{width:23px;height:23px;stroke:var(--accent);stroke-width:1.8px;fill:none}.pf-form .logo-drop.filled .logo-ic{display:none}.pf-form .logo-prev{object-fit:contain;border:1px solid var(--line-soft);background:#fff;border-radius:11px;flex:none;width:60px;height:60px}.pf-form .logo-tx b{color:var(--ink);font-size:15px;font-weight:600;display:block}.pf-form .logo-tx span{color:var(--grey-2);margin-top:3px;font-size:13px;display:block}.pf-form .swatches{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.pf-form .sw{cursor:pointer;border:2px solid #0000;border-radius:13px;width:44px;height:44px;transition:transform .12s;position:relative;box-shadow:0 4px 10px #1c285a1f}.pf-form .sw:hover{transform:scale(1.08)}.pf-form .sw.on{box-shadow:0 0 0 2px var(--ink);border-color:#fff}.pf-form .sw.on:after{content:"";border-bottom:2.6px solid #fff;border-left:2.6px solid #fff;width:15px;height:9px;margin:auto;position:absolute;inset:0;transform:rotate(-45deg)translate(1px,-2px)}.pf-form .sw-custom{border:1.5px dashed var(--line);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden}.pf-form .sw-custom svg{width:20px;height:20px;stroke:var(--grey-2);stroke-width:1.9px;fill:none}.pf-form .sw-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.pf-form .theme-hex{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--grey);margin-left:6px;font-size:15px}.pf-form .mod-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.pf-form .mod-grid{grid-template-columns:1fr}}.pf-form .mod{border:1.5px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:15px 16px;transition:all .18s;display:flex}.pf-form .mod:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-1px);box-shadow:0 8px 20px #1c285a0f}.pf-form .mod.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,#fff)}.pf-form .mod.locked{cursor:not-allowed;background:#f6f7fa}.pf-form .mod .box{border:1.5px solid var(--line);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.pf-form .mod.on .box{background:var(--accent);border-color:var(--accent)}.pf-form .mod .box svg{stroke:#fff;stroke-width:2.4px;fill:none;opacity:0;width:14px;height:14px;transition:opacity .15s}.pf-form .mod.on .box svg{opacity:1}.pf-form .mod .m-ic{width:26px;height:26px;stroke:var(--grey);stroke-width:1.7px;fill:none;flex:none}.pf-form .mod.on .m-ic{stroke:var(--accent)}.pf-form .mod .m-name{font-size:15px;font-weight:600}.pf-form .mod .core{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;letter-spacing:.1em;color:var(--grey-2);background:#eceef4;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:600}.pf-form .rgroup{border:1px solid var(--line-soft);border-radius:16px;margin-bottom:14px;padding:20px 22px}.pf-form .rgroup:last-of-type{margin-bottom:0}.pf-form .rg-head{align-items:center;gap:11px;margin-bottom:14px;display:flex}.pf-form .rg-ic{background:var(--tint-blue);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.pf-form .rg-ic svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.9px;fill:none}.pf-form .rg-head h3{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");font-size:17px;font-weight:700}.pf-form .rg-edit{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-left:auto;font-size:13.5px;font-weight:600;display:inline-flex}.pf-form .rg-edit svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.pf-form .rrow{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:14px;padding:9px 0;font-size:15px;display:flex}.pf-form .rrow:last-child{border-bottom:none}.pf-form .rrow .k{color:var(--grey-2)}.pf-form .rrow .v{color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:600;overflow:hidden}.pf-form .rrow .v.mono{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;font-weight:500}.pf-form .rrow .v .sw-dot{vertical-align:-2px;border-radius:4px;width:13px;height:13px;margin-right:7px;display:inline-block}.pf-form .rrow .v.ok{color:#0f8a6d}.pf-form .price-box{background:var(--bg);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;display:flex}.pf-form .price-box .pl{color:var(--grey);font-size:14.5px}.pf-form .price-box .pl b{color:var(--ink);font-weight:700}.pf-form .price-box .pv{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");white-space:nowrap;font-size:22px;font-weight:700}.pf-form .terms-row{color:#4b5563;align-items:flex-start;gap:10px;margin-top:18px;font-size:13.5px;line-height:1.5;display:flex}.pf-form .terms-row input{flex:none;margin-top:3px}.pf-form .launch-note{text-align:center;color:var(--grey-2);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;display:flex}.pf-form .launch-note svg{width:16px;height:16px;stroke:var(--teal);stroke-width:2px;fill:none}.pf-form .form-alert{color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:12px;margin-top:22px;padding:13px 15px;font-size:14px;font-weight:500}.pf-form .wnav{align-items:center;gap:14px;margin-top:30px;display:flex}.pf-form .btn-ghost{border:1.5px solid var(--line);color:var(--grey);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:9px;padding:15px 24px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.pf-form .btn-ghost svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.pf-form .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.pf-form .btn-next{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 26%,transparent);border:none;border-radius:14px;align-items:center;gap:10px;margin-left:auto;padding:16px 30px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.pf-form .btn-next svg{stroke:#fff;stroke-width:2px;fill:none;width:19px;height:19px}.pf-form .btn-next:hover{filter:brightness(.94);transform:translateY(-1px)}.pf-form .btn-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.pf-form .preview-col{position:sticky;top:110px}.pf-form .preview-label{color:var(--ink);align-items:center;gap:12px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.pf-form .preview-label .live{background:var(--tint-teal);color:#0f8a6d;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.pf-form .preview-label .live i{background:#12b98c;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pf-pulse}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.3}}.pf-form .browser{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 26px 64px #1c285a1f}.pf-form .br-bar{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:16px 18px;display:flex}.pf-form .br-dots{gap:7px;display:flex}.pf-form .br-dots i{background:#dfe3ec;border-radius:50%;width:12px;height:12px}.pf-form .br-url{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--grey);white-space:nowrap;background:#f4f6fa;border-radius:10px;flex:1;align-items:center;gap:9px;padding:10px 14px;font-size:14px;display:flex;overflow:hidden}.pf-form .br-url svg{stroke:#16171c;stroke-width:2px;fill:none;flex:none;width:14px;height:14px}.pf-form .lms{grid-template-columns:210px 1fr;min-height:430px;display:grid}@media (max-width:560px){.pf-form .lms{grid-template-columns:1fr}.pf-form .lms-side{display:none}}.pf-form .lms-side{border-right:1px solid var(--line-soft);flex-direction:column;padding:22px 18px;display:flex}.pf-form .lms-brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;margin-bottom:16px;padding:6px 6px 22px;display:flex}.pf-form .lms-logo{background:var(--accent);color:#fff;width:40px;height:40px;font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");border-radius:11px;flex:none;place-items:center;font-size:18px;font-weight:700;transition:background .2s;display:grid;overflow:hidden}.pf-form .lms-logo img{object-fit:cover;width:100%;height:100%}.pf-form .lms-brand .bn{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.1;overflow:hidden}.pf-form .lms-nav{flex-direction:column;gap:4px;display:flex}.pf-form .lms-nav .item{color:#4c5261;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;font-size:15px;font-weight:500;display:flex}.pf-form .lms-nav .item svg{stroke:currentColor;stroke-width:1.8px;fill:none;flex:none;width:18px;height:18px}.pf-form .lms-nav .item.active{background:var(--accent);color:#fff}.pf-form .lms-main{padding:26px 28px}.pf-form .lms-hello{color:var(--grey-2);font-size:14px;font-weight:600}.pf-form .lms-h1{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");letter-spacing:-.01em;margin:6px 0 5px;font-size:27px;font-weight:700;line-height:1.1}.pf-form .lms-h1 span{color:var(--accent);transition:color .2s}.pf-form .lms-sub{color:var(--grey);margin-bottom:22px;font-size:14.5px}.pf-form .lms-cards{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.pf-form .lms-card{border:1px solid var(--line-soft);border-radius:13px;padding:16px 17px}.pf-form .lms-card .cn{color:var(--grey-2);font-size:13px}.pf-form .lms-card .cv{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");margin-top:5px;font-size:24px;font-weight:700}.pf-form .lms-btn{background:var(--accent);color:#fff;border-radius:11px;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;transition:background .2s;display:inline-flex}.pf-form .lms-btn svg{stroke:#fff;stroke-width:2px;fill:none;width:16px;height:16px}.pf-form .chip-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.pf-form .chip{background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,#fff);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.pf-form .summary{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:20px;padding:24px 26px}.pf-form .summary h4{font-family:var(--font-plex-arabic,"IBM Plex Sans Arabic");margin-bottom:16px;font-size:17px;font-weight:700}.pf-form .sum-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:14px;padding:11px 0;font-size:15px;display:flex}.pf-form .sum-row:last-child{border-bottom:none}.pf-form .sum-row .k{color:var(--grey-2)}.pf-form .sum-row .v{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:62%;overflow:hidden}.pf-form .sum-row .v.muted{color:var(--grey-2);font-family:inherit;font-style:italic}.pf-form .terms-modal{z-index:50;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pf-form .terms-modal .box{background:#fff;border-radius:14px;width:min(620px,100%);max-height:80vh;padding:28px;overflow:auto;box-shadow:0 24px 64px #0f172a40}.pf-form .terms-modal h2{margin-bottom:12px;font-size:20px}.pf-form .terms-modal p{color:var(--grey);margin-bottom:12px;font-size:14.5px;line-height:1.6}.pf-form .product-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-form .product-choice{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex}.pf-form .product-choice:hover,.pf-form .product-choice.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.pf-form .product-choice b,.pf-form .product-choice small{display:block}.pf-form .product-choice b{margin:1px 0 5px;font-size:16px}.pf-form .product-choice small{color:var(--grey);font-size:13px;line-height:1.45}.pf-form .product-icon{color:#fff;background:#6e3ac3;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.pf-form .product-icon.ems{background:#0f9e7c}.pf-form .product-icon.indiv{background:#8b5cf6}.pf-form .product-choice.disabled,.pf-form .product-choice:disabled{opacity:.5;cursor:not-allowed}.pf-form .product-choice.disabled:hover,.pf-form .product-choice:disabled:hover{border-color:var(--line);box-shadow:none}.pf-form .sub-hint.notice{color:var(--accent);margin-top:8px;font-weight:600}@media (max-width:520px){.pf-form .product-grid{grid-template-columns:1fr}}.pf-form .plan-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pf-form .bill-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.pf-form .bill-toggle button{color:var(--grey);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.pf-form .bill-toggle button.on{background:var(--accent);color:#fff}.pf-form .plan-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pf-form .plan-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.pf-form .plan-card:hover,.pf-form .plan-card.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.pf-form .plan-top{justify-content:space-between;align-items:center;display:flex}.pf-form .plan-top h3{margin:0;font-size:15px}.pf-form .plan-check{border:1px solid var(--line);opacity:0;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .15s;display:grid}.pf-form .plan-check svg{fill:none;stroke:#fff;stroke-width:3px;width:13px;height:13px}.pf-form .plan-card.on .plan-check{opacity:1;background:var(--accent);border-color:var(--accent)}.pf-form .plan-price{align-items:baseline;gap:3px;display:flex}.pf-form .plan-price b{color:var(--ink);font-size:22px}.pf-form .plan-price small{color:var(--grey);font-size:12px}.pf-form .plan-feats{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pf-form .plan-feats li{color:var(--grey);padding-left:18px;font-size:13px;position:relative}.pf-form .plan-feats li:before{content:"✓";color:var(--accent);font-weight:800;position:absolute;left:0}@media (max-width:640px){.pf-form .plan-grid{grid-template-columns:1fr}}.pf-form .brand-sep{align-items:center;gap:12px;margin:22px 0 4px;display:flex}.pf-form .brand-sep:before,.pf-form .brand-sep:after{content:"";background:var(--line);flex:1;height:1px}.pf-form .brand-sep span{letter-spacing:.04em;text-transform:uppercase;color:var(--grey);font-size:12px;font-weight:700}.pf-form .product-choice.product-logo-card{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px}.pf-form .product-logo{width:auto;height:26px;display:block}.pf-form .product-logo-card small{color:var(--grey);font-size:13px;line-height:1.45}.pf-form .ems-crm{color:var(--grey-2);align-items:center;gap:6px;margin-top:1px;font-size:10.5px;font-weight:600;display:inline-flex}.pf-form .ems-crm .crm-mini{width:auto;height:12px;display:block}.pf-form .lms-card .cv{font-variant-numeric:tabular-nums}.pf-form .pv-courses{margin-top:20px}.pf-form .pv-courses-h{letter-spacing:.05em;text-transform:uppercase;color:var(--grey-2);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11.5px;font-weight:700;display:flex}.pf-form .pv-courses-h span{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--accent) 20%,#fff);letter-spacing:0;border-radius:6px;padding:2px 8px;font-size:11px}.pf-form .pv-clist{border:1px solid var(--line-soft);scrollbar-width:thin;scrollbar-color:#50596747 transparent;background:#fbfcfe;border-radius:12px}.pf-form .pv-clist::-webkit-scrollbar{width:7px}.pf-form .pv-clist::-webkit-scrollbar-thumb{background:#5059673d;border-radius:99px}.pf-form .pv-crow{border-bottom:1px solid var(--line-soft);align-items:center;gap:9px;padding:0 13px;font-size:12.5px;display:flex}.pf-form .pv-cnum{font-family:var(--font-plex-mono,"IBM Plex Mono"),monospace;color:var(--grey-2);flex:none;width:20px;font-size:10.5px}.pf-form .pv-cdot{background:var(--accent);opacity:.55;border-radius:3px;flex:none;width:6px;height:6px;transition:background .2s}.pf-form .pv-cname{color:#3a4152;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media (prefers-reduced-motion:no-preference){.pf-form .scard{animation:.5s cubic-bezier(.2,.7,.3,1) both pf-card-in}@keyframes pf-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.pf-form .product-grid>*,.pf-form .plan-grid>*,.pf-form .tpl-grid>*,.pf-form .mod-grid>*,.pf-form .rgroup{animation:.5s cubic-bezier(.2,.8,.3,1) backwards pf-rise}@keyframes pf-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.pf-form .product-grid>:first-child,.pf-form .plan-grid>:first-child,.pf-form .tpl-grid>:first-child,.pf-form .mod-grid>:first-child,.pf-form .rgroup:first-of-type{animation-delay:.14s}.pf-form .product-grid>:nth-child(2),.pf-form .plan-grid>:nth-child(2),.pf-form .tpl-grid>:nth-child(2),.pf-form .mod-grid>:nth-child(2),.pf-form .rgroup:nth-of-type(2){animation-delay:.21s}.pf-form .product-grid>:nth-child(3),.pf-form .plan-grid>:nth-child(3),.pf-form .tpl-grid>:nth-child(3),.pf-form .mod-grid>:nth-child(3),.pf-form .rgroup:nth-of-type(3){animation-delay:.28s}.pf-form .product-grid>:nth-child(4),.pf-form .plan-grid>:nth-child(4),.pf-form .tpl-grid>:nth-child(4),.pf-form .mod-grid>:nth-child(4),.pf-form .rgroup:nth-of-type(4){animation-delay:.35s}.pf-form .plan-grid>:nth-child(5),.pf-form .tpl-grid>:nth-child(5),.pf-form .mod-grid>:nth-child(5),.pf-form .rgroup:nth-of-type(5){animation-delay:.42s}.pf-form .mod-grid>:nth-child(6),.pf-form .tpl-grid>:nth-child(6){animation-delay:.49s}.pf-form .wstep.on .dot{animation:.32s cubic-bezier(.2,1.5,.4,1) pf-pop}@keyframes pf-pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.pf-form .wstep.done .dot svg{stroke-dasharray:26;stroke-dashoffset:26px;animation:.45s 50ms forwards pf-draw}@keyframes pf-draw{to{stroke-dashoffset:0}}.pf-form .otp-boxes input.filled{animation:.24s pf-pop}.pf-form .otp-ok svg{stroke-dasharray:30;stroke-dashoffset:30px;animation:.5s 50ms forwards pf-draw}.pf-form .banner,.pf-form .otp-to,.pf-form .price-box{animation:.45s cubic-bezier(.2,.8,.3,1) .12s backwards pf-rise}.pf-form .plan-card.on .plan-check,.pf-form .tpl.on .tpl-check,.pf-form .mod.on .box{animation:.28s cubic-bezier(.2,1.5,.4,1) pf-pop}.pf-form .verified{animation:.35s backwards pf-rise}.pf-form .scard .btn-next{animation:.6s .3s backwards pf-cta}@keyframes pf-cta{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}