:root{--primary:#1a5f7a;--primary-strong:#14485d;--primary-soft:#2ea6b5;--gold:#d4a24e;--pomegranate:#7b2d3a;--bg:#f7f3ec;--surface:#fffdf9;--surface-2:#f1ebe0;--text:#1c1b1a;--text-soft:#6b6459;--line:#e3dccd;--success:#2f7d4f;--success-bg:#e5f3ea;--danger:#a13345;--danger-bg:#f9e9ec;--focus:#2ea6b5;--font-arabic:"Vazirmatn","Noto Naskh Arabic",sans-serif;--font-latin:"Inter",system-ui,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius:12px;--radius-lg:18px;--shadow:0 1px 2px rgba(28,27,26,.05),0 8px 24px rgba(28,27,26,.07);--ease:cubic-bezier(0.22,0.8,0.36,1)}@media (prefers-color-scheme:dark){:root{--bg:#171614;--surface:#201e1b;--surface-2:#292623;--text:#f3efe7;--text-soft:#a89f92;--line:#363229;--primary:#2ea6b5;--primary-strong:#48bcca;--success-bg:#1d3327;--danger:#e0798a;--danger-bg:#3a2228;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-arabic);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}:lang(en) body,body:lang(en){font-family:var(--font-latin);line-height:1.55}h1,h2,h3{line-height:1.35;margin:0}p{margin:0}a{color:var(--primary)}.ornament{display:flex;align-items:center;gap:var(--s3);color:var(--gold);opacity:.9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ornament:after,.ornament:before{content:"";flex:1 1;height:1px;background:linear-gradient(to var(--ornament-dir,right),transparent,var(--line))}.ornament:after{background:linear-gradient(to var(--ornament-dir-rev,left),transparent,var(--line))}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{justify-content:space-between;gap:var(--s4);padding:var(--s3) clamp(var(--s4),4vw,var(--s6));background:var(--surface);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--s3);font-weight:700}.brand__mark{inline-size:34px;block-size:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-soft));color:#fff;display:grid;place-items:center;font-size:17px;font-weight:800}.brand__sub{font-size:12px;color:var(--text-soft);font-weight:500}.main{inline-size:min(1080px,100% - clamp(var(--s4),6vw,var(--s7)) * 2);margin-inline:auto;padding-block:var(--s6) var(--s8);flex:1 1}.page-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4);-webkit-margin-after:var(--s5);margin-block-end:var(--s5)}.page-head h1{font-size:26px}.page-head .sub{color:var(--text-soft);font-size:14px;-webkit-margin-before:var(--s1);margin-block-start:var(--s1)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 18px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),opacity .16s;min-block-size:44px}.btn:hover{box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.input:focus-visible,.select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-strong)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.btn--ghost{border-color:transparent;background:transparent}.btn--sm{padding:6px 12px;min-block-size:36px;font-size:13px}.spinner{inline-size:16px;block-size:16px;border-radius:50%;border:2px solid;border-inline-start-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:grid;grid-gap:var(--s1);gap:var(--s1)}.field>label{font-size:13px;font-weight:600;color:var(--text-soft)}.field .error{color:var(--danger);font-size:12.5px;min-block-size:1.2em}.input,.select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 14px;font:inherit;font-size:14.5px;min-block-size:44px;inline-size:100%;transition:border-color .16s var(--ease)}.input:hover,.select:hover{border-color:var(--primary-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.checks{display:flex;flex-wrap:wrap;gap:var(--s3)}.check{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px;cursor:pointer;min-block-size:44px}.check input{inline-size:18px;block-size:18px;accent-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow-x:auto}.table{inline-size:100%;border-collapse:collapse;font-size:14px}.table th{text-align:start;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);font-weight:600;background:var(--surface-2)}.table td,.table th{padding:var(--s3) var(--s4);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.table td{vertical-align:middle}.table tbody tr{transition:background .14s var(--ease)}.table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.table tbody tr:last-child td{-webkit-border-after:none;border-block-end:none}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600}.badge:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor}.badge--active{color:var(--success);background:var(--success-bg)}.badge--suspended{color:var(--danger);background:var(--danger-bg)}.skeleton{display:block;block-size:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-2) 40%,var(--surface)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state{text-align:center;padding:var(--s7) var(--s5);display:grid;grid-gap:var(--s3);gap:var(--s3);justify-items:center}.state__icon{font-size:34px}.state h3{font-size:17px}.state p{color:var(--text-soft);font-size:14px;max-inline-size:42ch}.overlay{position:fixed;inset:0;z-index:40;background:rgba(20,18,15,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--s4);animation:fade .18s var(--ease)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);inline-size:min(560px,100%);max-block-size:90dvh;overflow-y:auto;padding:var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4);animation:rise .22s var(--ease)}.modal h2{font-size:19px}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}@media (max-width:560px){.modal .grid2{grid-template-columns:1fr}}.modal__actions{display:flex;justify-content:flex-end;gap:var(--s3);-webkit-margin-before:var(--s2);margin-block-start:var(--s2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.toast{position:fixed;inset-block-end:var(--s5);inset-inline-start:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow);z-index:60;animation:rise .22s var(--ease)}[dir=rtl] .toast{transform:translateX(50%)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(1100px 500px at 80% -10%,color-mix(in srgb,var(--primary-soft) 14%,transparent),transparent 60%),radial-gradient(900px 480px at 10% 110%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),var(--bg)}.login__card{inline-size:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--s6);display:grid;grid-gap:var(--s4);gap:var(--s4)}.login__head{display:grid;grid-gap:var(--s2);gap:var(--s2);justify-items:center;text-align:center}.login__head h1{font-size:21px}.login__head p{color:var(--text-soft);font-size:13.5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.builder{display:grid;grid-template-columns:260px 1fr;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:860px){.builder{grid-template-columns:1fr}}.rail{display:grid;grid-gap:var(--s2);gap:var(--s2)}.rail__item{display:flex;align-items:center;gap:var(--s2);inline-size:100%;text-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;min-block-size:44px;transition:border-color .16s var(--ease),background .16s var(--ease)}.rail__item:hover{border-color:var(--primary-soft)}.rail__item[aria-current=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.rail__item .count{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-soft);font-weight:500;font-size:12.5px}.rail__mini{display:flex;gap:2px}.rail__mini .btn{min-block-size:28px;padding:2px 8px;font-size:12px;border-color:transparent}.item-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.item-row:last-child{-webkit-border-after:none;border-block-end:none}.item-row__thumb{inline-size:56px;block-size:56px;border-radius:10px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.item-row__body{flex:1 1;min-inline-size:0;display:grid;grid-gap:2px;gap:2px}.item-row__name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.item-row__meta{color:var(--text-soft);font-size:12.5px;display:flex;gap:var(--s3);flex-wrap:wrap}.item-row__price{font-weight:700;white-space:nowrap}.item-row__price .was{color:var(--text-soft);text-decoration:line-through;font-weight:500;font-size:12.5px;-webkit-margin-start:6px;margin-inline-start:6px}.item-row__actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:1px 10px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--text-soft)}.chip--gold{background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold)}.chip--danger{background:var(--danger-bg);color:var(--danger)}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;inline-size:100%;block-size:100%;cursor:pointer}.switch .track{inline-size:40px;block-size:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:background .18s var(--ease);position:relative}.switch .track:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--text-soft);transition:transform .18s var(--ease),background .18s var(--ease)}.switch input:checked+.track{background:color-mix(in srgb,var(--success) 30%,var(--surface-2))}.switch input:checked+.track:after{transform:translateX(18px);background:var(--success)}[dir=rtl] .switch input:checked+.track:after{transform:translateX(-18px)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.opt-group{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);display:grid;grid-gap:var(--s3);gap:var(--s3);background:var(--surface-2)}.opt-group .row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.opt-group .input,.opt-group .select{background:var(--surface);min-block-size:38px;padding-block:6px}.modal--wide{inline-size:min(760px,100%)}.section-label{font-size:13px;font-weight:700;color:var(--text-soft);letter-spacing:.03em}.rail__select{all:unset;cursor:pointer;flex:1 1;min-inline-size:0;display:flex;align-items:center;gap:var(--s2)}.rail__select:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.hint{font-size:12.5px;color:var(--text-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.brd{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:960px){.brd{grid-template-columns:1fr}}.brd__form{display:grid;grid-gap:var(--s5);gap:var(--s5);min-inline-size:0}.brd__section{padding:var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4)}.brd__section h2{font-size:16px}.brd__theme-row{display:grid;grid-gap:var(--s2);gap:var(--s2);-webkit-margin-before:var(--s2);margin-block-start:var(--s2)}.brd__theme-cat{font-size:12px;font-weight:700;color:var(--text-soft);letter-spacing:.04em}.brd__themes{display:flex;flex-wrap:wrap;gap:var(--s2)}.brd__theme{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;border:2px solid var(--line);cursor:pointer;transition:border-color .15s ease-out,transform .15s ease-out}.brd__theme:hover{transform:translateY(-1px)}.brd__theme:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brd__theme--on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.brd__theme-dot{inline-size:12px;block-size:12px;border-radius:50%;flex:none}.brd__colors{display:flex;flex-wrap:wrap;gap:var(--s3)}.brd__color{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;background:var(--surface-2);cursor:pointer}.brd__color input[type=color]{inline-size:30px;block-size:30px;padding:0;border:none;border-radius:8px;background:none;cursor:pointer}.brd__color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.brd__color input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:6px}.brd__color code{font-size:11.5px;color:var(--text-soft)}.brd__color-hex{inline-size:84px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.brd__color-hex:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.brd__color-hex:disabled{opacity:.6;cursor:not-allowed}.brd__color-hex[data-invalid=true]{border-color:var(--danger)}.brd__grades{display:flex;flex-wrap:wrap;gap:var(--s2)}.brd__grade{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.brd__grade--pass{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.brd__grade--large-only{color:#b07a1e;background:color-mix(in srgb,#d99b2b 16%,transparent)}.brd__grade--fail{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.brd__preview{position:-webkit-sticky;position:sticky;inset-block-start:var(--s5);display:grid;grid-gap:var(--s3);gap:var(--s3)}.brd__preview-head{display:grid;grid-gap:2px;gap:2px}.phone{border-radius:28px;border:6px solid var(--line);overflow:hidden;box-shadow:var(--shadow);min-block-size:420px;transition:background .2s ease-out,color .2s ease-out}.phone__hero{position:relative;block-size:150px}.phone__hero img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.phone__hero-fallback{inline-size:100%;block-size:100%;opacity:.85}.phone__video-chip{position:absolute;inset-block-start:8px;inset-inline-end:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:999px}.phone__hero-text{position:absolute;inset-block-end:0;inset-inline:0;padding:24px 14px 10px;display:grid;grid-gap:2px;gap:2px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.62))}.phone__hero-text strong{font-size:16px}.phone__hero-text small{font-size:11.5px;opacity:.9}.phone__body{padding:var(--s3);display:grid;grid-gap:var(--s3);gap:var(--s3)}.phone__pill{justify-self:start;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}.phone__card{border-radius:14px;padding:12px;display:grid;grid-gap:7px;gap:7px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.08)}.phone__line{display:block;block-size:9px;border-radius:4px;inline-size:62%}.phone__line--short{inline-size:38%}.phone__price{position:absolute;inset-inline-end:12px;inset-block-start:12px;font-size:12.5px;font-weight:700}.phone__info{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:11.5px;-webkit-border-before:1.5px solid;border-block-start:1.5px solid;-webkit-padding-before:var(--s3);padding-block-start:var(--s3);opacity:.9}@media (prefers-reduced-motion:reduce){.brd__theme,.phone{transition:none}.brd__theme:hover{transform:none}}.badge--vip{color:#8a6410;background:color-mix(in srgb,#d4a24e 24%,transparent)}@media (prefers-color-scheme:dark){.badge--vip{color:#e8c074}}.badge--basic{color:var(--text-soft);background:color-mix(in srgb,var(--text-soft) 12%,transparent)}.plan-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--surface-2);gap:2px}.plan-seg__opt{all:unset;cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;color:var(--text-soft);transition:background .15s ease-out,color .15s ease-out}.plan-seg__opt:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.plan-seg__opt:disabled{cursor:wait;opacity:.7}.plan-seg__opt--on{background:var(--accent);color:#fff}.plan-seg__opt--vip.plan-seg__opt--on{background:#b8863b}@media (prefers-reduced-motion:reduce){.plan-seg__opt{transition:none}}