.about-shell{--about-lapis:#1e3a5f;--about-saffron:#d4a017;--about-ember:#b23a2e;--about-atlas:repeating-linear-gradient(90deg, #b3124f 0 10px, #d4a017 10px 16px, #1e3a5f 16px 26px, #f5f1e8 26px 29px, #1f7a4d 29px 37px, #d4a017 37px 42px);background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--about-saffron) 10%, transparent), transparent 42%), radial-gradient(circle at 0% 30%, color-mix(in srgb, var(--about-lapis) 8%, transparent), transparent 40%), var(--background);min-height:100dvh;color:var(--ink)}.about-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.about-home{color:var(--accent);align-items:center;gap:10px;font:700 22px/1 ALKATIP Basma,ALKATIP Alim,serif;text-decoration:none;display:inline-flex}.about-exit{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}[dir=rtl] .about-exit svg{transform:scaleX(-1)}.about-main{direction:rtl;unicode-bidi:embed;max-width:1080px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,40px) 64px}.about-main :is(h1,h2,h3){letter-spacing:0;color:var(--ink);font-family:ALKATIP Basma,ALKATIP Alim,serif;font-weight:700;line-height:1.6}.about-main p,.about-main li{line-height:2.1}.about-hero{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--about-lapis) 7%, var(--surface)), var(--surface) 60%);border-radius:18px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 18px 40px -30px #00000059}.about-kicker{background:color-mix(in srgb, var(--about-saffron) 16%, transparent);color:color-mix(in srgb, var(--about-saffron) 55%, var(--ink));border-radius:999px;padding:4px 12px;font-size:13px;display:inline-block}.about-hero h1{margin:12px 0 8px;font-size:clamp(30px,5vw,46px)}.about-hero p{max-width:760px;color:var(--muted);margin:0;font-size:17px}.about-hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.about-primary,.about-secondary{border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:15px;text-decoration:none;display:inline-flex}.about-primary{background:var(--accent);color:#fff}.about-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.about-atlas{background:var(--about-atlas);opacity:.85;height:5px;position:absolute;inset:auto 0 0}.about-quick{margin-top:36px}.about-quick h2,.about-principles h2,.about-faq h2{margin:0 0 14px;font-size:26px}.about-quick ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.about-quick li{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;position:relative}.about-step-number{background:var(--about-lapis);color:#f5f1e8;border-radius:50%;place-items:center;width:32px;height:32px;font:600 15px/1 Manrope,sans-serif;display:inline-grid}.about-quick h3{margin:10px 0 4px;font-size:18px}.about-quick p{color:var(--muted);margin:0;font-size:14px}.about-toc{flex-wrap:wrap;gap:8px;margin:36px 0 20px;display:flex}.about-toc a{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:14px;text-decoration:none;display:inline-flex}.about-toc a:hover,.about-toc a:focus-visible{border-color:var(--accent);color:var(--accent)}.about-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;padding:22px;scroll-margin-top:90px;display:flex}.about-card>header{align-items:center;gap:12px;display:flex}.about-card-icon{background:color-mix(in srgb, var(--about-lapis) 12%, transparent);width:42px;height:42px;color:var(--about-lapis);border-radius:12px;flex:none;place-items:center;display:inline-grid}[data-theme=dark] .about-card-icon{background:color-mix(in srgb, var(--about-saffron) 14%, transparent);color:var(--about-saffron)}.about-card h2{margin:0;font-size:21px}.about-summary{color:var(--muted);margin:10px 0 6px;font-size:15px}.about-steps{margin:4px 0 0;padding-inline-start:22px;font-size:15px}.about-steps li+li{margin-top:4px}.about-steps li::marker{color:var(--accent);font-weight:700}.about-tip{background:color-mix(in srgb, var(--about-saffron) 10%, transparent);border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 12px;font-size:14px;display:flex}.about-tip svg{color:color-mix(in srgb, var(--about-saffron) 70%, var(--ink));flex:none;margin-top:8px}.about-card-link{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;min-height:44px;margin-top:14px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-flex}.about-principles,.about-faq{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:36px;padding:24px}.about-principles h2{align-items:center;gap:10px;display:flex}.about-principles h2 svg{color:var(--about-lapis)}[data-theme=dark] .about-principles h2 svg{color:var(--about-saffron)}.about-principles ul{margin:0;padding-inline-start:22px;font-size:15px}.about-faq details{border-top:1px solid var(--line)}.about-faq details:first-of-type{border-top:0}.about-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary svg{flex:none;transition:transform .18s}.about-faq details[open] summary svg{transform:rotate(180deg)}.about-faq details p{color:var(--muted);margin:0 0 14px;font-size:15px}.about-footer{padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);justify-content:center;align-items:center;gap:24px;display:flex}.about-footer a{width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;display:inline-grid}.about-footer a:hover,.about-footer a:focus-visible{color:var(--accent)}@media (max-width:900px){.about-quick ol{grid-template-columns:repeat(2,minmax(0,1fr))}.about-sections{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.about-quick ol{grid-template-columns:minmax(0,1fr)}.about-card,.about-principles,.about-faq{padding:18px 16px}.about-exit{padding-inline:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.about-faq summary svg{transition:none}}[data-theme=dark] .about-primary,[data-theme=dark] .about-card-link{color:#1c1712}