:root{--card:#fff;--field:#fff;--field-line:#ddd8f0;--good:#14805a;--good-bg:#e5f6ee;--warn:#9a5b00;--warn-bg:#fff3dc;--bad:#b42335;--bad-bg:#fde8eb}:root[data-theme=dark]{--card:#18152F;--field:#1F1B3D;--field-line:#36305f;--good:#5fd7a4;--good-bg:#123326;--warn:#ffc56b;--warn-bg:#33260d;--bad:#ff8d9b;--bad-bg:#3a1520}.tl-hero{padding-top:56px;padding-bottom:30px;text-align:center;max-width:880px}.tl-hero h1{font-size:clamp(30px,4.4vw,56px);line-height:1.4;margin:12px 0}.tl-hero p{color:var(--muted);font-size:16px;line-height:2;max-width:640px;margin:0 auto}.tl-mark{position:relative;display:inline-block;color:var(--primary)}.tl-mark svg{position:absolute;inset:auto -3% -.12em -3%;width:106%;height:.32em;z-index:-1;overflow:visible}.tl-mark path{fill:none;stroke:#ffc56b;stroke-width:12;stroke-linecap:round}.tl-hero h1{isolation:isolate}.tl-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start;margin-bottom:28px}.tl-app>*{min-width:0}.tl-col{display:grid;gap:18px;min-width:0}.tl-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;min-width:0}.tl-card h2{font-size:19px;margin:0 0 4px;display:flex;align-items:center;gap:10px}.tl-card h2 .tl-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--primary);color:#fff;font:700 14px Poppins,sans-serif;flex:none}.tl-card>.tl-sub{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 16px}.tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tl-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-field{display:grid;gap:6px;min-width:0}.tl-field.full{grid-column:1/-1}.tl-field>label,.tl-field>.tl-label{font-size:13px;font-weight:700;color:var(--ink)}.tl-field small{font-size:12px;color:var(--muted);line-height:1.6}.tl-input,.tl-field input[type=text],.tl-field input[type=number],.tl-field input[type=email],.tl-field input[type=date],.tl-field input[type=url],.tl-field select,.tl-field textarea{width:100%;min-height:46px;border:1px solid var(--field-line);background:var(--field);color:var(--ink);border-radius:13px;padding:10px 14px;font:500 15px"IBM Plex Sans Arabic",sans-serif;transition:border-color .2s,box-shadow .2s}.tl-field textarea{min-height:96px;resize:vertical;line-height:1.8}.tl-field input:focus,.tl-field select:focus,.tl-field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px #6553f522}.tl-field input[type=number]{font-family:Poppins,sans-serif;direction:ltr;text-align:right}[dir=ltr] .tl-field input[type=number]{text-align:left}.tl-unit{position:relative}.tl-unit input{padding-inline-end:58px}.tl-unit span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--muted);pointer-events:none}.tl-seg{display:flex;flex-wrap:wrap;gap:8px}.tl-seg button,.tl-chip{min-height:42px;padding:8px 15px;border-radius:999px;border:1px solid var(--field-line);background:var(--field);color:var(--ink);font-size:14px;font-weight:600;transition:.2s}.tl-seg button:hover,.tl-chip:hover{border-color:var(--primary)}.tl-seg button[aria-pressed=true],.tl-chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.tl-chip:disabled{opacity:.45;cursor:not-allowed}.tl-result{position:sticky;top:100px;display:grid;gap:16px}.tl-big{background:var(--primary);color:#fff;border-radius:24px;padding:24px;position:relative;overflow:hidden}.tl-big:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff14;left:-70px;bottom:-110px}.tl-big small{display:block;font-size:13px;opacity:.85}.tl-big strong{display:block;font:800 clamp(34px,4vw,48px)/1.25 Poppins,Alexandria,sans-serif;margin:6px 0 2px;direction:ltr;text-align:start}[dir=rtl] .tl-big strong{text-align:right}.tl-big strong em{font-style:normal;font-size:.45em;font-weight:700;opacity:.9;margin-inline-start:6px}.tl-big p{margin:8px 0 0;font-size:13px;line-height:1.8;opacity:.92;position:relative;z-index:1}.tl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl-stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.tl-stat small{display:block;font-size:12px;color:var(--muted)}.tl-stat b{display:block;font:700 20px Poppins,sans-serif;margin-top:4px;direction:ltr;text-align:right}[dir=ltr] .tl-stat b{text-align:left}.tl-bars{display:grid;gap:10px}.tl-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:13px}.tl-bar i{display:block;height:12px;border-radius:6px;background:var(--soft);overflow:hidden}.tl-bar i b{display:block;height:100%;border-radius:6px;background:var(--primary);transition:width .5s cubic-bezier(.2,.8,.2,1)}.tl-bar span{font-family:Poppins,sans-serif;font-weight:600;color:var(--muted);direction:ltr;text-align:left}.tl-bar:nth-child(2) i b{background:#8f80ff}.tl-bar:nth-child(3) i b{background:#ffc56b}.tl-bar:nth-child(4) i b{background:#2fbf96}.tl-note{border-radius:16px;padding:13px 16px;font-size:13px;line-height:1.8;background:var(--soft);color:var(--ink)}.tl-note.good{background:var(--good-bg);color:var(--good)}.tl-note.warn{background:var(--warn-bg);color:var(--warn)}.tl-note.bad{background:var(--bad-bg);color:var(--bad)}.tl-actions{display:flex;flex-wrap:wrap;gap:10px}.tl-actions .btn{padding:13px 18px;justify-content:center;gap:9px}:root[data-theme=dark] .btn.ghost{background:#1f1b3d;border-color:#36305f;color:var(--ink)}.tl-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tl-pk>div{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:18px;display:grid;gap:8px;align-content:start}.tl-pk>div.is-main{border:2px solid var(--primary);box-shadow:0 16px 34px #6553f51f}.tl-pk h3{font-size:15px;margin:0}.tl-pk strong{font:800 24px Poppins,sans-serif;direction:ltr;text-align:right}[dir=ltr] .tl-pk strong{text-align:left}.tl-pk ul{margin:0;padding-inline-start:18px;color:var(--muted);font-size:13px;line-height:1.9}.tl-learn{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px 32px;margin-bottom:70px}.tl-learn h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 6px}.tl-learn p{margin:0;color:var(--muted);line-height:1.9;max-width:620px}.pl-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pl-sw{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card);display:grid;min-width:0}.pl-sw-color{height:96px;position:relative;display:grid;place-items:center}.pl-sw-color button{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border-radius:10px;border:0;background:#ffffffcc;color:#221b55;display:grid;place-items:center}.pl-sw-color button[aria-pressed=true]{background:#221b55;color:#fff}.pl-sw-color .pl-aa{font:800 22px Alexandria,sans-serif}.pl-sw-info{padding:10px 12px;display:grid;gap:2px}.pl-sw-info b{font-size:13px}.pl-sw-info code{font:600 13px Poppins,monospace;direction:ltr;text-align:right;cursor:pointer;color:var(--muted)}[dir=ltr] .pl-sw-info code{text-align:left}.pl-sw-info small{font-size:11px;color:var(--muted)}.pl-ratio{display:flex;height:22px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.pl-ratio i{display:block;height:100%}.pl-mock{border-radius:22px;padding:22px;display:grid;gap:14px;border:1px solid var(--line)}.pl-mock-post{border-radius:18px;padding:22px;display:grid;gap:10px;min-height:170px;align-content:center}.pl-mock-post b{font:800 26px/1.35 Alexandria,sans-serif}.pl-mock-post span{font-size:14px}.pl-mock-btns{display:flex;gap:10px;flex-wrap:wrap}.pl-mock-btns i{font-style:normal;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px}.pl-checks{display:grid;gap:8px}.pl-check{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:10px 14px;border-radius:14px;background:var(--soft)}.pl-check b{font-family:Poppins,sans-serif;direction:ltr}.pl-check em{font-style:normal;font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px}.pl-check em.ok{background:var(--good-bg);color:var(--good)}.pl-check em.no{background:var(--bad-bg);color:var(--bad)}.pl-check em.mid{background:var(--warn-bg);color:var(--warn)}.pl-why{margin:0;padding:0;list-style:none;display:grid;gap:8px}.pl-why li{font-size:13px;line-height:1.8;color:var(--muted);display:flex;gap:10px}.pl-why li i{width:14px;height:14px;border-radius:5px;flex:none;margin-top:6px}.pl-code{background:#1e1a4d;color:#e5e0ff;border-radius:16px;padding:14px 16px;font:500 12.5px/1.8"Poppins",monospace;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;margin:0;max-height:220px;overflow:auto}.bf-mode{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:22px}.bf-q{display:grid;gap:14px}.bf-sheet{background:#fff;color:#221b55;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:16px}.bf-sheet h3{font-size:15px;margin:0;color:#6553f5}.bf-sheet dl{margin:0;display:grid;gap:10px}.bf-sheet dt{font-size:12px;font-weight:700;color:#5e597a}.bf-sheet dd{margin:0;font-size:14px;line-height:1.8;white-space:pre-wrap}.bf-sheet-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:2px solid #f1eeff;padding-bottom:14px}.bf-sheet-head b{font:800 22px Alexandria,sans-serif;display:block}.bf-sheet-head small{color:#5e597a;font-size:12px}.bf-progress{height:8px;border-radius:6px;background:var(--soft);overflow:hidden}.bf-progress i{display:block;height:100%;width:0;background:var(--primary);transition:width .4s}.bf-link{display:flex;gap:8px;align-items:stretch}.bf-link input{flex:1;min-width:0;direction:ltr;text-align:left;font-family:Poppins,sans-serif;font-size:13px}.pm-presets{display:flex;flex-wrap:wrap;gap:8px}.pm-out{background:#1e1a4d;color:#f1eeff;border-radius:20px;padding:20px;font:500 14.5px/2"IBM Plex Sans Arabic",sans-serif;white-space:pre-wrap;min-height:220px;margin:0;word-break:break-word}.pm-out[dir=ltr]{font-family:Poppins,sans-serif;font-size:13.5px}.pm-score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pm-score span{border-radius:14px;padding:10px 8px;text-align:center;font-size:12.5px;font-weight:700;background:var(--soft);color:var(--muted);border:1px solid transparent}.pm-score span.on{background:var(--good-bg);color:var(--good);border-color:currentColor}.pm-meter{display:flex;align-items:center;gap:12px}.pm-meter i{flex:1;height:10px;border-radius:6px;background:var(--soft);overflow:hidden}.pm-meter i b{display:block;height:100%;width:0;background:var(--primary);transition:width .4s}.pm-meter strong{font:700 16px Poppins,sans-serif}.tl-print{display:none}@media print{body *{visibility:hidden!important}.tl-print,.tl-print *{visibility:visible!important}.tl-print{display:block!important;position:absolute;inset:0 0 auto 0;padding:24px;background:#fff;color:#221b55}.to-top,.toast{display:none!important}}.qt{font-family:"IBM Plex Sans Arabic",sans-serif;color:#221b55;max-width:760px;margin:0 auto}.qt-head{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid #6553f5;padding-bottom:14px;margin-bottom:18px}.qt-head b{font:800 26px Alexandria,sans-serif;display:block}.qt-head small{color:#5e597a}.qt table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}.qt th,.qt td{border-bottom:1px solid #e9e6f4;padding:10px 8px;text-align:start}.qt th{color:#5e597a;font-size:12px}.qt .qt-total{font:800 22px Poppins,Alexandria,sans-serif;color:#6553f5}.qt-foot{margin-top:18px;font-size:12px;color:#5e597a;line-height:1.9}@media (max-width:1000px){.tl-app{grid-template-columns:1fr}.tl-result{position:static}.pl-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.tl-grid,.tl-grid.three{grid-template-columns:1fr}.tl-pk{grid-template-columns:1fr}.tl-card{padding:18px}.tl-bar{grid-template-columns:86px minmax(0,1fr) 56px}.pl-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-score{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-learn{padding:22px}}@media (prefers-reduced-motion:reduce){.tl-bar i b,.bf-progress i,.pm-meter i b{transition:none}}.tl-hero{position:relative}.tl-hero>*{position:relative;z-index:1}.tl-hero .section-kicker,.tl-hero>p{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.tl-hero>p{transition-delay:.55s}.tl-hero.hero-in .section-kicker,.tl-hero.hero-in>p{opacity:1;transform:none}.tw{display:inline-block;opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(6px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .7s ease;transition-delay:calc(.12s + var(--i,0)*.07s)}.hero-in .tw{opacity:1;transform:none;filter:none}.tl-mark path{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1s cubic-bezier(.6,0,.2,1) var(--md,.9s)}.hero-in .tl-mark path{stroke-dashoffset:0}.tl-float{position:absolute!important;inset:0;z-index:0!important;pointer-events:none}.tl-float>*{position:absolute;opacity:0;transition:opacity 1s ease .6s,translate .6s ease-out;animation:tlFloat 7s ease-in-out infinite;animation-delay:var(--fd,0s)}.hero-in .tl-float>*{opacity:1}@keyframes tlFloat{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(calc(var(--r,0deg) + 4deg))}}.tl-fl-chip{padding:9px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px #33256d1a;font:700 15px Poppins,sans-serif;color:var(--ink);direction:ltr;white-space:nowrap}.tl-fl-chip.p{background:var(--primary);color:#fff;border-color:var(--primary)}.tl-fl-chip.y{background:#ffc56b;color:#3d2600;border-color:#ffc56b}.tl-fl-dot{width:46px;height:46px;border-radius:16px;box-shadow:0 14px 30px #33256d22}.tl-fl-ring{width:120px;height:120px;border-radius:50%;border:2px solid var(--primary);opacity:.18!important}:root[data-theme=dark] .tl-fl-chip:not(.p):not(.y){background:#1f1b3d;border-color:#36305f}.tl-rv{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--sd,0s)}.tl-rv.tl-on{opacity:1;transform:none}.tl-pop{animation:tlPop .55s cubic-bezier(.2,.9,.25,1.25) both;animation-delay:var(--pd,0s)}@keyframes tlPop{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}.tl-flash{animation:tlFlash .7s ease}@keyframes tlFlash{0%{box-shadow:0 0 0 0#6553f566}to{box-shadow:0 0 0 14px #6553f500}}.tl-big strong{transition:transform .3s}.tl-big.bump strong{animation:tlBump .45s ease}@keyframes tlBump{40%{transform:scale(1.06)}}.btn,.tl-chip,.tl-seg button{position:relative;overflow:hidden}.rip{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:tlRip .6s ease-out forwards;pointer-events:none}@keyframes tlRip{to{transform:scale(2.6);opacity:0}}.tl-chip[aria-pressed=true],.tl-seg button[aria-pressed=true]{animation:tlPress .35s ease}@keyframes tlPress{50%{transform:scale(.94)}}.pl-sw-color{transition:background .6s ease}.pl-mock,.pl-mock-post,.pl-mock-btns i{transition:background .6s ease,color .6s ease,border-color .6s ease}@media (max-width:1180px){.tl-float{display:none}}@media (prefers-reduced-motion:reduce){.tw,.tl-hero .section-kicker,.tl-hero>p,.tl-rv{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.tl-mark path{stroke-dashoffset:0;transition:none}.tl-float>*{animation:none;opacity:1}.tl-pop,.tl-flash,.tl-big.bump strong,.tl-chip[aria-pressed=true]{animation:none}.rip{display:none}}.cs-svc button{min-width:0}.cs-lv{display:grid;gap:6px}.cs-lv-row{display:grid;grid-template-columns:112px minmax(0,1fr) 118px;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:14px;border:1px solid transparent;background:0 0;color:var(--ink);text-align:start;transition:.2s}.cs-lv-row:hover{background:var(--soft)}.cs-lv-row.on{background:var(--soft);border-color:var(--primary)}.cs-lv-row .n b{display:block;font-size:13px}.cs-lv-row .n small{display:block;font-size:11px;color:var(--muted)}.cs-lv-row i{position:relative;display:block;height:10px;border-radius:6px;background:var(--line)}.cs-lv-row i b{position:absolute;top:0;height:100%;border-radius:6px;background:#b9b0f5;transition:inset-inline-start .5s cubic-bezier(.2,.8,.2,1),width .5s cubic-bezier(.2,.8,.2,1)}.cs-lv-row.on i b{background:var(--primary)}.cs-lv-row .v{font:600 12.5px Poppins,sans-serif;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}[dir=ltr] .cs-lv-row .v{text-align:left}.cs-why{list-style:none;margin:0;padding:0;display:grid;gap:2px}.cs-why li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}.cs-why li:last-child{border-bottom:0}.cs-why li b{font:600 13px Poppins,sans-serif;white-space:nowrap;color:var(--primary)}.cs-get{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.cs-get li{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.7}.cs-get li svg{flex:none;color:var(--primary);margin-top:3px}.cs-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.cs-cta>div:first-child{flex:1 1 360px;min-width:0}.cs-cta h2{margin:0 0 6px}.cs-src summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;list-style:none}.cs-src summary::-webkit-details-marker{display:none}.cs-src summary small{color:var(--muted)}.cs-src summary:after{content:"+";margin-inline-start:auto;font:700 20px Poppins,sans-serif;color:var(--primary)}.cs-src[open] summary:after{content:"–"}.cs-src[open] summary{margin-bottom:12px}.cs-src ul{margin:8px 0 0;padding-inline-start:20px;line-height:2;font-size:14px;color:var(--muted)}.cs-src a{color:var(--primary);font-weight:600}#csFlag b{margin-inline-end:4px}@media (max-width:640px){.cs-lv-row{grid-template-columns:96px minmax(0,1fr);row-gap:4px}.cs-lv-row .v{grid-column:1/-1;text-align:start}}@media (prefers-reduced-motion:reduce){.cs-lv-row i b{transition:none}}