@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#013533;--purple-lt:#025a56;--purple-bg:#e8f4f3;--purple-card:#c2dedd;--mint-bg:#f5f0e0;--mint-text:#013533;--pink-bg:#fef3dc;--pink-text:#c07a10;--blue-bg:#e8eef2;--page-bg:#f7f5ef;--white:#fff;--text:#0f1a18;--muted:#5a6e6c;--border:#d8e4e3;--radius:16px;--orange:#e34c18;--orange-lt:#f1caa4;--cream:#dfc797;--blue-dark:#2f3b3f;--dusty-blue:#8898a6}html{scroll-behavior:smooth}body{background:var(--page-bg);color:var(--text);font-family:Tajawal,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0000000b 1px,#0000 1px),linear-gradient(90deg,#0000000b 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);background:#fffffff7;border-radius:16px;align-items:center;gap:0;height:60px;margin:1rem 2rem 0;padding:0 1.5rem;display:flex;position:sticky;top:1rem;box-shadow:0 4px 24px #00000012}.nav-logo{align-items:center;gap:10px;margin-right:auto;display:flex}.nav-logo-text{font-size:1.1rem;font-weight:900;line-height:1.2}.nav-logo-text span{color:var(--muted);font-size:.7rem;font-weight:400;display:block}.nav-logo-icon{background:var(--purple);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;font-weight:900;display:flex}.nav-links{align-items:center;gap:.3rem;margin:0 auto;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:8px;align-items:center;gap:4px;padding:.4rem .9rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-links a:hover,.nav-links a.active{color:#fff;background:#013533}.nav-caret{font-size:.65rem}.nav-left{align-items:center;gap:.8rem;margin-left:auto;display:flex}.btn-login{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:.42rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:background .2s;display:flex}.btn-login:hover{background:var(--purple-lt)}.btn-login-icon{background:#fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.page{z-index:1;max-width:1360px;margin:0 auto;padding:2.5rem 2.5rem 3rem;position:relative}.top-banner{border-radius:var(--radius);background:#012220;justify-content:space-between;align-items:center;min-height:96px;margin-bottom:1.2rem;padding:0;display:flex;position:relative;overflow:hidden}.banner-text{z-index:2;text-align:right;flex:1;padding:1.5rem 2rem;position:relative}.banner-tag{color:#fff9;margin-bottom:.3rem;font-size:.78rem}.banner-title{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.4}.banner-sub{color:#ffffffa6;margin-top:.2rem;font-size:.82rem}.btn-banner{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:10px;flex-shrink:0;margin:0 2rem;padding:.55rem 1.4rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:background .2s}.btn-banner:hover{background:#ffffff38}.banner-deco{clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);background:linear-gradient(135deg,#011a19 0%,#024a46 50%,#012220 100%);justify-content:center;align-items:center;width:42%;display:flex;position:absolute;top:0;bottom:0;left:0}.banner-deco-text{justify-content:center;align-items:center;padding-right:3rem;display:flex}.banner-logo-img{opacity:.22;filter:drop-shadow(0 0 18px #dfc79773);width:auto;height:72px;animation:3s ease-in-out infinite bannerGlow}@keyframes bannerGlow{0%,to{opacity:.22;filter:drop-shadow(0 0 18px #dfc79759)}50%{opacity:.38;filter:drop-shadow(0 0 28px #dfc797b3)}}.hero-grid{grid-template-columns:280px 1fr;align-items:stretch;gap:1.2rem;min-height:calc(100vh - 280px);display:grid}.left-col{flex-direction:column;gap:1.2rem;height:100%;display:flex}.counter-card{background:var(--mint-bg);border-radius:var(--radius);text-align:center;padding:1.8rem 1.5rem}.counter-label{color:#013533;margin-bottom:.8rem;font-size:.82rem;font-weight:600;line-height:1.5}.counter-num{color:var(--mint-text);letter-spacing:-1px;font-size:2.6rem;font-weight:900;line-height:1}.promo-card{border-radius:var(--radius);background:#fef3dc;flex-direction:column;flex:1;justify-content:space-between;min-height:260px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.promo-header{justify-content:space-between;align-items:flex-start;display:flex}.promo-title{color:#8a5a00;font-size:1.25rem;font-weight:900;line-height:1.3}.btn-promo{color:#fff;cursor:pointer;white-space:nowrap;background:#013533;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:.4rem .9rem;font-family:Tajawal,sans-serif;font-size:.78rem;font-weight:700;display:flex}.promo-sub{color:#7a5010;margin-top:.6rem;font-size:.8rem;line-height:1.5}.promo-icons{align-items:flex-end;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.promo-icon-box{background:#ffffff80;border-radius:10px;padding:.6rem;font-size:1.5rem;animation:3.5s ease-in-out infinite floatUp}.promo-icon-box:nth-child(2){font-size:1.8rem;animation-delay:-1.2s}.promo-icon-box:nth-child(3){animation-delay:-2.4s}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.promo-brand{color:#013533;margin-top:.8rem;font-size:1.5rem;font-weight:900}.promo-brand span{color:#7a5010;font-size:.75rem;font-weight:500;display:block}.hero-card{border-radius:var(--radius);background:linear-gradient(135deg,#013533 0%,#025a56 40%,#012220 100%);flex-direction:column;justify-content:space-between;min-height:480px;padding:3rem 3rem 0;display:flex;position:relative;overflow:hidden}.hero-wave{clip-path:polygon(0 100%,0 60%,15% 40%,30% 55%,45% 25%,60% 45%,75% 20%,90% 38%,100% 22%,100% 100%);opacity:.6;background:linear-gradient(#0000,#011a19);height:45%;position:absolute;bottom:0;left:0;right:0}.hero-wave-2{clip-path:polygon(0 100%,0 70%,20% 52%,40% 68%,60% 42%,80% 60%,100% 45%,100% 100%);background:#011a19;height:28%;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;position:relative}.hero-h1{color:#fff;direction:rtl;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.25}.hero-desc{color:#ffffffbf;max-width:500px;margin-top:1rem;font-size:.88rem;line-height:1.7}.btn-hero{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:12px;align-items:center;gap:10px;margin-top:2rem;padding:.75rem 2rem;font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.btn-hero:hover{background:#ffffff1f;border-color:#fff}.hero-logos{z-index:2;border-top:1px solid #ffffff26;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:auto;padding:1.5rem 0;display:flex;position:relative}.logo-item{color:#ffffffa6;letter-spacing:-.3px;white-space:nowrap;font-size:.9rem;font-weight:800}.logo-ms{color:#fffc}.cats-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.2rem;display:grid}.cat-card{border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:280px;padding:1.5rem;transition:transform .2s;display:flex;position:relative;overflow:hidden}.cat-card:hover{transform:translateY(-3px)}.cc-green{background:#dfc797}.cc-pink{background:#fed176}.cc-blue{background:#c5d0d8}.cat-title{font-size:1.4rem;font-weight:900}.ct-green{color:#013533}.ct-pink{color:#8a5a00}.ct-blue{color:#2a4a5e}.cat-desc{margin-top:.5rem;font-size:.82rem;line-height:1.6}.cd-green{color:#024a3a}.cd-pink{color:#7a4e00}.cd-blue{color:#2a4a5e}.cat-more{align-items:center;gap:5px;margin-top:auto;font-size:.82rem;font-weight:700;display:flex}.cm-green{color:#013533}.cm-pink{color:#8a5a00}.cm-blue{color:#2a4a5e}.cat-art{opacity:.25;pointer-events:none;font-size:5rem;line-height:1;position:absolute;bottom:0;left:0;transform:rotate(-15deg)translateY(15px)}.numbers-section{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);margin-top:2.5rem;padding:2rem}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.section-title-sm{color:var(--muted);margin-bottom:.2rem;font-size:.8rem;font-weight:600}.section-title-lg{font-size:1.6rem;font-weight:900}.num-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.num-card{background:var(--page-bg);text-align:center;border-radius:12px;padding:1.2rem}.num-card-label{color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.num-card-val{font-size:1.8rem;font-weight:900;line-height:1}.num-card-val.purple{color:var(--purple)}.num-card-val.green{color:#1a6e4a}.num-card-unit{color:var(--muted);margin-top:.3rem;font-size:.72rem}.newsletter{margin-top:2rem;background:var(--purple);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:850px;margin-inline:auto;padding:2rem 2.5rem;display:flex}.nl-text h3{color:#fff;font-size:1.2rem;font-weight:800}.nl-text p{color:#ffffffa6;margin-top:.3rem;font-size:.85rem}.nl-form{gap:.8rem;display:flex}.nl-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;outline:none;width:240px;padding:.6rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;transition:border-color .2s}.nl-input::placeholder{color:#fff6}.nl-input:focus{border-color:#ffffff80}.btn-nl{color:var(--purple);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:10px;padding:.6rem 1.4rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:opacity .2s}.btn-nl:hover{opacity:.9}footer{background:var(--white);border-top:1px solid var(--border);z-index:1;padding:1.2rem 2.5rem;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1360px;margin:0 auto;display:flex}.footer-logo{font-size:1rem;font-weight:900}.footer-logo em{color:var(--purple);font-style:normal}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:var(--muted);font-size:.82rem;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--muted);font-size:.75rem}.nav-links-a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;padding:.4rem 1.2rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-links-a:hover,.nav-links-a.active{background:var(--purple);color:#fff}.nav-wrapper{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 2rem;display:flex;position:sticky;top:1rem}.nav-island{pointer-events:auto;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-radius:14px;align-items:center;display:flex;box-shadow:0 4px 20px #00000012}.nav-wrapper .nav-logo{gap:10px;margin-right:0;padding:.5rem 1rem}.nav-wrapper .nav-links{gap:.2rem;margin:0;padding:.4rem .6rem;list-style:none}.nav-wrapper .nav-links a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-wrapper .nav-links a:hover,.nav-wrapper .nav-links a.active{background:var(--purple);color:#fff}.nav-wrapper .nav-left{margin-left:0;padding:.4rem .6rem}.nav-wrapper{z-index:100;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 2rem;display:flex;position:sticky;top:1rem}.nav-wrapper .nav-logo{align-items:center;gap:10px;margin-right:0;display:flex}.nav-island{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-radius:14px;align-items:center;gap:.2rem;margin:0;padding:.4rem .6rem;list-style:none;display:flex;box-shadow:0 4px 20px #00000012}.nav-island a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-island a:hover,.nav-island a.active{background:var(--purple);color:#fff}.nav-wrapper .btn-login{background:var(--orange);border:none}.nav-wrapper .btn-login:hover{background:#c73d10}.about-hero{background:linear-gradient(135deg,#013533 0%,#025a56 50%,#012220 100%);padding:5rem 2.5rem 4rem;position:relative;overflow:hidden}.about-hero:before{content:"";background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.about-hero-inner{z-index:2;text-align:right;max-width:800px;margin:0 auto;position:relative}.about-tag{color:#dfc797;letter-spacing:.05em;background:#dfc7971f;border:1px solid #dfc79740;border-radius:20px;margin-bottom:1.5rem;padding:.3rem .9rem;font-size:.78rem;font-weight:700;display:inline-block}.about-h1{color:#fff;margin-bottom:1.5rem;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.3}.about-lead{color:#ffffffb3;max-width:600px;margin-right:auto;font-size:1rem;line-height:1.8}.about-content{max-width:1100px;margin:0 auto;padding:0 2.5rem 4rem}.about-section{border-bottom:1px solid var(--border);padding:4rem 0}.about-section:last-child{border-bottom:none}.about-story-card{border-radius:var(--radius);text-align:right;background:#fef3dc;max-width:780px;margin:0 auto;padding:2.5rem 3rem}.story-label{color:#8a5a00;letter-spacing:.05em;margin-bottom:1.2rem;font-size:.75rem;font-weight:700}.story-text{color:#5a3a00;margin-bottom:1rem;font-size:1rem;line-height:1.9}.story-author{color:#8a5a00;margin-top:1.5rem;font-size:.85rem;font-weight:700}.about-two-col{grid-template-columns:200px 1fr;align-items:start;gap:4rem;display:grid}.about-col-label{position:sticky;top:6rem}.section-num{color:var(--border);margin-bottom:.5rem;font-size:3rem;font-weight:900;line-height:1}.section-num.light{color:#ffffff26}.about-h2{color:var(--text);font-size:1.4rem;font-weight:900;line-height:1.3}.about-h2.light{color:#fff}.about-col-content p{color:var(--muted);margin-bottom:1rem;font-size:.95rem;line-height:1.9}.about-why-head{align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.about-why-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:right;padding:1.8rem;transition:transform .2s}.why-card:hover{transform:translateY(-2px)}.why-num{color:var(--border);margin-bottom:.8rem;font-size:2rem;font-weight:900;line-height:1}.why-title{color:var(--text);margin-bottom:.6rem;font-size:1rem;font-weight:800}.why-text{color:var(--muted);font-size:.85rem;line-height:1.7}.structure-list{flex-direction:column;gap:1rem;display:flex}.structure-item{background:var(--page-bg);border-radius:12px;align-items:flex-start;gap:1.5rem;padding:1.2rem 1.5rem;display:flex}.structure-level{text-align:center;flex-shrink:0;min-width:70px}.structure-ar{color:var(--purple);font-size:1rem;font-weight:900;display:block}.structure-en{color:var(--muted);margin-top:2px;font-size:.7rem;display:block}.structure-desc{color:var(--muted);margin-bottom:.4rem;font-size:.88rem;line-height:1.7}.structure-example{color:var(--purple);font-size:.78rem;font-weight:700}.about-dark{border-radius:var(--radius);background:#012220;margin:0 -2.5rem;border:none!important}.about-dark-inner{text-align:right;padding:3.5rem 3rem}.nool-criteria{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;display:grid}.criterion-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;display:flex}.criterion-check{color:#dfc797;flex-shrink:0;padding-top:2px;font-size:.75rem}.criterion-text{color:#ffffffbf;font-size:.88rem;line-height:1.6}.impact-list{flex-direction:column;gap:1rem;display:flex}.impact-item{align-items:flex-start;gap:1rem;display:flex}.impact-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.impact-item p{color:var(--muted);font-size:.95rem;line-height:1.8;margin:0!important}.about-closing{text-align:center;background:var(--mint-bg);border-radius:var(--radius);margin-top:2rem;padding:4rem 2rem}.closing-text{color:var(--purple);font-size:1.1rem;font-weight:600;line-height:2}.closing-author{color:var(--muted);margin-top:1.5rem;font-size:.85rem;font-weight:700}.mv-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.mv-card{border-radius:var(--radius);text-align:right;padding:2rem 2.5rem}.mv-mission{background:#012220}.mv-vision{background:var(--mint-bg)}.mv-label{letter-spacing:.06em;margin-bottom:.3rem;font-size:.75rem;font-weight:800}.mv-mission .mv-label{color:#dfc797}.mv-vision .mv-label{color:var(--purple)}.mv-sub{margin-bottom:1.2rem;font-size:.78rem}.mv-mission .mv-sub{color:#fff6}.mv-vision .mv-sub{color:var(--muted)}.mv-text{font-size:.95rem;line-height:1.85}.mv-mission .mv-text{color:#ffffffd1}.mv-vision .mv-text{color:var(--text)}.values-list{flex-direction:column;gap:0;display:flex}.value-item{border-bottom:1px solid var(--border);text-align:right;padding:1.4rem 0}.value-item:last-child{border-bottom:none}.value-title{color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:800}.value-text{color:var(--muted);font-size:.88rem;line-height:1.75}.col-label-sub{color:var(--muted);margin-top:.5rem;font-size:.78rem;line-height:1.6}.about-cta{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#013533 0%,#025a56 100%);margin-top:3rem;padding:3.5rem 2.5rem}.cta-title{color:#fff;margin-bottom:.6rem;font-size:1.8rem;font-weight:900}.cta-sub{color:#ffffffa6;margin-bottom:2rem;font-size:.95rem}.cta-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.cta-btn-primary{background:var(--orange);color:#fff;border-radius:10px;padding:.75rem 2rem;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .2s}.cta-btn-primary:hover{opacity:.88}.cta-btn-secondary{color:#fffc;background:0 0;border:1.5px solid #ffffff4d;border-radius:10px;padding:.75rem 2rem;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;transition:border-color .2s}.cta-btn-secondary:hover{color:#fff;border-color:#ffffffb3}.about-page{z-index:1;position:relative}.ab-hero{background:#011a19;padding:5rem 3rem 4rem;position:relative;overflow:hidden}.ab-hero-bg{background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.ab-hero-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#015a5659 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-20%;left:30%}.ab-hero-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.ab-eyebrow{color:#dfc797;letter-spacing:.1em;background:#dfc7970f;border:1px solid #dfc7974d;border-radius:20px;margin-bottom:1.8rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.ab-h1{color:#fff;direction:rtl;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;line-height:1.3}.ab-h1 em{color:#dfc797;font-style:normal}.ab-hero-desc{color:#ffffffa6;margin-bottom:2.5rem;font-size:1rem;line-height:1.9}.ab-hero-stats{border-top:1px solid #ffffff1a;align-items:center;gap:2rem;padding-top:2rem;display:flex}.ab-stat-num{color:#fff;margin-bottom:.2rem;font-size:1.6rem;font-weight:900}.ab-stat-label{color:#ffffff73;font-size:.75rem}.ab-stat-div{background:#ffffff26;width:1px;height:36px}.ab-section-inner{max-width:1200px;margin:0 auto;padding:5rem 3rem}.ab-section-head{margin-bottom:3rem}.ab-section-tag{letter-spacing:.12em;color:var(--muted);margin-bottom:.7rem;font-size:.72rem;font-weight:700;display:inline-block}.ab-section-tag.light{color:#fff6}.ab-h2{color:var(--text);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900}.ab-h2.light{color:#fff}.ab-what{background:var(--white);border-bottom:1px solid var(--border)}.ab-what-inner{grid-template-columns:220px 1fr;align-items:start;gap:5rem;max-width:1200px;margin:0 auto;padding:5rem 3rem;display:grid}.ab-what-body p{color:var(--muted);margin-bottom:1rem;font-size:1rem;line-height:1.9}.ab-mv{background:var(--page-bg)}.ab-mv-inner{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;padding:5rem 3rem;display:grid}.ab-mv-card{border-radius:var(--radius);text-align:right;padding:2.5rem 3rem}.ab-mv-mission{background:#012220;grid-column:1/2}.ab-mv-vision{background:#dfc797;grid-column:2/3}.ab-mv-tag{letter-spacing:.1em;margin-bottom:.3rem;font-size:.72rem;font-weight:800}.ab-mv-mission .ab-mv-tag{color:#dfc797b3}.ab-mv-vision .ab-mv-tag{color:#7a5010}.ab-mv-sub{margin-bottom:1.5rem;font-size:.8rem}.ab-mv-mission .ab-mv-sub{color:#ffffff59}.ab-mv-vision .ab-mv-sub{color:#8a6020}.ab-mv-text{font-size:1rem;font-weight:500;line-height:1.85}.ab-mv-mission .ab-mv-text{color:#ffffffd9}.ab-mv-vision .ab-mv-text{color:#3a2800}.ab-why{background:var(--white)}.ab-why-grid{background:var(--border);border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.ab-why-card{background:var(--white);text-align:right;padding:2.5rem;transition:background .2s}.ab-why-card:hover{background:var(--page-bg)}.ab-why-num{color:var(--border);margin-bottom:1rem;font-size:2.5rem;font-weight:900;line-height:1}.ab-why-title{color:var(--text);margin-bottom:.6rem;font-size:1.05rem;font-weight:800}.ab-why-text{color:var(--muted);font-size:.88rem;line-height:1.75}.ab-values{background:#012220}.ab-values .ab-section-tag{color:#ffffff4d}.ab-values .ab-h2{color:#fff}.ab-values-grid{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.ab-value-card{text-align:right;background:#ffffff05;padding:2rem;transition:background .2s}.ab-value-card:hover{background:#ffffff0d}.ab-value-icon{color:#dfc797;opacity:.7;margin-bottom:1rem;font-size:1.2rem}.ab-value-title{color:#fff;margin-bottom:.5rem;font-size:.95rem;font-weight:800}.ab-value-text{color:#ffffff80;font-size:.82rem;line-height:1.75}.ab-structure{background:var(--page-bg)}.ab-structure-track{flex-direction:column;gap:0;display:flex;position:relative}.ab-structure-item{align-items:flex-start;gap:2rem;padding-bottom:2rem;display:flex;position:relative}.ab-structure-item:last-child .ab-structure-line{display:none}.ab-structure-line{background:var(--border);width:1px;position:absolute;top:16px;bottom:0;right:7px}.ab-structure-dot{background:var(--white);border:2px solid var(--purple);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.ab-structure-body{background:var(--white);border:1px solid var(--border);text-align:right;border-radius:12px;flex:1;padding:1.5rem 2rem}.ab-structure-level{align-items:baseline;gap:.8rem;margin-bottom:.6rem;display:flex}.ab-structure-ar{color:var(--purple);font-size:1.1rem;font-weight:900}.ab-structure-en{color:var(--muted);font-size:.75rem}.ab-structure-desc{color:var(--muted);margin-bottom:.5rem;font-size:.88rem;line-height:1.7}.ab-structure-eg{color:var(--purple);font-size:.78rem;font-weight:700}.ab-criteria{background:#e34c18}.ab-criteria-inner{max-width:1200px;margin:0 auto;padding:5rem 3rem}.ab-criteria-head{margin-bottom:3rem}.ab-criteria-head .ab-section-tag{color:#ffffff80}.ab-criteria-head .ab-h2{color:#fff}.ab-criteria-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.ab-criterion{color:#fff;background:#ffffff1f;border-radius:10px;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;font-size:.92rem;font-weight:600;line-height:1.6;display:flex}.ab-criterion-mark{color:#fff9;flex-shrink:0;padding-top:3px;font-size:.75rem}.ab-cta{background:var(--white);border-top:1px solid var(--border)}.ab-cta-inner{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 3rem}.ab-cta-title{color:var(--text);margin-bottom:.8rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900}.ab-cta-sub{color:var(--muted);margin-bottom:2.5rem;font-size:1rem}.ab-cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.ab-btn-primary{background:var(--orange);color:#fff;border-radius:10px;padding:.85rem 2.5rem;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .2s}.ab-btn-primary:hover{opacity:.88}.ab-btn-secondary{color:var(--text);border:1.5px solid var(--border);background:0 0;border-radius:10px;padding:.85rem 2.5rem;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;transition:border-color .2s}.ab-btn-secondary:hover{border-color:var(--text)}.ab-what,.ab-why,.ab-structure,.ab-cta{position:relative}.ab-what:before,.ab-why:before,.ab-structure:before,.ab-cta:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.ab-what-inner,.ab-section-inner,.ab-cta-inner{z-index:1;position:relative}@keyframes ab-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ab-fade-in{0%{opacity:0}to{opacity:1}}.ab-eyebrow{animation:.6s both ab-fade-in}.ab-h1{animation:.7s .1s both ab-fade-up}.ab-hero-desc{animation:.7s .2s both ab-fade-up}.ab-hero-stats{animation:.6s .35s both ab-fade-up}.ab-mv-card:first-child{animation:.6s .1s both ab-fade-up}.ab-mv-card:nth-child(2){animation:.6s .22s both ab-fade-up}.ab-why-card:first-child{animation:.5s 50ms both ab-fade-up}.ab-why-card:nth-child(2){animation:.5s .15s both ab-fade-up}.ab-why-card:nth-child(3){animation:.5s .25s both ab-fade-up}.ab-why-card:nth-child(4){animation:.5s .35s both ab-fade-up}.ab-value-card:first-child{animation:.5s 50ms both ab-fade-up}.ab-value-card:nth-child(2){animation:.5s .12s both ab-fade-up}.ab-value-card:nth-child(3){animation:.5s .19s both ab-fade-up}.ab-value-card:nth-child(4){animation:.5s .26s both ab-fade-up}.ab-value-card:nth-child(5){animation:.5s .33s both ab-fade-up}.ab-value-card:nth-child(6){animation:.5s .4s both ab-fade-up}.ab-criterion:first-child{animation:.5s 50ms both ab-fade-up}.ab-criterion:nth-child(2){animation:.5s .12s both ab-fade-up}.ab-criterion:nth-child(3){animation:.5s .19s both ab-fade-up}.ab-criterion:nth-child(4){animation:.5s .26s both ab-fade-up}.ab-criterion:nth-child(5){animation:.5s .33s both ab-fade-up}.ab-criterion:nth-child(6){animation:.5s .4s both ab-fade-up}.paths-page{z-index:1;position:relative}.paths-hero{background:linear-gradient(135deg,#013533 0%,#025a56 50%,#012220 100%);padding:5rem 3rem 4rem;position:relative;overflow:hidden}.paths-hero:before{content:"";background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.paths-hero-inner{z-index:2;text-align:right;max-width:1200px;margin:0 auto;position:relative}.paths-h1{color:#fff;margin:1rem 0;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;line-height:1.3}.paths-lead{color:#fff9;font-size:1rem;line-height:1.7}.paths-filter-wrap{background:var(--white);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;max-width:100%;padding:0 3rem;display:flex;position:sticky;top:80px}.paths-filter{gap:.3rem;max-width:1200px;padding:.8rem 0;display:flex}.paths-filter-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;padding:.5rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s}.paths-filter-btn:hover{background:var(--page-bg);color:var(--text)}.paths-filter-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.paths-count{color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:600}.paths-content{max-width:1200px;margin:0 auto;padding:3rem;position:relative}.paths-content:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0}.paths-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.path-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:right;flex-direction:column;justify-content:space-between;min-height:320px;padding:1.8rem;transition:transform .2s,box-shadow .2s;display:flex}.path-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000014}.path-card-top{flex:1}.path-tag{border-radius:20px;margin-bottom:1rem;padding:.25rem .8rem;font-size:.72rem;font-weight:700;display:inline-block}.path-title{color:var(--text);margin-bottom:.7rem;font-size:1.05rem;font-weight:900;line-height:1.4}.path-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.75}.path-card-bottom{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding-top:1.2rem;display:flex}.path-meta{flex-direction:column;gap:.4rem;display:flex}.path-meta-item{color:var(--muted);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.path-meta-icon{color:var(--purple);font-size:.7rem}.path-btn{background:var(--purple);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:.65rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:background .2s}.path-btn:hover{background:var(--purple-lt)}.nf-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:4rem 2rem;display:flex}.nf-content{border-radius:var(--radius);text-align:center;border:1px solid var(--border);background:#fff;max-width:600px;padding:4rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.nf-content:before{content:"";background:var(--purple);height:6px;position:absolute;top:0;left:0;right:0}.nf-404{color:var(--purple-bg);text-shadow:3px 3px 0 var(--purple);margin-bottom:1.5rem;font-size:8rem;font-weight:900;line-height:1}.nf-title{color:var(--purple);margin-bottom:1rem;font-size:1.8rem;font-weight:800}.nf-desc{color:var(--muted);margin-bottom:2rem;font-size:1rem;line-height:1.7}.btn-nf{background:var(--purple);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-nf:hover{background:var(--purple-lt);transform:translateY(-3px);box-shadow:0 10px 20px #01353326}.academy-lib{direction:rtl;padding:4rem 0}.al-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.al-header-text{flex-direction:column;gap:.3rem;display:flex}.al-eyebrow{letter-spacing:.08em;color:var(--purple-lt);text-transform:uppercase;font-family:Tajawal,sans-serif;font-size:.8rem;font-weight:500}.al-heading{color:var(--purple);margin:0;font-family:Tajawal,sans-serif;font-size:1.75rem;font-weight:800;line-height:1.2}.al-view-all{color:var(--purple-lt);border:1.5px solid var(--purple-card);white-space:nowrap;border-radius:2rem;align-items:center;gap:.4rem;padding:.45rem 1rem;font-family:Tajawal,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.al-view-all:hover{background:var(--purple-bg);border-color:var(--purple-lt);color:var(--purple)}.al-arrow{transition:transform .2s;display:inline-block}.al-view-all:hover .al-arrow{transform:translate(-3px)}.al-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem;display:grid}.al-secondary{flex-direction:column;gap:1.25rem;display:flex}.al-card{border:1.5px solid var(--purple-card);background:#fff;border-radius:1.25rem;flex-direction:column;gap:1rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.al-card:hover{border-color:var(--purple-lt);transform:translateY(-2px);box-shadow:0 8px 32px #0135331a}.al-card--featured{background:var(--purple);justify-content:space-between;min-height:340px;padding:2rem}.al-card--featured .al-cat{color:#fff9}.al-card--featured .al-title{color:#fff}.al-card--featured .al-desc{color:#ffffffb3}.al-card--featured .al-meta{color:#ffffff80}.al-card--featured .al-emoji-wrap{background:#ffffff1f}.al-card--featured:hover{border-color:var(--purple-lt);box-shadow:0 12px 40px #0135334d}.al-featured-accent{pointer-events:none;background:#ffffff0a;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-3rem;left:-3rem}.al-card--secondary{flex:1;padding:1.25rem 1.5rem}.al-card-top{align-items:center;gap:.75rem;display:flex}.al-card-top-right{flex:1;align-items:center;gap:.5rem;display:flex}.al-emoji-wrap{background:var(--purple-bg);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.al-emoji-wrap--sm{width:2.25rem;height:2.25rem}.al-emoji{font-size:1.4rem;line-height:1}.al-emoji--sm{font-size:1.1rem}.al-cat{color:var(--purple-lt);letter-spacing:.04em;font-family:Tajawal,sans-serif;font-size:.75rem;font-weight:600}.al-card-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.al-title{color:var(--purple);margin:0;font-family:Tajawal,sans-serif;font-weight:700;line-height:1.4}.al-title--lg{font-size:1.35rem}.al-title--md{font-size:1rem}.al-desc{color:#555;margin:0;font-family:Tajawal,sans-serif;font-size:.9rem;line-height:1.6}.al-desc--sm{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.al-card-footer{border-top:1px solid #01353314;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.al-card--featured .al-card-footer{border-top-color:#ffffff1f}.al-meta{color:#888;font-family:Tajawal,sans-serif;font-size:.75rem;font-weight:400}.al-read-btn{color:var(--mint,#c8e6e4);letter-spacing:.02em;font-family:Tajawal,sans-serif;font-size:.85rem;font-weight:600}.al-read-link{color:var(--purple-lt);font-family:Tajawal,sans-serif;font-size:.8rem;font-weight:600}.al-badge{letter-spacing:.03em;border-radius:2rem;padding:.2rem .55rem;font-family:Tajawal,sans-serif;font-size:.65rem;font-weight:700}.al-badge--new{color:#1a7a4a;background:#e6f7f0}.al-badge--feat{color:#b45309;background:#fff8e1}@media (max-width:768px){.al-grid{grid-template-columns:1fr}.al-card--featured{min-height:260px}.al-heading{font-size:1.4rem}}@keyframes lib-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes lib-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lib-page{z-index:1;min-height:100vh;position:relative}.lib-hero{text-align:right;background:linear-gradient(135deg,#013533 0%,#025a56 50%,#012220 100%);padding:5rem 3rem 4rem;position:relative;overflow:hidden}.lib-hero-bg{pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.lib-hero-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#015a5659 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-20%;left:30%}.lib-hero-inner{z-index:2;max-width:1200px;margin:0 auto;position:relative}.lib-hero-eyebrow{color:#dfc797;letter-spacing:.1em;background:#dfc7970f;border:1px solid #dfc7974d;border-radius:20px;margin-bottom:1.5rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;animation:.6s both lib-fade-up;display:inline-block}.lib-hero-title{color:#fff;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.2;animation:.7s .1s both lib-fade-up}.lib-hero-sub{color:#ffffffa6;max-width:520px;margin:0 0 2.5rem;font-size:1rem;line-height:1.75;animation:.7s .2s both lib-fade-up}.lib-search-wrap{max-width:480px;animation:.7s .3s both lib-fade-up;position:relative}.lib-search{color:#fff;direction:rtl;background:#ffffff1a;border:1.5px solid #ffffff2e;border-radius:12px;outline:none;width:100%;padding:.8rem 1.2rem .8rem 3rem;font-family:Tajawal,sans-serif;font-size:.92rem;transition:border-color .2s,background .2s}.lib-search::placeholder{color:#ffffff61}.lib-search:focus{background:#ffffff26;border-color:#ffffff73}.lib-search-icon{color:#fff6;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.lib-filters-wrap{background:var(--white);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:80px}.lib-filters-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 3rem;display:flex}.lib-filters{gap:.4rem;padding:.75rem 0;display:flex}.lib-filter-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;padding:.45rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s}.lib-filter-btn:hover{background:var(--purple-bg);color:var(--text);border-color:var(--purple-card)}.lib-filter-btn--active{background:var(--purple);color:#fff;border-color:var(--purple)}.lib-results-count{color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:600}.lib-container{max-width:1200px;margin:0 auto;padding:3rem;position:relative}.lib-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lib-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:.9rem;min-height:380px;padding:1.5rem;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.5s both lib-card-in;display:flex;position:relative;overflow:hidden}.lib-card:hover{border-color:var(--purple-lt);transform:translateY(-4px);box-shadow:0 12px 36px #0135331a}.lib-card-arrow{color:var(--purple);opacity:0;font-size:1rem;transition:opacity .2s,transform .2s;position:absolute;bottom:1.2rem;left:1.5rem;transform:translate(8px)}.lib-card:hover .lib-card-arrow{opacity:1;transform:translate(0)}.lib-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lib-card-title{color:var(--purple);margin:0;font-size:1rem;font-weight:800;line-height:1.5}.lib-badge{letter-spacing:.03em;white-space:nowrap;border-radius:2rem;padding:.22rem .7rem;font-size:.68rem;font-weight:700}.lib-badge--magazine{color:#8b45c4;background:#a564dc14;border:1px solid #a564dc4d}.lib-badge--article{color:#dc2626;background:#ef44440f;border:1px solid #ef444440}.lib-badge--release{color:#2563eb;background:#3b82f612;border:1px solid #3b82f640}.lib-version{color:var(--muted);font-size:.72rem;font-weight:500}.lib-cover-placeholder{border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.lib-cover-placeholder--magazine{background:linear-gradient(135deg,#013533 0%,#025a56 60%,#012220 100%)}.lib-cover-placeholder--release{background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 60%,#1e40af 100%)}.lib-cover-inner{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex;position:relative}.lib-cover-lines{flex-direction:column;gap:5px;margin-bottom:.5rem;display:flex}.lib-cover-lines span{background:#ffffff40;border-radius:2px;height:2px;display:block}.lib-cover-lines span:first-child{width:48px}.lib-cover-lines span:nth-child(2){width:32px}.lib-cover-lines span:nth-child(3){width:40px}.lib-cover-title{color:#ffffffe6;text-align:center;max-width:160px;font-size:.8rem;font-weight:700;line-height:1.4}.lib-cover-brand{color:#fff6;letter-spacing:.08em;font-size:.65rem;font-weight:600}.lib-cover-placeholder:before{content:"";background:#ffffff0d;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-40px;right:-40px}.lib-cover-placeholder:after{content:"";background:#ffffff0a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;left:-20px}.lib-desc-block{background:#f5f9f8;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:200px;padding:1.2rem;display:flex}.lib-desc-text{color:var(--muted);text-align:center;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.75;display:-webkit-box;overflow:hidden}.lib-card--magazine:before,.lib-card--release:before,.lib-card--article:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.lib-card--magazine:before{background:#8b45c4}.lib-card--release:before{background:#2563eb}.lib-card--article:before{background:#dc2626}.lib-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.lib-empty-icon{opacity:.5;font-size:3rem}.lib-empty p{font-size:1rem;font-weight:600}.lib-load-more-wrap{justify-content:center;margin-top:3rem;display:flex}.lib-load-more{background:var(--purple-bg);color:var(--purple);border:1.5px solid var(--purple-card);cursor:pointer;border-radius:50px;min-width:180px;padding:.8rem 2.5rem;font-family:Tajawal,sans-serif;font-size:.92rem;font-weight:700;transition:background .2s,border-color .2s}.lib-load-more:hover{background:var(--purple-card);border-color:var(--purple-lt)}@media (max-width:1024px){.lib-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.lib-hero{padding:3.5rem 1.5rem 3rem}.lib-hero-title{font-size:1.8rem}.lib-filters-inner{padding:0 1.5rem}.lib-container{padding:2rem 1.5rem}.lib-grid{grid-template-columns:1fr}.lib-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.lib-filters::-webkit-scrollbar{display:none}}.nav-dropdown-wrap{position:relative}.nav-dropdown-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:2px;padding:.4rem 1.2rem;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-dropdown-btn:hover,.nav-dropdown-btn.active{background:var(--purple);color:#fff}.nav-dropdown{border:1px solid var(--border);z-index:200;background:#fff;border-radius:14px;min-width:220px;padding:.5rem;animation:.15s both dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001a}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{color:var(--text);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .15s;display:flex}.nav-dropdown-item:hover{background:var(--purple-bg)}.nav-dropdown-icon{background:var(--page-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.nav-dropdown-title{color:var(--text);font-size:.88rem;font-weight:700}.nav-dropdown-sub{color:var(--muted);margin-top:1px;font-size:.75rem}