*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f1f8;color:#171220;font-family:Cairo,sans-serif}header{display:none}.hero{min-height:850px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#121125a6,#121125a6),url(assets/hero.webp) center top/cover;color:white;background-attachment:fixed;padding:80px 5%}.logo{width:41%;max-width:590px;height:auto}h1{font-size:clamp(22px,2.2vw,38px);font-weight:700;margin:75px 0 20px;max-width:1350px;line-height:1.7}.intro{display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:7%;padding:0 7%;align-items:start}.intro>img{width:100%;height:auto;display:block}.intro>div{direction:rtl;padding:36px 0}.intro h2{font-size:clamp(30px,4.5vw,76px);line-height:1.4;margin:0 0 70px}.intro p{font-size:clamp(16px,1.65vw,28px);color:#61576a;line-height:1.65;margin:0}.values{padding-top:28px;padding-bottom:20px}.statement{padding:120px 20px;text-align:center;color:#fff;background:linear-gradient(#322f51a6,#322f51a6),url(assets/court.webp) center/cover;background-attachment:fixed}.statement p{font-size:clamp(18px,3.5vw,54px);margin:0}.statement h2{font-size:clamp(30px,5vw,80px);margin:8px 0}.section-title{text-align:center;font-weight:500;font-size:clamp(36px,7vw,128px);line-height:1.4;margin:65px 15px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));direction:ltr;gap:20px;padding:0 18px}.service{direction:rtl;min-height:280px;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;background-position:center;background-size:cover}.service:first-child{grid-column:1/-1}.service h3{font-size:clamp(22px,1.8vw,32px);line-height:1.5;margin:0 0 14px}.service p{font-size:16px;line-height:1.7;margin:0}.team-title{margin-top:90px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1120px;margin:auto;direction:ltr}.member{direction:rtl}.member>img{width:100%;height:350px;object-fit:contain;object-position:bottom;display:block}.member-info{color:#fff;background:#322f51 url(assets/pattern.webp) center/cover;padding:20px 25px;min-height:360px}.member-info h3{text-align:center;font-size:24px;font-weight:500;margin:0 0 15px}.member-info h4{font-size:27px;line-height:1.6;text-align:center;margin:0 0 28px}.member-info p{font-size:16px;line-height:1.9;margin:0}#contact{padding:0 20px 45px}form{max-width:1140px;margin:60px auto 0;direction:ltr}label{display:block;font-size:14px;margin:18px 0 6px}label span{color:#c13244}input,textarea{display:block;width:100%;font-family:inherit;font-size:16px;border:1px solid #dedbe3;border-radius:2px;padding:12px;background:#fbfbfb;color:#171220;resize:vertical}input:focus,textarea:focus{outline:2px solid #8c2de2;outline-offset:2px}button{font:600 14px Cairo,sans-serif;cursor:pointer;background:#902ce9;color:white;border:0;border-radius:30px;padding:12px 30px;margin-top:20px}button:hover{background:#7020b8}button:focus-visible,a:focus-visible{outline:3px solid #ab6feb;outline-offset:4px}#form-status{direction:rtl;font-size:16px;text-align:right}footer{text-align:center;background:#120c20;color:white;padding:38px 20px;font-size:13px}@media(max-width:1024px){.hero{min-height:640px;background-attachment:scroll}.statement{background-attachment:scroll;padding:65px 15px}.intro{padding:0 12px;gap:20px}.intro h2{margin-bottom:35px}.intro p{font-size:16px}.section-title{font-size:32px;margin:70px 12px}.service{padding:25px 18px;min-height:270px}.service h3{font-size:23px}.services{gap:15px;padding:0 12px}.team-grid{margin:0 20px;gap:22px}.member>img{height:260px}.member-info{padding:15px;min-height:360px}.member-info h4{font-size:20px}.member-info h3{font-size:17px}.team-title br{display:none}form{margin-top:55px}.logo{width:43%}h1{margin-top:35px}}@media(max-width:600px){header{display:flex;position:relative;min-height:96px;align-items:center;padding:20px 16px;background:white}#menu-toggle{border-radius:0;margin:0;padding:3px 10px;font-size:21px}nav{position:absolute;top:80px;right:15px;left:15px;background:#fff;z-index:5;box-shadow:0 8px 24px #0002;padding:12px}nav a{display:block;color:#322f51;text-decoration:none;padding:12px}nav[hidden]{display:none}.hero{min-height:340px;padding:40px 12px}.logo{width:58%;max-width:280px}h1{font-size:20px;line-height:1.5;margin:35px 0 0}.intro{display:flex;flex-direction:column;gap:0;padding:0 8px}.intro>div{padding:30px 16px 38px}.intro h2{font-size:28px;margin:0 0 40px}.intro p{font-size:16px;line-height:1.85}.values{padding-bottom:12px}.statement{padding:60px 10px}.statement p{font-size:14px}.statement h2{font-size:26px}.section-title{font-size:27px;margin:55px 10px}.services{display:flex;flex-direction:column;gap:12px;padding:0 8px}.service{padding:50px 25px;min-height:340px}.service:first-child{min-height:400px}.service h3{font-size:23px}.service p{font-size:15px;line-height:1.7}.team-grid{grid-template-columns:1fr;margin:0 24px;gap:55px}.member>img{height:300px}.member-info{min-height:0;padding:18px 20px 25px}.member-info h4{font-size:20px}.member-info p{font-size:16px}#contact{padding:0 9px 30px}#contact .section-title{margin:60px 0}form{margin-top:50px}footer{font-size:12px;padding:32px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.statement{background-attachment:scroll}}