:root{--ink:#071624;--navy:#0b2134;--navy2:#102d44;--gold:#c7a15a;--gold2:#ead5a7;--paper:#f7f4ed;--soft:#eee8dc;--white:#fff;--muted:#65727d;--line:rgba(199,161,90,.28);--shadow:0 22px 60px rgba(4,18,29,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3","Noto Kufi Arabic",sans-serif;line-height:1.75;overflow-x:hidden}html[dir=rtl] body{font-family:"Noto Kufi Arabic",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:#04101a;color:#cad3da;font-size:.76rem}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-links{display:flex;gap:18px;direction:ltr}.header{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:30}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);background:#fff}.brand strong{display:block;font-family:"Noto Serif Arabic",serif;font-size:1.08rem}.brand small{display:block;color:#b9c3ca;font-size:.7rem}.menu{display:flex;align-items:center;gap:14px;font-size:.73rem}.menu a{padding:10px 2px;border-bottom:1px solid transparent}.menu a:hover,.menu a[aria-current=page]{color:var(--gold2);border-color:var(--gold)}.menu .language{border:1px solid rgba(199,161,90,.55);padding:8px 12px;margin-inline-start:8px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:700;font-size:.78rem}.eyebrow:before{content:"";width:36px;height:1px;background:currentColor}.hero{min-height:690px;background:#06131f;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,26,.15),rgba(4,16,26,.88) 67%,#06131f),url('/assets/legal-office-hd.png') center/cover}.hero-inner{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));padding-block:100px}.hero-inner>*{max-width:650px}.hero h1,.page-hero h1,h2{font-family:"Noto Serif Arabic",serif}.hero h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:1.05;margin:18px 0}.hero h1 span{display:block;color:var(--gold2)}.hero .lead{font-size:1.25rem;color:#eef1f3}.hero p{color:#b8c2c9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions.center{justify-content:center}.actions.vertical{display:grid}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;font-weight:700;font-size:.82rem;cursor:pointer}.btn.primary{background:var(--gold);color:var(--ink)}.btn.ghost{border-color:rgba(255,255,255,.35);color:#fff}.btn.outline{border-color:var(--gold);color:var(--ink)}.btn.wide{width:100%}.page-hero{background:linear-gradient(125deg,#071624,#12314a);color:#fff;padding:88px 0 80px;border-bottom:4px solid var(--gold)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.2;margin:14px 0}.page-hero p{max-width:760px;color:#b9c4cb;margin:0;font-size:1rem}.section{padding:96px 0}.section.soft{background:var(--soft)}.section.navy{background:var(--navy);color:#fff}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.35;margin:12px 0 18px}.muted{color:var(--muted)}.navy .muted{color:#adbac2}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.profile-card{background:var(--ink);color:#fff;box-shadow:var(--shadow);max-width:470px;margin-inline:auto}.profile-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.profile-card>div{padding:25px 30px;border-top:3px solid var(--gold)}.profile-card small{color:var(--gold2)}.profile-card h3{font:1.6rem "Noto Serif Arabic",serif;margin:4px 0}.profile-card a{color:var(--gold2);font-size:.8rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.feature-list span{border:1px solid var(--line);padding:15px;background:#fff}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head>p{max-width:560px;color:var(--muted)}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{display:block;background:#fff;border:1px solid var(--line);padding:30px;min-height:230px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card.dark{background:var(--navy2);border-color:rgba(255,255,255,.13);color:#fff}.card b{color:var(--gold);font:700 .82rem serif}.card h3{font:1.35rem "Noto Serif Arabic",serif;margin:24px 0 9px}.card p{margin:0;color:var(--muted);font-size:.86rem}.card.dark p{color:#afbbc3}.principles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.principles article{padding:22px;border-top:2px solid var(--gold);background:#fff}.principles h3{font:1.2rem "Noto Serif Arabic",serif;margin:0 0 8px}.principles p{color:var(--muted);font-size:.82rem;margin:0}.numbered .card{min-height:250px}.note,.disclaimer{margin-top:34px;border-inline-start:4px solid var(--gold);background:#fff;padding:22px 26px}.note p,.disclaimer p{margin:5px 0 0;color:var(--muted)}.seal{aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;max-width:430px;margin:auto;box-shadow:inset 0 0 0 24px var(--paper),inset 0 0 0 25px var(--line)}.seal span{font-size:4.5rem;color:var(--gold)}.seal strong{font:1.45rem "Noto Serif Arabic",serif}.seal small{color:var(--muted)}.check-list{list-style:none;padding:0;margin-top:30px}.check-list li{padding:14px 0;border-bottom:1px solid rgba(7,22,36,.12)}.check-list li:before{content:"◆";color:var(--gold);margin-inline-end:12px;font-size:.65rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.13);margin-bottom:38px}.steps article{padding:28px;border-inline-end:1px solid rgba(255,255,255,.13)}.steps article:last-child{border:0}.steps b{color:var(--gold)}.steps h3{font:1.25rem "Noto Serif Arabic",serif}.steps p{color:#adbac2;font-size:.82rem}.payment-studio{border:1px solid rgba(199,161,90,.38);background:#081b2a}.payment-studio-head{display:flex;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-studio-head h2{font-size:1.55rem;margin:0}.payment-studio-head p{margin:5px 0 0;color:#aeb9c1}.payment-studio-head>span{white-space:nowrap;color:var(--gold2);border:1px solid var(--gold);padding:7px 10px;height:max-content;font-size:.7rem}.payment-layout{display:grid;grid-template-columns:1.15fr .85fr}.payment-builder{padding:28px;border-inline-end:1px solid rgba(255,255,255,.1)}.method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.method-tab{min-height:46px;border:1px solid rgba(255,255,255,.15);background:none;color:#d8e0e5;cursor:pointer}.method-tab.active{background:var(--gold);color:var(--ink)}.pay-label{display:block;font-size:.78rem;margin-bottom:9px}.pay-label.spaced{margin-top:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.pay-field label{display:block;color:#adbac2;font-size:.7rem}.pay-field input,.pay-field select{width:100%;height:46px;background:#071724;border:1px solid rgba(255,255,255,.16);color:#fff;padding:0 10px}.secure-note{color:#9aa8b1;font-size:.7rem}.payment-preview{background:#f8f5ed;color:var(--ink);padding:28px}.payment-preview>span{color:#896423;font-weight:700;font-size:.75rem}.payment-preview h3{font:1.6rem "Noto Serif Arabic",serif;margin:8px 0}.invoice-list{border-top:1px solid #ded8ca;margin-top:18px}.invoice-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #ded8ca;font-size:.76rem}.invoice-list span{color:#6f7b84}.payment-preview em{display:inline-flex;background:#eee4cc;color:#795a23;padding:5px 9px;font-style:normal;font-size:.68rem;margin-top:18px}.payment-preview p{font-size:.7rem;color:#65727d}.bank-panel[hidden],.crypto-panel[hidden]{display:none}.book{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center;background:#fff;border:1px solid var(--line);padding:38px;box-shadow:var(--shadow)}.book>img{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:0 15px 40px rgba(0,0,0,.2)}.tag{display:inline-flex;background:#eee4cc;color:#795a23;padding:5px 10px;font-weight:700}.gold{color:#8d6828}.book-meta{display:flex;gap:14px;flex-wrap:wrap}.book-meta span{border:1px solid var(--line);padding:7px 12px;font-size:.75rem}.lectures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.lecture{background:#fff;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:310px}.lecture-top{display:flex;justify-content:space-between;color:#8d6828;font-size:.72rem}.lecture h3{font:1.4rem "Noto Serif Arabic",serif;line-height:1.45;margin:22px 0 8px}.lecture h4{font-size:.82rem;margin:0;color:#53616c}.lecture p{color:var(--muted);font-size:.83rem}.lecture>a{color:#8d6828;font-weight:700;margin-top:auto}.cta{background:#06131f;color:#fff;padding:50px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta span{color:var(--gold2)}.cta h2{font-size:1.75rem;margin:5px 0}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-details article{background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:6px;min-width:0}.contact-details small{color:var(--muted)}.contact-details a{font-weight:700}.email{overflow-wrap:anywhere}.contact-panel{background:var(--navy);color:#fff;padding:34px}.contact-panel>img{width:90px;height:90px;border-radius:50%;object-fit:cover}.contact-panel h2{font-size:1.8rem}.contact-panel p{color:#adbac2}.contact-panel .outline{color:#fff}.footer{background:#04101a;color:#aeb8bf;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:50px}.footer img{width:65px;height:65px;object-fit:cover;border-radius:50%}.footer h3,.footer h4{color:#fff;margin:8px 0}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer p{margin:0}.footer a{font-size:.78rem;margin:3px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem}.mobile-bar{display:none}@media(max-width:980px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:88px;inset-inline:20px;background:#0a1d2c;padding:16px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:10px}.cards.four{grid-template-columns:1fr 1fr}.cards.three{grid-template-columns:1fr 1fr}.split{gap:45px}.payment-layout{grid-template-columns:1fr}.payment-builder{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1)}}@media(max-width:720px){.topbar{display:none}.nav{height:76px}.menu{top:76px}.container{width:min(100% - 28px,1160px)}.brand img{width:48px;height:48px}.brand small{display:none}.hero{min-height:680px}.hero-media{background:linear-gradient(0deg,#06131f 5%,rgba(4,16,26,.86) 70%,rgba(4,16,26,.35)),url('/assets/legal-office-hd.png') 38% center/cover}.hero-inner{padding-block:95px}.section,.page-hero{padding-block:70px}.split,.book,.contact-grid{grid-template-columns:1fr}.feature-list,.principles,.contact-details,.field-row{grid-template-columns:1fr}.cards.four,.cards.three,.lectures-grid{grid-template-columns:1fr}.section-head,.cta .container{display:block}.steps{grid-template-columns:1fr}.steps article{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.13)}.payment-studio-head{display:block}.payment-studio-head>span{display:inline-flex;margin-top:12px}.book{padding:22px;gap:35px}.book>img{max-width:290px;margin:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.mobile-bar{display:grid;position:fixed;z-index:50;bottom:0;left:0;right:0;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 -8px 25px rgba(0,0,0,.16)}.mobile-bar a{height:56px;display:flex;align-items:center;justify-content:center;font-weight:700}.mobile-bar a:first-child{background:#25d366}.mobile-bar a:last-child{background:var(--gold)}body{padding-bottom:56px}}

/* Progressive motion and modern lecture tabs */
.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.reveal-section.is-visible{opacity:1;transform:none}
.hero-inner>*{opacity:0;transform:translateY(22px);animation:heroRise .7s cubic-bezier(.22,1,.36,1) forwards}
.hero-inner>*:nth-child(2){animation-delay:.08s}.hero-inner>*:nth-child(3){animation-delay:.16s}.hero-inner>*:nth-child(4){animation-delay:.24s}.hero-inner>*:nth-child(5){animation-delay:.32s}
@keyframes heroRise{to{opacity:1;transform:none}}
.lecture-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;padding:7px;background:#ebe4d6;border:1px solid var(--line);border-radius:16px;position:sticky;top:104px;z-index:8;backdrop-filter:blur(12px)}
.lecture-tab{border:0;background:transparent;color:#52616c;padding:10px 16px;border-radius:11px;font:700 .75rem inherit;cursor:pointer;transition:.2s}
.lecture-tab:hover{background:rgba(255,255,255,.65);color:var(--ink)}
.lecture-tab.active{background:var(--navy);color:#fff;box-shadow:0 7px 18px rgba(7,22,36,.18)}
.lecture{transition:opacity .28s,transform .28s,box-shadow .28s}
.lecture:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.lecture.is-hidden{display:none}
.brand img,.footer img{image-rendering:auto}
.profile-card img{object-position:center 20%}
@media(max-width:720px){.lecture-tabs{top:88px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.lecture-tab{white-space:nowrap}.profile-card img{aspect-ratio:1/1.08}}
@media(prefers-reduced-motion:reduce){.reveal-section,.hero-inner>*{opacity:1;transform:none;animation:none;transition:none}.card,.lecture{transition:none}}