:root{--fx-bg: #08080b;--fx-bg-soft: #0e0e13;--fx-surface: rgba(255, 255, 255, .045);--fx-surface-strong: rgba(255, 255, 255, .08);--fx-border: rgba(255, 255, 255, .09);--fx-border-strong: rgba(255, 255, 255, .16);--fx-text: #f4f4f6;--fx-text-muted: #9a9aa6;--fx-text-dim: #6c6c78;--fx-accent: #ff3b30;--fx-accent-soft: rgba(255, 59, 48, .16);--fx-accent-ring: rgba(255, 59, 48, .38);--fx-accent-grad: linear-gradient(135deg, #ff3b30, #ff7a45);--fx-success: #34d399;--fx-danger: #ff6b6b;--fx-radius-sm: 12px;--fx-radius: 18px;--fx-radius-lg: 26px;--fx-shadow: 0 24px 60px -24px rgba(0, 0, 0, .85);--fx-shadow-accent: 0 18px 40px -18px var(--fx-accent-ring);--fx-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}.op-mobilis{--fx-accent: #19b36b;--fx-accent-soft: rgba(25, 179, 107, .16);--fx-accent-ring: rgba(25, 179, 107, .38);--fx-accent-grad: linear-gradient(135deg, #10a05c, #35d68c)}.op-djezzy{--fx-accent: #f5831f;--fx-accent-soft: rgba(245, 131, 31, .16);--fx-accent-ring: rgba(245, 131, 31, .38);--fx-accent-grad: linear-gradient(135deg, #ef6c00, #ffa726)}.op-ooredoo{--fx-accent: #ff3b30;--fx-accent-soft: rgba(255, 59, 48, .16);--fx-accent-ring: rgba(255, 59, 48, .38);--fx-accent-grad: linear-gradient(135deg, #e5232b, #ff6b57)}.fx-page{position:relative;min-height:100vh;padding:4.5rem 1.25rem 4rem;background:var(--fx-bg);color:var(--fx-text);font-family:var(--fx-font);overflow:hidden}.fx-page:before{content:"";position:absolute;inset:-20% -10% auto;height:70vh;background:radial-gradient(42% 55% at 20% 0%,var(--fx-accent-soft),transparent 70%),radial-gradient(38% 50% at 85% 10%,rgba(120,90,255,.12),transparent 70%);filter:blur(10px);pointer-events:none}.fx-container{position:relative;width:100%;max-width:1040px;margin:0 auto}.fx-container--narrow{max-width:520px}.fx-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}.fx-title em{font-style:normal;background:var(--fx-accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.fx-lead{margin:.75rem 0 0;color:var(--fx-text-muted);font-size:.98rem;line-height:1.6}.fx-muted{color:var(--fx-text-muted)}.fx-dim{color:var(--fx-text-dim)}.fx-eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:5px 12px;border-radius:999px;border:1px solid var(--fx-border);background:var(--fx-surface);color:var(--fx-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.fx-card{position:relative;border-radius:var(--fx-radius);border:1px solid var(--fx-border);background:var(--fx-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--fx-shadow)}.fx-card--pad{padding:1.6rem}.fx-card--interactive{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.fx-card--interactive:hover{transform:translateY(-4px);border-color:var(--fx-border-strong)}.fx-card--selected{border-color:var(--fx-accent);box-shadow:var(--fx-shadow-accent)}.fx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--fx-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.fx-btn:focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px}.fx-btn--block{width:100%}.fx-btn--primary{background:var(--fx-accent-grad);color:#fff}.fx-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--fx-shadow-accent)}.fx-btn--ghost{background:var(--fx-surface-strong);border-color:var(--fx-border)}.fx-btn--ghost:hover:not(:disabled){background:#ffffff24;border-color:var(--fx-border-strong)}.fx-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.fx-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:none}.fx-tabs::-webkit-scrollbar{display:none}.fx-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--fx-border);background:var(--fx-surface);color:var(--fx-text-muted);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s ease}.fx-tab:hover{color:var(--fx-text);border-color:var(--fx-border-strong)}.fx-tab--active{background:var(--fx-accent-grad);border-color:transparent;color:#fff}.fx-tab__count{font-size:.72rem;opacity:.75}.fx-chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--fx-border);background:var(--fx-surface);color:var(--fx-text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:.2s ease}.fx-chip:hover{color:var(--fx-text);border-color:var(--fx-border-strong)}.fx-chip--active{background:var(--fx-accent-soft);border-color:var(--fx-accent);color:#fff}.fx-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;background:var(--fx-accent-soft);border:1px solid var(--fx-accent-ring);color:#fff;font-size:.72rem;font-weight:600}.fx-field{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-radius:var(--fx-radius-sm);border:1px solid var(--fx-border);background:#00000059;transition:border-color .2s ease,box-shadow .2s ease}.fx-field:focus-within{border-color:var(--fx-accent);box-shadow:0 0 0 4px var(--fx-accent-soft)}.fx-field__prefix,.fx-field__suffix{color:var(--fx-text-dim);font-size:.85rem;font-weight:600;white-space:nowrap}.fx-field input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--fx-text);font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.01em}.fx-field input::placeholder{color:var(--fx-text-dim);font-weight:500;letter-spacing:0}.fx-field input[type=number]::-webkit-outer-spin-button,.fx-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fx-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.fx-hint{margin:.4rem 0 0;font-size:.78rem;color:var(--fx-text-dim)}.fx-error{margin:.4rem 0 0;font-size:.8rem;color:var(--fx-danger)}.fx-notice{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1.1rem;border-radius:var(--fx-radius-sm);border:1px solid rgba(255,107,107,.35);background:#ff6b6b1a;color:#ffd9d9;font-size:.88rem}.fx-skeleton{border-radius:var(--fx-radius);background:linear-gradient(100deg,#ffffff0a 30%,#ffffff1a,#ffffff0a 70%);background-size:220% 100%;animation:fx-shimmer 1.4s ease-in-out infinite}@keyframes fx-shimmer{0%{background-position:180% 0}to{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){.fx-skeleton{animation:none}.fx-card--interactive:hover,.fx-btn--primary:hover:not(:disabled){transform:none}}.fx-steps{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;font-size:.78rem;color:var(--fx-text-dim)}.fx-step{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.fx-step__dot{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;border:1px solid var(--fx-border);font-size:.68rem}.fx-step--done .fx-step__dot,.fx-step--active .fx-step__dot{background:var(--fx-accent-grad);border-color:transparent;color:#fff}.fx-step--active,.fx-step--done{color:var(--fx-text)}.fx-steps__sep{width:18px;height:1px;background:var(--fx-border)}