@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--green:#075442;--deep:#073d32;--lime:#d4ed83;--paper:#f6f7f2;--ink:#153b31;--muted:#697e72;--line:#dee5da;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83aa3f;outline-offset:4px}button{transition:.2s}button:hover,.button:hover{filter:brightness(.95);transform:translateY(-1px)}img{display:block;max-width:100%;object-fit:cover}header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{max-width:1500px;margin:auto;min-height:94px;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:12px 4%}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;direction:ltr}.brand img{width:51px;height:51px;object-fit:contain}.brand-name{font:900 19px/1.02 Arial,sans-serif;letter-spacing:-.5px}.brand-name span{display:block;font:700 10px Tajawal,Arial;letter-spacing:0;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.desktop-nav a{padding:22px 0;position:relative;white-space:nowrap}.desktop-nav a.active{color:var(--green)}.desktop-nav a.active:after{content:'';position:absolute;bottom:10px;inset-inline:0;height:3px;background:var(--green);border-radius:2px}.header-actions{display:flex;gap:13px;align-items:center;flex-shrink:0}.lang{border:0;background:transparent;font:700 13px Arial;color:var(--green);padding:10px}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:7px;padding:13px 22px;font-weight:700;font-size:15px;line-height:1.4}.btn.light,.button.light{background:var(--lime);color:var(--deep)}.btn.outline,.button.outline{background:transparent;border-color:#b7c8b9;color:var(--green)}.btn.white,.button.white{background:#fff;color:var(--green)}.btn.small,.button.small{padding:10px 15px;font-size:13px}.menu-toggle{display:none;border:0;background:#edf1e8;border-radius:7px;padding:10px;color:var(--green)}.wrap{max-width:1400px;margin:auto;padding-inline:5%}.section{padding-block:64px}.section.tight{padding-top:20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;direction:ltr;text-align:start;display:block;color:#728971;margin-bottom:13px}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,5.5vw,76px);line-height:1.16;letter-spacing:-2px;font-weight:900;margin-bottom:25px}h2{font-size:36px;letter-spacing:-1px;line-height:1.3;margin-bottom:12px}h3{font-size:23px;line-height:1.4;margin-bottom:11px}p{color:var(--muted);line-height:1.9}small{line-height:1.6}.hero{margin:22px 2.5% 0;border-radius:16px;position:relative;min-height:610px;overflow:hidden;background:var(--deep);color:#fff;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 58%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#042c27ed 0%,#05372bbb 38%,#032e2b20 76%),linear-gradient(0deg,#022b2855,transparent)}html[dir=ltr] .hero:after{background:linear-gradient(90deg,#042c27ed 0%,#05372bbb 38%,#032e2b20 76%)}.hero-content{position:relative;z-index:1;width:100%;padding:65px 6%;max-width:1450px;margin:auto}.hero h1{max-width:630px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:460px;color:#e0eae1;font-size:18px;line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero .outline{color:#fff;border-color:#a6b6a480}.hero-bottom{display:flex;gap:30px;margin-top:45px;font-size:13px;color:#d7e3d9}.hero-bottom strong{color:var(--lime);font:700 24px Arial;display:block;margin-bottom:7px}.photo-label{position:absolute;z-index:2;bottom:14px;inset-inline-end:18px;background:#082f3060;color:#ffffffc7;font-size:10px;padding:5px 9px;border-radius:4px}.affiliation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:21px}.affiliation-left{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:700}.affiliation-logo{width:38px;height:45px;object-fit:contain}.affiliation small{font:11px Arial;letter-spacing:2px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head p{max-width:415px;margin-bottom:0;font-size:16px}.text-link{display:inline-flex;align-items:center;gap:13px;font-weight:700;font-size:14px;white-space:nowrap}.text-link:after{content:'↗';font:21px Arial}.sports-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.sport-card{padding:24px 20px;background:white;border:1px solid var(--line);border-radius:11px;transition:.2s;display:block}.sport-card:hover{border-color:#7aa483;transform:translateY(-5px)}.sport-card:first-child{background:var(--green);color:#fff;border-color:var(--green)}.sport-card svg{height:37px;width:37px;stroke:currentColor;fill:none;stroke-width:1.7;margin-bottom:27px}.sport-card h3{font-size:20px;margin-bottom:6px}.sport-card small{font:10px Arial;letter-spacing:1px;color:#78917c}.sport-card:first-child small{color:#cee2bd}.sport-card p{font-size:13px;margin:14px 0 0;color:#728275;line-height:1.7}.sport-card:first-child p{color:#d1decf}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editorial-card{background:#fff;border-radius:13px;overflow:hidden;border:1px solid var(--line)}.editorial-card .image{position:relative;height:280px;overflow:hidden}.editorial-card img{height:100%;width:100%;transition:.5s}.editorial-card:hover img{transform:scale(1.03)}.editorial-body{padding:27px 28px}.editorial-body p{font-size:15px}.tag{background:#edf2e3;color:#486c37;font-size:11px;line-height:1.5;padding:6px 10px;border-radius:4px;display:inline-block;font-weight:700}.image .tag{position:absolute;top:18px;inset-inline-start:18px;background:#ffffffeb}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.community-band{background:#e8eedf;border-radius:14px;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px}.community-band p{margin-bottom:0;max-width:580px}.community-band .links{display:grid;gap:12px}.community-band .links a{background:#fff9;padding:16px 18px;border:1px solid #d6dfcc;border-radius:7px;display:flex;justify-content:space-between;font-size:15px;font-weight:700}.event-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);border-radius:14px;overflow:hidden;color:white}.event-banner img{width:100%;height:100%;min-height:340px}.event-copy{padding:36px 40px}.event-copy p{color:#cbdccc}.event-copy h2{font:900 42px/1.05 Arial;letter-spacing:-1px;margin-top:23px}.event-copy .tag{background:#ffffff1f;color:var(--lime)}.page-top{background:#eaf0e3;padding:46px 0 38px;border-bottom:1px solid #dbe4d3}.breadcrumb{font-size:12px;color:#7a8c7d;margin-bottom:24px}.breadcrumb a{color:var(--green)}.page-top h1{font-size:49px;margin-bottom:13px}.page-top p{max-width:670px;margin:0;font-size:17px}.intro-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.intro-layout>img{width:100%;height:350px;border-radius:13px}.intro-layout ul{padding-inline-start:20px;color:var(--muted);line-height:2}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#edf1e5;padding:7px 12px;border-radius:4px;color:#61745d;font-size:12px}.toolbar{background:white;border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.field{min-width:140px;flex:1}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}input,select,textarea{padding:12px;width:100%;border:1px solid #d3dece;background:#fff;border-radius:6px;color:var(--ink);min-height:45px}input::placeholder{color:#a0ad9e}textarea{resize:vertical}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.program-image{height:190px;position:relative}.program-image img{width:100%;height:100%}.program-image .tag{position:absolute;top:13px;inset-inline-start:13px;background:#fffef4eb}.program-body{padding:23px;display:flex;flex-direction:column;flex:1}.program-body h3{font-size:23px}.program-body>p{font-size:14px;line-height:1.8}.program-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 20px}.program-meta span{background:#f1f3eb;padding:6px 8px;border-radius:4px;font-size:11px}.program-body .card-bottom{margin-top:auto}.program-body .card-bottom .btn{padding:10px 12px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.step{border-top:1px solid #cdd9c5;padding-top:22px}.step span{font:800 31px Arial;color:#9cb188}.step h3{font-size:19px;margin-top:17px}.step p{font-size:14px}.notice{font-size:13px;background:#eaf0e1;border:1px solid #d8e2cc;border-radius:8px;padding:15px 20px;color:#647b58;line-height:1.8}.empty{padding:50px 20px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.empty-icon{display:grid;place-items:center;margin:0 auto 20px;width:62px;height:62px;background:#edf3e7;border-radius:50%;font-size:27px;color:#5c7e4b}.empty h3{font-size:23px}.empty p{max-width:550px;margin-inline:auto;font-size:15px}.empty .btn{margin-top:12px}.count-label{font-size:13px;color:var(--muted);margin:0 0 16px}.tabs{display:flex;gap:7px;padding:6px;background:#e7edde;border-radius:9px;max-width:650px;margin-bottom:24px}.tab{background:none;border:0;padding:12px 20px;border-radius:6px;color:#6f8066;font-weight:700;flex:1;white-space:nowrap}.tab.active{background:var(--green);color:white;box-shadow:0 4px 9px #0b4f3020}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit{padding:25px;border:1px solid var(--line);border-radius:11px;background:#fff}.benefit b{color:#7a9865;font:800 30px Arial}.benefit h3{font-size:21px;margin-top:19px}.benefit p{font-size:14px;margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:30px}.metric{border:1px solid var(--line);padding:25px;background:#fff;border-radius:11px}.metric strong{font:800 37px Arial;display:block;margin:18px 0 13px;color:var(--green)}.metric span{font-size:14px;font-weight:700}.metric small{font-size:11px;color:#8d9a86}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:670px;text-align:start}th{background:#edf2e6;font-size:12px;white-space:nowrap;color:#657d59;padding:17px;text-align:start}td{padding:18px;border-top:1px solid var(--line)}.empty-cell{padding:55px 20px;text-align:center;color:var(--muted);line-height:2}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.criteria{padding:25px;border-inline-start:3px solid #abc28d;background:#edf2e6}.criteria h3{font-size:20px}.criteria p{font-size:14px;margin-bottom:0}.sponsors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sponsor{border:1px solid var(--line);border-radius:12px;padding:30px;background:white}.sponsor.featured{border:2px solid var(--green);background:#f3f7eb}.price{font-size:41px;font-weight:800;margin:25px 0 8px}.price small{font-size:14px}.sponsor ul{padding-inline-start:20px;line-height:2.3;font-size:14px;color:var(--muted);margin-bottom:25px}.sponsor .btn{width:100%}.member-panel{padding:36px;background:#fff;border-radius:12px;border:1px solid var(--line)}.member-panel>p{max-width:650px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.saved{border:1px solid var(--line);padding:20px;border-radius:9px;background:#f4f7ed;line-height:1.9}.saved strong{display:block}.saved small{color:var(--muted)}.footer-main{background:#e8edde;padding:45px 0 25px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.25fr;gap:50px}.footer-about p{font-size:14px;max-width:300px;margin-top:20px}.footer-links h3{font-size:17px;margin-bottom:18px}.footer-links a{display:block;font-size:13px;margin:11px 0;color:#607859}.fed-box{display:flex;align-items:center;gap:18px;background:#fff9;border:1px solid #d7e1cc;border-radius:10px;padding:20px}.fed-box img{width:66px;height:80px;object-fit:contain}.fed-box strong{font-size:14px;line-height:1.7}.fed-box small{display:block;font:10px/1.7 Arial;letter-spacing:.4px;color:var(--muted);margin:5px 0}.fed-box a{font:700 13px Arial;color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #d1ddc5;margin-top:30px;padding-top:23px;font-size:11px;color:#7d8b72}.footer-bottom button{background:transparent;border:0;color:var(--green);font-size:12px;font-weight:700}.demo-note{font-size:11px;color:#8b9784;margin-top:18px;text-align:center}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.hidden{display:none!important}dialog{max-width:600px;width:calc(100% - 30px);border:0;border-radius:16px;padding:32px;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#06372cc7;backdrop-filter:blur(4px)}dialog h2{font-size:29px;margin-top:12px}dialog h3{font-size:21px}dialog p,dialog ul{font-size:15px;line-height:1.9;color:var(--muted)}dialog .close{border:0;width:30px;height:30px;background:#edf2e5;border-radius:50%;font-size:21px;color:var(--green);float:inline-end}dialog label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}dialog .btn{margin-top:18px}dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog .form-hint{font-size:12px;background:#eef3e5;padding:13px;border-radius:6px}.checks{padding:0;list-style:none}.checks li{padding:9px 0;border-bottom:1px solid #e5ebde}.checks li:before{content:'✓';color:var(--green);margin-inline-end:12px}#mobileNav{display:none}.results-help{font-size:13px;color:var(--muted);margin-top:12px}.image-credit{font-size:11px;color:#88947d;margin-top:12px}.no-results{grid-column:1/-1}.compact-photo{height:260px!important}.photo-placeholder{background:#dde8d0}
@media(min-width:1550px){.hero{max-width:1450px;margin-inline:auto}}@media(max-width:1150px){.desktop-nav{gap:13px;font-size:12px}.header-inner{gap:17px;padding-inline:3%}.brand-name{font-size:17px}.brand img{width:42px;height:42px}.header-actions .btn{font-size:12px;padding:11px 14px}.sports-grid{gap:10px}.sport-card{padding:22px 15px}.hero{min-height:570px}.programs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{min-height:78px}.header-actions{margin-inline-start:auto}.desktop-nav.open{display:grid;position:absolute;top:78px;inset-inline:0;background:#fff;padding:10px 6% 24px;grid-template-columns:1fr 1fr;box-shadow:0 12px 20px #0001}.desktop-nav a{padding:15px 0}.desktop-nav a.active:after{bottom:4px;width:32px}.hero{min-height:550px}.hero-content{padding:50px 6%}.hero h1{font-size:55px;max-width:550px}.hero p{max-width:410px}.sports-grid{grid-template-columns:repeat(3,1fr)}.sport-card:last-child{grid-column:span 2}.section{padding-block:45px}.section-head p{max-width:350px;font-size:14px}h2{font-size:30px}.editorial-card .image{height:220px}.editorial-body{padding:22px}.community-band{padding:27px;gap:22px}.event-copy{padding:30px}.event-copy h2{font-size:33px}.intro-layout{gap:25px}.intro-layout>img{height:310px}.steps{grid-template-columns:1fr 1fr}.benefit-grid,.criteria-grid{gap:13px}.sponsors-grid{gap:13px}.sponsor{padding:22px}.footer-grid{gap:25px;grid-template-columns:1fr 1fr}.footer-grid .fed-box{grid-column:span 2;max-width:470px}.page-top h1{font-size:40px}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{padding-bottom:70px}.header-inner{padding-inline:5%;gap:10px}.brand-name{font-size:16px}.brand-name span{font-size:9px}.brand img{width:39px;height:43px}.header-actions{gap:4px}.header-actions .btn{padding:10px 12px}.lang{padding:8px}.menu-toggle{padding:8px}.hero{min-height:610px;margin:12px 3% 0;align-items:start;border-radius:12px}.hero>img{object-position:37% center}.hero:after{background:linear-gradient(180deg,#022e2df5 0%,#03382bd4 38%,#042c2730 83%)}html[dir=ltr] .hero:after{background:linear-gradient(180deg,#022e2df5 0%,#03382bd4 38%,#042c2730 83%)}.hero-content{padding:35px 7% 230px}.hero h1{font-size:46px;letter-spacing:-1px;max-width:400px;margin-bottom:15px}.hero p{font-size:15px;line-height:1.8;margin-bottom:20px}.hero .eyebrow{font-size:9px}.hero-bottom{margin-top:26px;gap:23px;font-size:10px}.hero-bottom strong{font-size:20px}.hero-actions{gap:9px}.hero-actions .btn,.hero-actions .button{font-size:13px;padding:11px 16px}.photo-label{font-size:8px}.affiliation{padding-block:17px}.affiliation-left{gap:11px;font-size:11px;line-height:1.6}.affiliation-logo{width:29px;height:36px}.affiliation small{display:none}.wrap{padding-inline:5%}.section{padding-block:37px}.section-head{align-items:start;gap:13px;flex-direction:column;margin-bottom:23px}.section-head h2{font-size:29px}.section-head p{font-size:14px;max-width:none}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}.text-link{font-size:13px}.sports-grid{grid-template-columns:1fr 1fr}.sport-card{padding:20px 17px}.sport-card svg{margin-bottom:20px;width:30px;height:30px}.sport-card h3{font-size:19px}.sport-card:last-child{grid-column:span 2}.sport-card p{font-size:12px}.feature-grid,.event-banner,.community-band,.intro-layout,.programs-grid,.benefit-grid,.criteria-grid,.sponsors-grid,.account-grid{grid-template-columns:1fr}.editorial-card .image{height:230px}.editorial-body h3{font-size:25px}.event-copy{padding:28px}.event-copy h2{font-size:39px}.event-banner img{min-height:230px;max-height:250px}.community-band{padding:26px}.community-band h2{font-size:28px}.community-band p{font-size:14px}.page-top{padding:29px 0}.page-top h1{font-size:35px;letter-spacing:-.8px}.page-top p{font-size:15px}.breadcrumb{margin-bottom:18px}.intro-layout{gap:20px}.intro-layout>img{height:260px;order:-1}.intro-layout h2{font-size:28px}.intro-layout p{font-size:14px}.toolbar{padding:15px;gap:14px}.field{min-width:calc(50% - 14px)}.field.search-field{flex-basis:100%}.program-image{height:220px}.tabs{max-width:none;overflow:auto}.tab{padding:11px 13px;font-size:12px}.steps{gap:17px}.step h3{font-size:17px}.step p{font-size:12px}.notice{font-size:12px;padding:13px 15px}.benefit{padding:22px}.stats-header{gap:10px;align-items:start;flex-direction:column}.metrics{gap:11px}.metric{padding:20px 16px}.metric strong{font-size:30px}.metric span{font-size:12px}.metric small{font-size:10px}.empty{padding:36px 18px}.empty h3{font-size:21px}.empty p{font-size:14px}.criteria{padding:20px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid .fed-box{grid-column:span 1}.footer-links{display:none}.footer-about p{max-width:none}.footer-bottom{align-items:start;font-size:10px;line-height:1.8}.fed-box img{width:58px;height:72px}.fed-box strong{font-size:13px}.footer-main{padding-top:32px;margin-top:15px}.member-panel{padding:25px}#mobileNav{display:flex;position:fixed;z-index:30;bottom:0;inset-inline:0;background:#fffffff2;border-top:1px solid var(--line);backdrop-filter:blur(14px);justify-content:space-around;padding:9px 5px max(12px,env(safe-area-inset-bottom))}#mobileNav a{display:flex;align-items:center;flex-direction:column;font-size:10px;color:#78916b;gap:4px;min-width:50px}#mobileNav a.active{color:var(--green);font-weight:800}#mobileNav svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}dialog{padding:25px}dialog h2{font-size:26px}dialog .form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.eyebrow{text-align:right}html[dir=ltr] .eyebrow{text-align:left}.hero>img{object-position:center top}@media(max-width:600px){.hero>img{object-position:37% center}}
