@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#16333b;--muted:#60777d;--teal:#087e8b;--deep:#155e75;--mint:#dff5ed;--paper:#f5faf8;--line:#dce9e5;--white:#fff;--orange:#f2a65a;--shadow:0 16px 45px rgba(21,94,117,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic","DM Sans",sans-serif;line-height:1.65}body[dir="ltr"]{font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif}.topbar{max-width:1120px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none;margin-inline-end:auto}.brand small{font-size:.8rem;color:var(--muted);font-weight:600}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:1.35rem}.language-label{font-size:.88rem;color:var(--muted)}select,input{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;max-width:100%}#language{font-weight:700;min-width:125px}.container{max-width:1040px;margin:0 auto;padding:8px 24px 40px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:260px;background:linear-gradient(120deg,#e0f5ed,#e6f4f8);border:1px solid #d8ece6;border-radius:28px;padding:38px 42px;margin:8px 0 18px}.hero-copy{position:relative;z-index:1;max-width:660px}.eyebrow{display:inline-block;padding:5px 12px;border-radius:99px;background:#fff;color:var(--teal);font-size:.83rem;font-weight:700}.hero h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.25;margin:15px 0 9px;max-width:650px}.hero p{margin:6px 0;color:#49666d}.hero .lead{font-size:1.15rem;font-weight:700;color:var(--ink)}.hero-art{position:absolute;inset-inline-end:25px;width:210px;height:190px;opacity:.9}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:145px;height:145px;background:#9edccc;top:8px;inset-inline-end:5px}.orb-two{width:95px;height:95px;background:#f7c88e;bottom:0;inset-inline-start:4px}.path-card{position:absolute;top:50px;inset-inline-start:43px;width:108px;height:92px;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--teal);transform:rotate(-8deg)}.path-card span,.path-card i{position:absolute;font-size:1.15rem;font-style:normal;background:var(--deep);color:white;border-radius:10px;padding:3px 8px}.path-card span{top:-12px;inset-inline-end:-10px}.path-card i{bottom:-12px;inset-inline-start:-10px;background:var(--orange)}.notice,.warning{background:#fff6e8;border:1px solid #f5dfbd;color:#77531f;border-radius:14px;padding:13px 16px;font-size:.9rem}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px;margin:18px 0;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.section-heading h2{margin:0 0 3px;font-size:1.4rem}.section-heading p{margin:0;color:var(--muted);font-size:.94rem}.step{flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-weight:800}.field{border:0;padding:0;margin:0 0 22px;min-width:0}.field>label,.field legend{font-weight:700;display:block;margin-bottom:9px}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 13px;border-radius:12px;cursor:pointer;background:#fff;transition:.2s}.choice:has(input:checked){border-color:var(--teal);background:#effaf6;box-shadow:inset 0 0 0 1px var(--teal)}.choice input{accent-color:var(--teal);margin:0}.primary,.secondary{font:inherit;font-weight:700;border:0;border-radius:12px;padding:12px 19px;cursor:pointer}.primary{background:var(--deep);color:#fff}.primary:hover{background:#0d4d60}.secondary{background:#e7f4f0;color:var(--deep)}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:20px}.filters input{width:100%}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.platform-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.platform-card h3{margin:0 0 4px;font-size:1.1rem}.platform-card p{color:var(--muted);margin:5px 0 12px;font-size:.93rem}.badge{display:inline-block;font-size:.78rem;font-weight:700;background:#e9f6ef;color:#23654c;padding:4px 9px;border-radius:99px}.badge.cost{background:#fff2df;color:#8a5b16}.platform-card a{color:var(--teal);font-weight:800;text-decoration:none}.platform-card a:hover{text-decoration:underline}.tips{margin-top:23px;padding:17px 20px;border-radius:15px;background:#f2f8f6}.tips h3{margin:0 0 5px}.tips ul{margin:5px 0 0;padding-inline-start:22px;color:var(--muted)}.results{padding:17px;margin:0 0 20px;border-radius:15px;background:#f0f8f6;border:1px solid #d8ece6}.results h3{margin:0 0 7px}.results>p{color:var(--muted);margin:5px 0 14px}.plan-list{padding-inline-start:26px}.plan-list li{padding:5px 0}.warning{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{max-width:1040px;margin:0 auto;padding:0 24px 30px;text-align:center;color:var(--muted);font-size:.83rem} [hidden]{display:none!important}
@media(max-width:700px){.topbar{padding:15px 16px;flex-wrap:wrap}.brand{font-size:1rem}.container{padding:5px 14px 25px}.hero{padding:27px 22px;min-height:260px}.hero-art{opacity:.18;inset-inline-end:-35px}.hero-copy{max-width:100%}.panel{padding:21px 17px;border-radius:18px}.filters{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.25rem}.language-label{margin-inline-start:auto}}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.resource-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.resource-card h3{margin:12px 0 4px;font-size:1.08rem}.resource-card p{color:var(--muted);font-size:.92rem;margin:5px 0 14px}.resource-card a{color:var(--teal);font-weight:800;text-decoration:none;margin-top:auto}.resource-card a:hover{text-decoration:underline}.resource-tag{display:inline-block;padding:4px 9px;border-radius:99px;font-size:.76rem;font-weight:800}.free-tag{background:#e9f6ef;color:#23654c}.limited-tag{background:#fff2df;color:#8a5b16}.resource-note{margin:18px 0 0;padding:12px 15px;border-radius:12px;background:#f2f8f6;color:var(--muted);font-size:.88rem}
@media(max-width:850px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.resource-grid{grid-template-columns:1fr}}

.resource-card,.platform-card{overflow-wrap:anywhere}
.resource-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:14px}.resource-toolbar input{width:100%}
.status-filter{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-weight:700;font-size:.9rem;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:9px 15px;min-height:42px;cursor:pointer}
.chip.active{background:var(--deep);color:#fff;border-color:var(--deep)}
.chip:focus-visible,.resource-nav a:focus-visible,.resource-card a:focus-visible,select:focus-visible,input:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.resource-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:6px;-webkit-overflow-scrolling:touch}
.resource-nav a{flex:0 0 auto;padding:9px 14px;border-radius:99px;background:var(--mint);color:var(--deep);font-weight:700;font-size:.88rem;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.legend{list-style:none;margin:6px 0 4px;padding:0;color:var(--muted);font-size:.86rem}.legend li{margin:7px 0}
.resource-group{margin-top:28px;scroll-margin-top:12px}
.group-title{margin:0 0 4px;font-size:1.2rem;display:flex;align-items:center;gap:8px}
.group-title .count{font-size:.78rem;background:var(--mint);color:var(--deep);border-radius:99px;padding:2px 9px}
.group-intro{margin:0 0 8px;color:var(--muted);font-size:.93rem}
.group-note{margin:0 0 14px;padding:10px 13px;border-radius:12px;background:#fff6e8;border:1px solid #f5dfbd;color:#77531f;font-size:.86rem}
.resource-extra{margin:0 0 14px;padding:8px 11px;border-radius:10px;background:#f2f8f6;color:#49666d;font-size:.84rem}
.empty-state{padding:16px;border-radius:12px;background:#f2f8f6;color:var(--muted);text-align:center;grid-column:1/-1}
@media(max-width:700px){.resource-toolbar{grid-template-columns:1fr}.chip{flex:1 1 auto;text-align:center}.resource-nav a{min-height:44px}.group-title{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}