:root{
  --green:#2e090e;--green-2:#4c1e13;--green-3:#78371f;--gold:#b89462;--gold-2:#d9c29f;
  --paper:#e8e5e2;--ink:#2e1a17;--muted:#756b65;--white:#fff
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{font-family:"Tajawal",sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
.fw-800{font-weight:800}.section-pad{padding:110px 0}.bg-paper{background:var(--paper)}.bg-green{background:var(--green)}
.text-gold{color:var(--gold)!important}.section-kicker{color:var(--green-3);font-weight:800;letter-spacing:.03em;font-size:.9rem}
.section-title{font-weight:800;font-size:clamp(2rem,4vw,3.25rem);line-height:1.25}.section-text{font-size:1.08rem;color:var(--muted);line-height:2}
.navbar{padding:18px 0;transition:.3s;background:linear-gradient(180deg,rgba(46,9,14,.92),rgba(46,9,14,0))}
.navbar.scrolled{background:rgba(46,9,14,.96);padding:10px 0;box-shadow:0 10px 30px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.brand-mark{width:44px;height:44px;border:1px solid rgba(227,201,154,.65);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-size:1.5rem;font-weight:800}
.brand strong{display:block;font-size:1.35rem;line-height:1}.brand small{display:block;color:rgba(255,255,255,.64);font-size:.72rem;margin-top:4px}
.nav-link{color:rgba(255,255,255,.8)!important;font-weight:600}.nav-link:hover{color:var(--gold-2)!important}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--green);font-weight:800}.btn-gold:hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--green)}
.hero{position:relative;background:radial-gradient(circle at 10% 15%,rgba(197,164,109,.16),transparent 25%),linear-gradient(120deg,#25070b,#4c1e13 55%,#2e090e);color:#fff;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -160px -260px auto;width:620px;height:620px;border:1px solid rgba(197,164,109,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(197,164,109,.04),0 0 0 180px rgba(197,164,109,.025)}
.eyebrow{display:inline-flex;padding:8px 14px;border-radius:50px;border:1px solid rgba(227,201,154,.35);background:rgba(255,255,255,.05);color:var(--gold-2);font-weight:700}
.hero h1{line-height:1.18}.hero h1 span{color:var(--gold-2)}.hero-copy{max-width:760px;color:rgba(255,255,255,.76);line-height:1.9}
.hero-proof{display:flex;gap:26px;flex-wrap:wrap}.hero-proof div{padding-left:26px;border-left:1px solid rgba(255,255,255,.18)}.hero-proof div:last-child{border-left:0}
.hero-proof strong{display:block;color:var(--gold-2);font-size:1.1rem}.hero-proof span{display:block;color:rgba(255,255,255,.55);font-size:.85rem;margin-top:4px}
.hero-card{margin-inline-start:auto;max-width:470px;border-radius:28px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 34px 70px rgba(0,0,0,.28);transform:rotate(-1.5deg)}
.hero-card img{width:100%;height:380px;object-fit:cover}.hero-card-caption{padding:26px}.hero-card-caption h3{font-weight:800;margin:10px 0 8px}.hero-card-caption p{color:var(--muted);margin:0}
.tag{font-size:.8rem;background:#edf2ef;color:var(--green-3);padding:5px 10px;border-radius:50px;font-weight:700}
.image-stack{position:relative;padding:20px}.img-main{width:100%;height:560px;object-fit:cover;border-radius:28px;box-shadow:0 25px 60px rgba(76,30,19,.16)}
.floating-card{position:absolute;right:-8px;bottom:60px;display:flex;gap:13px;align-items:center;background:var(--green);color:#fff;padding:18px 22px;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.2)}
.floating-card i{font-size:1.8rem;color:var(--gold-2)}.floating-card strong,.floating-card span{display:block}.floating-card span{color:rgba(255,255,255,.58);font-size:.8rem;margin-top:3px}
.quote-box{border-right:3px solid var(--gold);background:#fff;padding:24px 28px;border-radius:16px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 15px 35px rgba(76,30,19,.07)}
.quote-box i{font-size:2rem;color:var(--gold)}.quote-box p{margin:0;font-weight:700;font-size:1.12rem;line-height:1.8}
.program-card{height:100%;padding:30px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;position:relative;overflow:hidden;transition:.35s}
.program-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.075);border-color:rgba(197,164,109,.35)}.program-card i{font-size:2.1rem;color:var(--gold-2)}
.program-card h3{font-size:1.35rem;font-weight:800;margin:22px 0 10px}.program-card p{color:rgba(255,255,255,.62);line-height:1.8;margin:0}
.program-no{position:absolute;left:22px;top:20px;color:rgba(255,255,255,.18);font-size:2.2rem;font-weight:800}
.section-head{max-width:760px}.timeline{position:relative;max-width:970px;margin-inline:auto}.timeline:before{content:"";position:absolute;right:86px;top:10px;bottom:10px;width:1px;background:#d8d4cb}
.timeline-item{display:grid;grid-template-columns:125px 1fr;gap:34px;padding:0 0 38px;position:relative}.timeline-item:before{content:"";position:absolute;right:79px;top:8px;width:15px;height:15px;border-radius:50%;background:var(--gold);border:4px solid var(--paper)}
.year{font-weight:800;color:var(--green);font-size:1.1rem}.timeline-content{background:#fff;padding:25px 28px;border-radius:18px;box-shadow:0 10px 35px rgba(76,30,19,.07)}
.timeline-content h3{font-size:1.2rem;font-weight:800}.timeline-content p{margin:8px 0 0;color:var(--muted);line-height:1.8}
.experience-img{height:500px;object-fit:cover}.feature-panel{padding:20px 0 20px 25px}.feature-panel h3{font-size:2rem;font-weight:800;line-height:1.45;margin:12px 0 26px}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.feature-list li{display:flex;gap:12px;color:var(--muted);line-height:1.7}.feature-list i{color:var(--green-3);font-size:1.25rem}
.method-section{background:linear-gradient(90deg,rgba(46,9,14,.96),rgba(46,9,14,.96)),url("../img/legal-session.webp") center/cover}
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.method-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:25px;color:#fff;backdrop-filter:blur(4px)}
.method-card span{color:var(--gold-2);font-weight:800}.method-card h4{font-weight:800;margin:12px 0 5px}.method-card p{color:rgba(255,255,255,.58);margin:0}
.contact-shell{background:#fff;border-radius:30px;padding:55px;box-shadow:0 20px 60px rgba(76,30,19,.09);border:1px solid #eae5dc}
.contact-links{display:flex;flex-direction:column;gap:12px}.contact-links a{color:var(--green-3);text-decoration:none;font-weight:700}.contact-links i{margin-left:8px;color:var(--gold)}
.contact-form{background:#faf8f4;padding:28px;border-radius:22px;border:1px solid #ebe6dd}.form-control{border-radius:12px;border:1px solid #ded9d0;padding:12px 14px;background:#fff}
.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(197,164,109,.15)}.form-label{font-weight:700;font-size:.9rem}
.site-footer{background:#24080b;color:#fff;padding:50px 0}.footer-brand{display:inline-flex}.site-footer p{color:rgba(255,255,255,.6)}
.back-top{position:fixed;left:25px;bottom:25px;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--green);display:grid;place-items:center;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:99}
.back-top.show{opacity:1;visibility:visible;transform:none}.reveal{opacity:0;transform:translateY(18px);animation:rise .7s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}
@keyframes rise{to{opacity:1;transform:none}}
@media(max-width:991.98px){.navbar{background:rgba(46,9,14,.96)}.hero{padding-top:88px}.hero-card{margin:0 auto;transform:none}.section-pad{padding:80px 0}.img-main{height:430px}.experience-img{height:420px}}
@media(max-width:767.98px){.section-pad{padding:65px 0}.hero h1{font-size:2.6rem}.hero-proof div{width:calc(50% - 14px)}.hero-proof div:last-child{width:100%}.timeline:before{right:55px}.timeline-item{grid-template-columns:82px 1fr;gap:18px}.timeline-item:before{right:48px}.method-grid{grid-template-columns:1fr}.contact-shell{padding:30px 20px}.hero-card img{height:300px}.img-main{height:380px}}

.brand-logo{height:72px;width:auto;display:block;border-radius:3px;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.navbar.scrolled .brand-logo{height:58px}.footer-brand .brand-logo{height:86px}
@media(max-width:767.98px){.brand-logo{height:58px}.navbar.scrolled .brand-logo{height:52px}}