:root{--indigo: #4f46e5;--violet: #7c3aed;--grad: linear-gradient(135deg, #4f46e5 0%, #6d3be8 55%, #7c3aed 100%);--cyan: #06b6d4;--amber: #f59e0b;--green: #16a34a;--ink: #1e293b;--slate: #475569;--muted: #94a3b8;--line: #e7eaf3;--line-strong: #d6d9e6;--canvas: #f4f4fb;--surface: #ffffff;--field-bg: #f8f9fd;--font-latin: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic: "Cairo", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;--radius: 16px;--radius-lg: 24px;--shadow: 0 24px 60px -24px rgba(30, 41, 59, .28);--ring: 0 0 0 4px rgba(79, 70, 229, .16)}*{box-sizing:border-box}html{font-family:var(--font-latin)}html[lang=ar]{font-family:var(--font-arabic)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(120% 60% at 100% 0%,rgba(6,182,212,.06),transparent),radial-gradient(120% 60% at 0% 100%,rgba(245,158,11,.06),transparent),var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;-webkit-font-smoothing:antialiased}.app{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(30,41,59,.04)}.brand{position:relative;overflow:hidden;padding:22px 24px;background:var(--grad);color:#fff;isolation:isolate}.brand__texture{position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(to bottom,transparent 0 26px,rgba(255,255,255,.05) 26px 27px)}.brand__glow{position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;filter:blur(10px)}.brand__glow--cyan{inset-block-start:-120px;inset-inline-end:-70px;background:radial-gradient(circle,rgba(6,182,212,.42),transparent 70%)}.brand__glow--amber{inset-block-end:-140px;inset-inline-start:-80px;background:radial-gradient(circle,rgba(245,158,11,.36),transparent 70%)}.brand__row{display:flex;align-items:center;gap:12px}.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffffff29;border:1px solid rgba(255,255,255,.24);color:#fff;flex:none}.brand__mark svg{width:24px;height:24px}.brand__title{font-size:20px;font-weight:800;letter-spacing:-.2px;margin-inline-end:auto}.lang{display:inline-flex;padding:3px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.22)}.lang__opt{border:0;background:transparent;color:#ffffffd1;font:inherit;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s}.lang__opt.is-active{background:#fff;color:var(--indigo)}.sheet{padding:28px 24px 30px}.foot{padding:14px 24px 20px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.screen{display:flex;flex-direction:column;gap:8px}.screen--center{align-items:center;text-align:center}.eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--indigo)}.screen__title{margin:2px 0 0;font-size:25px;line-height:1.22;font-weight:800;letter-spacing:-.4px;color:var(--ink)}.screen__body{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--slate)}.note{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.status-badge{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;margin-block-end:6px}.status-badge svg{width:32px;height:32px}.status-badge--ok{background:#16a34a1f;color:var(--green)}.status-badge--muted{background:#94a3b829;color:var(--slate)}.tiles{display:flex;flex-direction:column;gap:12px;margin-block-start:18px}.tile{display:flex;align-items:center;gap:14px;inline-size:100%;padding:16px;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font:inherit;color:inherit;transition:transform .18s ease,border-color .18s,box-shadow .18s}.tile:hover,.tile:focus-within{transform:translateY(-2px);border-color:#4f46e559;box-shadow:0 14px 26px -18px #4f46e580}.tile__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tile__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;flex:none}.tile__icon svg{width:24px;height:24px}.tile__icon--indigo{background:#4f46e51f;color:var(--indigo)}.tile__icon--cyan{background:#06b6d424;color:var(--cyan)}.tile__icon--amber{background:#f59e0b29;color:#d97706}.tile__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.tile__title{font-size:15.5px;font-weight:700;color:var(--ink)}.tile__desc{font-size:13px;line-height:1.4;color:var(--muted)}.tile__chev{margin-inline-start:auto;font-size:20px;color:var(--muted);transition:transform .18s}[dir=rtl] .tile__chev{transform:scaleX(-1)}.tile:hover .tile__chev{transform:translate(3px);color:var(--indigo)}[dir=rtl] .tile:hover .tile__chev{transform:scaleX(-1) translate(3px)}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--slate);font:inherit;font-weight:600;font-size:14px;padding:0 0 6px;cursor:pointer}.back span{font-size:17px}[dir=rtl] .back span{transform:scaleX(-1)}.back:hover{color:var(--indigo)}.form{display:flex;flex-direction:column;gap:22px;margin-block-start:20px}.form__section{border:0;margin:0;padding:0;min-inline-size:0}.form__legend{padding:0;margin-block-end:12px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--slate)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.field--wide{grid-column:1 / -1}.field__label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--slate)}.field__req{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#b45309;background:#f59e0b26;padding:2px 7px;border-radius:999px}.field__input{inline-size:100%;padding:11px 13px;font:inherit;font-size:15px;color:var(--ink);background:var(--field-bg);border:1.5px solid var(--line);border-radius:12px;transition:border-color .16s,box-shadow .16s,background .16s}.field__input:hover{border-color:var(--line-strong)}.field__input:focus{outline:0;background:#fff;border-color:var(--indigo);box-shadow:var(--ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;inline-size:100%;padding:15px 20px;font:inherit;font-size:16px;font-weight:800;border:0;border-radius:14px;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s}.btn--primary{color:#fff;background:var(--grad);box-shadow:0 16px 30px -14px #4f46e599}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px #4f46e5b3}.btn__arrow{font-size:18px;transition:transform .18s}[dir=rtl] .btn__arrow{transform:scaleX(-1)}.btn--primary:hover .btn__arrow{transform:translate(4px)}[dir=rtl] .btn--primary:hover .btn__arrow{transform:scaleX(-1) translate(4px)}.upsell{inline-size:100%;margin-block-start:22px;padding:22px 20px;text-align:center;background:#4f46e50d;border:1px solid rgba(79,70,229,.14);border-radius:20px;display:flex;flex-direction:column;gap:12px}.upsell__title{margin:0;font-size:18px;font-weight:800;color:var(--ink)}.upsell__body{margin:-4px 0 0;font-size:14px;line-height:1.5;color:var(--slate)}.code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#fff;border:2px dashed rgba(79,70,229,.4);border-radius:14px}.code__label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.code__value{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:800;letter-spacing:5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen>*,.tile{animation:rise .5s cubic-bezier(.22,1,.36,1) both}.screen>*:nth-child(2){animation-delay:.04s}.screen>*:nth-child(3){animation-delay:.08s}.screen>*:nth-child(4){animation-delay:.12s}.tiles .tile:nth-child(1){animation-delay:.1s}.tiles .tile:nth-child(2){animation-delay:.16s}.tiles .tile:nth-child(3){animation-delay:.22s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
