:root{--bg:#03141d;--surface:#082630;--text:#edf7f6;--muted:#9db4b9;--line:#ffffff1a;--green:#45c486;--gold:#efd37c;--blue:#3d91d2;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 5%,#0d4050,transparent 27rem),radial-gradient(circle at 90% 50%,#0c342f,transparent 25rem),var(--bg);color:var(--text);font:16px/1.75 "Tajawal","Manrope",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:84px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 max(1rem,calc((100vw - var(--max))/2));background:#041821ef;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold),#df8950)}.brand{display:flex;align-items:center;gap:.75rem}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid #efd37c77}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font:800 1.05rem "Manrope";letter-spacing:.18em}.brand small{font:700 .65rem "Manrope";color:var(--gold);letter-spacing:.07em;margin-top:.2rem}nav{display:flex;gap:.7rem;align-items:center}nav a{font-size:.82rem;font-weight:700;padding:.55rem .7rem;border-radius:7px}nav a:hover{background:#ffffff0c}nav .home{border:1px solid #ffffff25}main{max-width:var(--max);margin:auto;padding:4rem 1rem 5rem}.intro{max-width:850px}.intro>p{margin:0;color:var(--green);font:700 .75rem "Manrope";letter-spacing:.08em}.intro h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.13;letter-spacing:-.04em;margin:.6rem 0 1rem}.intro>span{display:block;max-width:720px;color:var(--muted);font-size:1.05rem}.filters{display:flex;flex-wrap:wrap;gap:.45rem;margin:2.5rem 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.filters button{border:1px solid #ffffff25;border-radius:999px;background:transparent;color:#b7c9cc;padding:.48rem .85rem;font-size:.82rem;font-weight:700;cursor:pointer}.filters button.active{background:linear-gradient(110deg,#287fb8,#2fa870);border-color:transparent;color:white}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.knowledge-card{display:grid;grid-template-columns:.78fr 1.22fr;min-height:285px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#08232d}.knowledge-card[hidden]{display:none}.card-visual{min-height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(145deg,#124f83,#092945)}.card-visual:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff2f;border-radius:50%;box-shadow:0 0 0 26px #ffffff08,0 0 0 52px #ffffff05}.green .card-visual{background:linear-gradient(145deg,#12694f,#0a3535)}.gold .card-visual{background:linear-gradient(145deg,#725625,#302e31)}.cyan .card-visual{background:linear-gradient(145deg,#0c6980,#123553)}.orange .card-visual{background:linear-gradient(145deg,#8a4d2e,#3e2c35)}.violet .card-visual{background:linear-gradient(145deg,#574b95,#24375b)}.card-visual span{position:absolute;top:1rem;inset-inline-start:1rem;color:#ffffff9c;font:700 .7rem "Manrope"}.card-visual b,.card-visual i{position:relative;z-index:1;font:800 1.05rem "Manrope"}.card-visual i{font-style:normal;color:var(--gold)}.card-copy{padding:1.25rem;display:flex;flex-direction:column}.card-copy small{color:var(--gold);font:700 .66rem "Manrope";letter-spacing:.07em}.card-copy h2{font-size:1.25rem;line-height:1.4;margin:.55rem 0}.card-copy p{color:var(--muted);font-size:.88rem;margin:0}.card-copy button,.card-copy>a{margin-top:auto;align-self:flex-start;border:0;border-bottom:1px solid #45c48680;background:transparent;color:#72dfa4;padding:.6rem 0 .2rem;font-size:.78rem;font-weight:700;cursor:pointer}.card-copy button.copied{color:var(--gold)}.cta{margin-top:2.7rem;border:1px solid #ffffff1f;border-radius:15px;background:linear-gradient(115deg,#0d4860,#0e5f53);padding:2rem;display:flex;justify-content:space-between;gap:2rem;align-items:center}.cta small{color:var(--gold);font:700 .68rem "Manrope"}.cta h2{font-size:1.8rem;margin:.35rem 0}.cta p{margin:0;color:#bfd3d5}.cta>a{flex:0 0 auto;border-radius:8px;background:white;color:#0c4854;padding:.75rem 1rem;font-weight:800}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:1.5rem 1rem 2.5rem;display:flex;justify-content:space-between;gap:1rem;color:#819ba1;font-size:.75rem}@media(max-width:880px){.knowledge-card{grid-template-columns:1fr}.card-visual{min-height:150px}nav a:not(.home){display:none}}@media(max-width:680px){header{height:72px}.brand img{width:44px;height:44px}.brand small{display:none}main{padding-top:2.7rem}.knowledge-grid{grid-template-columns:1fr}.intro h1{font-size:2.4rem}.cta{align-items:flex-start;flex-direction:column}footer{flex-direction:column;text-align:center}}@media(max-width:420px){.home{font-size:.72rem!important}.knowledge-card{min-height:0}}
.platform-resources{margin-top:3rem;padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:#ffffff06}.resources-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:end;margin-bottom:1rem}.resources-heading small{color:var(--gold);font:700 .62rem "Manrope";letter-spacing:.09em}.resources-heading h2{margin:.25rem 0 0;font-size:1.65rem}.resources-heading p{margin:0;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.resource-card{min-width:0;display:grid;grid-template-columns:165px 1fr;gap:1rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#082630}.resource-card>img{width:165px;height:220px;object-fit:cover;object-position:top;border-radius:8px;background:#fff}.resource-card>div{display:flex;flex-direction:column;min-width:0}.resource-card span{color:#7edaa7;font:.62rem "Manrope";letter-spacing:.05em}.resource-card h3{margin:.35rem 0;font-size:1rem;line-height:1.45}.resource-card p{margin:0;color:var(--muted);font-size:.78rem}.resource-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.resource-actions button,.resource-actions a{border:1px solid #ffffff25;border-radius:7px;background:#ffffff08;color:white;padding:.5rem .75rem;font-size:.74rem;font-weight:700;cursor:pointer}.resource-actions button{background:#2e9f6b;border-color:#2e9f6b}.resource-preview{width:min(1060px,calc(100vw - 24px));height:min(90vh,860px);margin:auto;padding:0;overflow:hidden;border:1px solid #efd37c66;border-radius:14px;background:#03141d;color:white;box-shadow:0 30px 100px #000d}.resource-preview::backdrop{background:#01090dd8;backdrop-filter:blur(8px)}.resource-preview>header{height:auto;position:static;padding:1rem 1.2rem}.resource-preview>header:after{display:none}.resource-preview header small{color:var(--gold);font:.6rem "Manrope";letter-spacing:.08em}.resource-preview header h2{margin:.2rem 0 0;font-size:1.15rem}.resource-preview header button{width:40px;height:40px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff08;color:white;font-size:1.25rem;cursor:pointer}.resource-preview iframe{display:block;width:100%;height:calc(100% - 132px);border:0;background:white}.resource-preview>footer{max-width:none;height:56px;padding:.6rem 1rem;align-items:center}.resource-preview footer a{color:var(--gold);font-weight:700}.resource-preview footer button{border:1px solid #ffffff25;border-radius:7px;background:#ffffff08;color:white;padding:.45rem .8rem;cursor:pointer}@media(max-width:800px){.resources-heading,.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:120px 1fr}.resource-card>img{width:120px;height:170px}}@media(max-width:500px){.resource-card{grid-template-columns:1fr}.resource-card>img{width:100%;height:220px}.resource-preview{width:calc(100vw - 10px);height:94vh}.resource-preview iframe{height:calc(100% - 136px)}}