:root{
  --navy:#061829;
  --navy-2:#0a2238;
  --panel:#0b2134cc;
  --cyan:#45d6e8;
  --cyan-soft:#83e7f1;
  --gold:#d8a94f;
  --gold-soft:#f2d08a;
  --cream:#f6f0e4;
  --text:#edf6f8;
  --muted:#a7bac5;
  --line:rgba(69,214,232,.25);
  --shadow:0 18px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Tahoma","Arial",sans-serif;background:
radial-gradient(circle at 20% 0%,rgba(69,214,232,.10),transparent 35%),
radial-gradient(circle at 100% 30%,rgba(216,169,79,.08),transparent 28%),
linear-gradient(180deg,#04121f 0%,#061829 52%,#04111d 100%);color:var(--text);direction:rtl;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:
linear-gradient(30deg,transparent 46%,rgba(255,255,255,.03) 47%,rgba(255,255,255,.03) 53%,transparent 54%),
linear-gradient(-30deg,transparent 46%,rgba(255,255,255,.02) 47%,rgba(255,255,255,.02) 53%,transparent 54%);background-size:44px 76px;z-index:-1}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(3,15,27,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-soft);box-shadow:0 0 22px rgba(216,169,79,.16);font-size:24px}.brand-copy b{font-size:24px;font-weight:700}.brand-copy span{display:block;color:var(--gold-soft);font-size:12px;margin-top:3px}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{padding:11px 16px;border:1px solid transparent;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:rgba(255,255,255,.035);color:#d8e5ea;transition:.2s}.nav a:hover,.nav a.active{border-color:var(--cyan);color:var(--cyan-soft);box-shadow:0 0 20px rgba(69,214,232,.12) inset}.lang{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.lang a{padding:7px 9px;border:1px solid var(--line);border-radius:8px}.menu-btn{display:none;border:1px solid var(--line);background:none;color:var(--text);padding:9px 12px;border-radius:8px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .container{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;padding-top:40px;padding-bottom:40px}
.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--cyan-soft);font-weight:700;letter-spacing:.3px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:82px;line-height:.95;margin:12px 0 10px;color:var(--cream);text-shadow:0 8px 30px rgba(0,0,0,.35)}.hero h1 small{font-family:Tahoma,Arial,sans-serif;display:block;font-size:30px;color:var(--gold-soft);margin-top:18px}.hero p{font-size:19px;line-height:2;color:#d5e1e6;max-width:650px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:8px;border:1px solid var(--gold);background:linear-gradient(180deg,#e0b45d,#b9882f);color:#071522;font-weight:700;box-shadow:var(--shadow)}.btn.secondary{background:transparent;color:var(--text);border-color:rgba(255,255,255,.36);box-shadow:none}.btn.secondary:hover{border-color:var(--cyan);color:var(--cyan-soft)}
.hero-art{height:520px;position:relative}.moon{position:absolute;left:10%;top:5%;width:90px;height:90px;border-radius:50%;box-shadow:-20px 12px 0 0 var(--cream);opacity:.88;filter:drop-shadow(0 0 22px rgba(246,240,228,.24))}.minaret{position:absolute;bottom:0;left:16%;width:56px;height:340px;background:linear-gradient(90deg,#c7aa73,#f0d59d,#a88955);clip-path:polygon(38% 0,62% 0,68% 6%,68% 12%,82% 18%,74% 23%,72% 100%,28% 100%,26% 23%,18% 18%,32% 12%,32% 6%);filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}.dome{position:absolute;bottom:0;left:34%;width:310px;height:210px;background:linear-gradient(160deg,#0e6e55,#0a3f36 60%,#062b26);border-radius:52% 52% 16% 16%;box-shadow:inset 0 8px 24px rgba(255,255,255,.08),0 28px 50px rgba(0,0,0,.45)}.dome:before{content:"";position:absolute;width:14px;height:105px;background:linear-gradient(#e7c679,#8c6c30);left:50%;transform:translateX(-50%);top:-78px;border-radius:8px}.dome:after{content:"";position:absolute;width:32px;height:32px;border:5px solid var(--gold);border-left-color:transparent;border-radius:50%;left:50%;transform:translateX(-50%);top:-118px}.lantern{position:absolute;right:5%;top:22%;width:72px;height:120px;border:2px solid var(--gold);border-radius:34px 34px 20px 20px;box-shadow:0 0 40px rgba(216,169,79,.16),inset 0 0 28px rgba(216,169,79,.12)}.lantern:before,.lantern:after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:var(--gold)}.lantern:before{width:2px;height:80px;top:-80px}.lantern:after{width:28px;height:4px;top:-6px;border-radius:3px}.arch{position:absolute;inset:35px 0 0 auto;width:44%;border:2px solid rgba(216,169,79,.35);border-radius:180px 180px 0 0;box-shadow:inset 0 0 50px rgba(216,169,79,.05)}
.hadith-bar{background:linear-gradient(90deg,rgba(9,33,52,.85),rgba(9,33,52,.98),rgba(9,33,52,.85));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hadith-inner{display:flex;gap:18px;align-items:center;min-height:90px}.hadith-label{color:var(--gold-soft);font-weight:700;white-space:nowrap}.hadith-text{font-size:20px;color:#e7f1f3}
.section{padding:68px 0}.section-head{text-align:center;margin-bottom:32px}.section-head .kicker{color:var(--cyan-soft);font-weight:700}.section-head h2{font-size:36px;margin:8px 0 6px;color:var(--cream)}.section-head p{margin:0 auto;max-width:760px;color:var(--muted);line-height:1.9}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,rgba(14,40,61,.94),rgba(8,26,43,.95));border:1px solid rgba(216,169,79,.26);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.22);transition:.24s}.card:hover{transform:translateY(-5px);border-color:var(--cyan)}.card-visual{height:178px;display:grid;place-items:center;background:
radial-gradient(circle at 30% 30%,rgba(69,214,232,.16),transparent 28%),
linear-gradient(145deg,#0e3348,#081a2c);font-size:60px;color:var(--gold-soft)}.card-body{padding:22px}.card h3{margin:0 0 8px;font-size:22px}.card p{color:var(--muted);line-height:1.8;margin:0}.card .link{display:inline-block;color:var(--cyan-soft);margin-top:15px;font-weight:700}
.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line);margin-top:-32px;position:relative;z-index:5;box-shadow:var(--shadow)}.feature{background:rgba(7,26,42,.97);padding:22px;text-align:center}.feature b{display:block;color:var(--cyan-soft);margin-bottom:8px}.feature span{color:var(--muted);font-size:14px;line-height:1.6}

.home-visual{padding:26px 0 0;background:linear-gradient(180deg,#03111d,#061829);border-bottom:1px solid var(--line)}
.home-visual-frame{width:min(1540px,calc(100% - 24px));margin:auto;border:1px solid rgba(69,214,232,.22);border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.48);background:#020b13}
.home-visual-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.home-visual-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:24px 0 12px}
.home-section{border-bottom:1px solid rgba(69,214,232,.08)}
.home-section.alt{background:rgba(255,255,255,.018)}
.split-home{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.split-home.reverse{grid-template-columns:.95fr 1.05fr}
.split-home h2,.contact-home h2{font-size:38px;color:var(--cream);margin:8px 0 12px}
.split-home p,.contact-home p{color:var(--muted);line-height:2;font-size:18px}
.section-mini{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-weight:700}
.link-arrow{display:inline-block;color:var(--cyan-soft);font-weight:700;margin-top:12px}
.home-panel{min-height:260px;border:1px solid rgba(216,169,79,.28);border-radius:22px;background:linear-gradient(145deg,rgba(12,47,67,.92),rgba(7,24,39,.95));padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:var(--shadow)}
.home-panel b{font-size:26px;color:var(--cream);margin:12px 0}.home-panel span{color:var(--muted);line-height:1.9}.home-icon{font-size:48px;color:var(--gold-soft)}
.chapter-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chapter-preview-grid a{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(6,24,39,.8);transition:.22s}.chapter-preview-grid a:hover{transform:translateY(-4px);border-color:var(--cyan)}.chapter-preview-grid b{display:block;color:var(--cream);font-size:20px}.chapter-preview-grid span{display:block;color:var(--muted);margin-top:8px;line-height:1.6}.center-link{text-align:center;margin-top:24px}
.sample-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sample-preview a{min-height:220px;border-radius:18px;border:1px solid rgba(216,169,79,.3);background:radial-gradient(circle at 30% 20%,rgba(69,214,232,.16),transparent 30%),linear-gradient(145deg,#0d3147,#071927);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 16px 42px rgba(0,0,0,.2)}.sample-preview div{font-size:44px;color:rgba(242,208,138,.82);font-weight:700}.sample-preview b{font-size:23px;margin-top:8px}
.quote-home{padding:34px;border-right:4px solid var(--gold);border-radius:18px;background:rgba(216,169,79,.07);font-size:23px;line-height:2;color:#f1eadc}
.media-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-preview a{height:190px;border-radius:18px;border:1px solid rgba(69,214,232,.18);background:linear-gradient(145deg,#0a2a3e,#061827);display:grid;place-items:center;text-align:center}.media-preview span{font-size:46px;color:var(--cyan-soft)}.media-preview b{display:block;font-size:20px}
.contact-home{background:radial-gradient(circle at 70% 30%,rgba(69,214,232,.10),transparent 30%),linear-gradient(180deg,#071a2a,#04111d)}.contact-home-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}

/* --- Exact gateway homepage supplied by the user --- */
.landing-gateway{position:relative;width:100%;background:#020b13;overflow:hidden;border:0;line-height:0}
.landing-gateway .gateway-image{display:block;width:100vw;height:auto;max-width:none;margin:0;padding:0}
.gateway-hotspot{position:absolute;z-index:8;display:block;border:1px solid transparent;border-radius:12px;background:rgba(69,214,232,.001);transition:.18s ease;cursor:pointer}
.gateway-hotspot:hover,.gateway-hotspot:focus-visible{border-color:rgba(69,214,232,.75);background:rgba(69,214,232,.06);box-shadow:0 0 24px rgba(69,214,232,.2);outline:none}
.gateway-hotspot::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);padding:6px 10px;border-radius:8px;background:rgba(2,11,19,.92);border:1px solid rgba(69,214,232,.35);color:#dffbff;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease}
.gateway-hotspot:hover::after,.gateway-hotspot:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.gateway-scroll{position:absolute;left:50%;bottom:1.1%;transform:translateX(-50%);z-index:9;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(242,208,138,.58);border-radius:50%;color:var(--gold-soft);background:rgba(3,17,29,.66);backdrop-filter:blur(7px);animation:gatewayPulse 1.8s infinite}
@keyframes gatewayPulse{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
body.home-active .site-header{position:fixed;inset:0 0 auto 0;transform:translateY(-115%);opacity:0;pointer-events:none;transition:.28s ease;z-index:50}
body.home-active.home-scrolled .site-header{transform:translateY(0);opacity:1;pointer-events:auto}
.gateway-intro{padding:54px 0 26px;text-align:center;background:linear-gradient(180deg,#03111d,#061829)}
.gateway-intro h2{margin:0 0 10px;font-size:34px;color:var(--cream)}
.gateway-intro p{margin:0 auto;max-width:760px;color:var(--muted);line-height:1.9}
.gateway-section-link{scroll-margin-top:96px}
@media(max-width:760px){.gateway-hotspot::after{display:none}.gateway-scroll{display:none}.gateway-intro{padding-top:36px}.gateway-intro h2{font-size:27px}}

@media(max-width:900px){.split-home,.split-home.reverse{grid-template-columns:1fr}.chapter-preview-grid{grid-template-columns:repeat(2,1fr)}.sample-preview,.media-preview{grid-template-columns:1fr}.contact-home-inner{align-items:flex-start;flex-direction:column}.home-visual-frame{width:calc(100% - 14px);border-radius:12px}}
@media(max-width:620px){.chapter-preview-grid{grid-template-columns:1fr}.home-visual{padding-top:10px}.home-visual-actions{padding-inline:16px}.home-visual-actions .btn{width:100%}}
.page-hero{padding:72px 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 0,rgba(69,214,232,.08),transparent 35%)}.page-hero .crumb{color:var(--cyan-soft);font-size:14px}.page-hero h1{font-size:48px;color:var(--cream);margin:12px 0}.page-hero p{max-width:800px;color:var(--muted);line-height:2;font-size:18px}
.content-layout{display:grid;grid-template-columns:280px 1fr;gap:28px}.side{position:sticky;top:105px;align-self:start;background:rgba(8,27,44,.9);border:1px solid var(--line);border-radius:16px;padding:14px}.side a{display:block;padding:13px 14px;border-radius:10px;color:#c9d8de}.side a:hover,.side a.active{background:rgba(69,214,232,.08);color:var(--cyan-soft)}.article{background:rgba(7,24,39,.72);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:34px}.article h2{font-size:30px;color:var(--gold-soft);margin-top:0}.article h3{font-size:23px;color:var(--cream);margin-top:32px}.article p,.article li{line-height:2.05;color:#d6e3e8}.quote{border-right:4px solid var(--gold);background:rgba(216,169,79,.07);padding:20px 22px;border-radius:12px;color:#f2ead9;font-size:19px;line-height:1.9}.notice{border:1px dashed rgba(69,214,232,.4);background:rgba(69,214,232,.05);padding:18px;border-radius:12px;color:#cde8ec}
.chapter-list{display:grid;gap:14px}.chapter{display:grid;grid-template-columns:74px 1fr 26px;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}.chapter-no{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-weight:700}.chapter b{font-size:20px}.chapter span{display:block;color:var(--muted);margin-top:4px}.chapter-arrow{color:var(--cyan-soft)}
.person-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.person{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;text-align:center}.avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#14394e,#0a2134);margin:0 auto 12px;color:var(--gold-soft);font-size:28px}.person b{display:block}.person small{color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{aspect-ratio:16/10;position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 30%,rgba(216,169,79,.15),transparent 24%),linear-gradient(135deg,#0b2d42,#071522);display:grid;place-items:center}.play{width:66px;height:66px;border-radius:50%;border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan-soft);font-size:25px;box-shadow:0 0 28px rgba(69,214,232,.12)}.media-card span{position:absolute;bottom:15px;right:18px;font-weight:700}
.form{display:grid;gap:16px}.form label{display:grid;gap:8px;color:#dbe8ec}.form input,.form textarea,.form select{width:100%;background:#071a2b;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:white;padding:14px 15px;font:inherit}.form textarea{min-height:160px;resize:vertical}
.footer{margin-top:40px;border-top:1px solid var(--line);background:#03101b}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:28px;padding:48px 0}.footer h4{color:var(--gold-soft);margin:0 0 12px}.footer a{display:block;color:var(--muted);padding:5px 0}.copyright{border-top:1px solid rgba(255,255,255,.07);padding:18px 0;color:#7f949f;text-align:center;font-size:14px}
@media(max-width:1000px){.nav{display:none;position:absolute;top:82px;right:20px;left:20px;background:#061829;border:1px solid var(--line);padding:16px;border-radius:14px}.nav.open{display:grid}.menu-btn{display:block}.header-row{min-height:74px}.lang{display:none}.hero .container{grid-template-columns:1fr}.hero-art{height:360px;order:-1}.hero h1{font-size:62px}.feature-strip{grid-template-columns:1fr 1fr;margin-top:20px}.grid,.media-grid{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.side{position:static}.person-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.brand-copy b{font-size:18px}.brand-mark{width:44px;height:44px}.hero .container{min-height:auto;padding-top:24px}.hero-art{height:280px}.dome{width:210px;height:150px}.minaret{height:230px}.hero h1{font-size:48px}.hero h1 small{font-size:24px}.hero p{font-size:17px}.feature-strip,.grid,.media-grid,.person-grid,.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}.page-hero{padding:52px 0 36px}.page-hero h1{font-size:36px}.article{padding:22px}.chapter{grid-template-columns:58px 1fr}.chapter-arrow{display:none}}

/* --- About the book: material supplied by the author --- */
.about-book-shell{padding:54px 0 78px;background:radial-gradient(circle at 82% 10%,rgba(216,169,79,.08),transparent 26%),radial-gradient(circle at 12% 30%,rgba(69,214,232,.07),transparent 28%)}
.about-book-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:stretch;margin-bottom:34px}
.about-book-cover{position:relative;border:1px solid rgba(216,169,79,.38);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow);min-height:510px}
.about-book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.about-book-cover.feature-cover{background:#f3f0e8}
.about-book-cover.feature-cover img{object-fit:contain}
.about-book-cover:after{content:"من الملف الأصلي";position:absolute;right:16px;bottom:16px;padding:7px 12px;border-radius:999px;background:rgba(3,15,27,.86);border:1px solid rgba(69,214,232,.35);color:#dffbff;font-size:12px;backdrop-filter:blur(8px)}
.about-book-copy{border:1px solid rgba(69,214,232,.20);border-radius:24px;background:linear-gradient(145deg,rgba(12,43,64,.90),rgba(5,22,36,.96));padding:36px;box-shadow:var(--shadow)}
.about-book-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(69,214,232,.25);border-radius:999px;background:rgba(69,214,232,.06)}
.about-book-copy h2{font-size:38px;line-height:1.35;margin:14px 0 14px;color:var(--cream)}
.about-book-copy p{font-size:18px;line-height:2.05;color:#d0dde3;margin:0 0 14px}
.about-book-copy .source-note{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}
.book-jumpbar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0 38px;position:sticky;top:94px;z-index:9;padding:10px;border-radius:16px;background:rgba(3,15,27,.88);border:1px solid rgba(69,214,232,.16);backdrop-filter:blur(12px)}
.book-jumpbar button{appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#d9e8ed;border-radius:11px;padding:12px 10px;font:inherit;cursor:pointer;transition:.2s}
.book-jumpbar button:hover{border-color:var(--cyan);color:var(--cyan-soft);transform:translateY(-2px)}
.book-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 40px}
.book-feature-card{border:1px solid rgba(216,169,79,.24);border-radius:18px;padding:22px;background:linear-gradient(160deg,rgba(11,40,59,.88),rgba(5,22,36,.94));min-height:210px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.book-feature-card .no{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-weight:700;margin-bottom:15px}
.book-feature-card h3{font-size:21px;color:var(--cream);margin:0 0 8px}.book-feature-card p{color:var(--muted);line-height:1.85;margin:0;font-size:15px}
.about-book-section{scroll-margin-top:170px;margin-top:48px}
.about-book-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;border-bottom:1px solid rgba(69,214,232,.15);padding-bottom:16px}
.about-book-section-head h2{font-size:32px;margin:0;color:var(--cream)}
.about-book-section-head p{margin:0;color:var(--muted);max-width:650px;line-height:1.8}
.topic-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.topic-cloud span{padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#d7e5ea;line-height:1.5}
.book-statement{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.statement-card{border-radius:20px;padding:27px;border:1px solid rgba(69,214,232,.20);background:linear-gradient(145deg,rgba(8,35,52,.96),rgba(6,22,35,.96))}
.statement-card.gold{border-color:rgba(216,169,79,.28);background:linear-gradient(145deg,rgba(58,42,18,.42),rgba(8,25,38,.96))}
.statement-card h3{margin:0 0 10px;color:var(--gold-soft);font-size:24px}.statement-card p{margin:0;color:#d2dfe4;line-height:2;font-size:17px}
.testimony-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;border:1px solid rgba(216,169,79,.30);border-radius:22px;padding:26px;background:rgba(216,169,79,.055)}
.testimony-badge{width:150px;height:150px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--gold-soft);font-weight:700;line-height:1.7;margin:auto;background:rgba(3,15,27,.65)}
.testimony-card blockquote{margin:0;font-size:20px;line-height:2;color:#efe8db}.testimony-card footer{color:var(--cyan-soft);margin-top:14px;line-height:1.8;font-size:14px}
.book-reader{border:1px solid rgba(69,214,232,.22);border-radius:22px;background:#020b13;overflow:hidden;box-shadow:var(--shadow)}
.book-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:linear-gradient(180deg,#0a2538,#061827);border-bottom:1px solid rgba(69,214,232,.18)}
.book-reader-toolbar strong{color:var(--cream)}.book-reader-toolbar span{color:var(--muted);font-size:13px}
.book-reader iframe{display:block;width:100%;height:min(76vh,920px);border:0;background:#fff}
.page-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.page-thumb{appearance:none;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;background:#061827;color:var(--text);cursor:pointer;text-align:inherit;box-shadow:0 12px 28px rgba(0,0,0,.17);transition:.2s}
.page-thumb:hover{transform:translateY(-4px);border-color:var(--cyan)}
.page-thumb img{width:100%;aspect-ratio:.707/1;object-fit:cover;display:block;background:white}
.page-thumb span{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;color:#d8e6eb;font-size:13px}.page-thumb i{font-style:normal;color:var(--cyan-soft)}
.book-lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(1,7,12,.93);backdrop-filter:blur(12px)}
.book-lightbox.open{display:flex}.book-lightbox-inner{position:relative;width:min(1000px,94vw);max-height:94vh;display:flex;flex-direction:column;align-items:center}.book-lightbox img{max-width:100%;max-height:86vh;object-fit:contain;background:white;border-radius:10px;box-shadow:0 24px 90px rgba(0,0,0,.6)}
.book-lightbox-close{position:absolute;top:-18px;left:-18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(69,214,232,.5);background:#071b2a;color:#fff;font-size:24px;cursor:pointer}.book-lightbox-caption{margin-top:10px;color:#dce9ed;font-size:14px}
@media(max-width:1000px){.about-book-intro{grid-template-columns:1fr}.about-book-cover{min-height:0;max-height:720px}.book-feature-grid{grid-template-columns:repeat(2,1fr)}.book-jumpbar{grid-template-columns:repeat(3,1fr);top:78px}.page-gallery{grid-template-columns:repeat(3,1fr)}.topic-cloud{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.about-book-copy{padding:24px}.about-book-copy h2{font-size:30px}.book-feature-grid,.book-statement{grid-template-columns:1fr}.book-jumpbar{grid-template-columns:repeat(2,1fr);position:static}.page-gallery{grid-template-columns:repeat(2,1fr)}.topic-cloud{grid-template-columns:1fr}.testimony-card{grid-template-columns:1fr}.book-reader iframe{height:68vh}.about-book-section-head{display:block}.about-book-section-head p{margin-top:8px}}


.sample-card-link{display:block;text-decoration:none;color:inherit}
.book-jumpbar a{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:10px 15px;border-radius:12px;cursor:pointer;text-decoration:none;font-family:inherit;font-size:14px}
.book-jumpbar a:hover{border-color:var(--cyan);color:var(--cyan)}
.intro-paper{max-width:980px;margin:0 auto;background:linear-gradient(180deg,rgba(12,29,45,.96),rgba(7,21,34,.98));border:1px solid rgba(63,224,231,.22);box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:26px;padding:clamp(28px,5vw,64px);position:relative;overflow:hidden}
.intro-paper:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 8%,rgba(63,224,231,.08),transparent 30%),radial-gradient(circle at 10% 80%,rgba(206,157,70,.08),transparent 30%);pointer-events:none}
.intro-paper>*{position:relative}
.intro-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:14px;letter-spacing:.03em;margin-bottom:10px}
.intro-paper h1{font-size:clamp(34px,5vw,62px);margin:0 0 8px;color:#fff}
.intro-paper .subtitle{font-size:clamp(20px,2.7vw,30px);color:var(--cyan);margin:0 0 36px}
.intro-body{font-size:clamp(17px,1.8vw,20px);line-height:2.15;color:#e9f2f5}
.intro-body p{margin:0 0 22px}
.intro-body .verse{margin:28px 0;padding:22px 26px;border-right:3px solid var(--gold);background:rgba(206,157,70,.07);border-radius:14px;color:#fff;font-weight:700;line-height:2.2}
.intro-body strong{color:#fff}
.intro-signature{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);text-align:left;line-height:1.9;color:var(--muted)}
.intro-signature b{display:block;color:var(--gold);font-size:22px;margin-bottom:8px}
.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
@media(max-width:700px){.intro-paper{border-radius:18px;padding:24px 18px}.intro-signature{text-align:right}.intro-body{font-size:17px}}

.link-button{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.direct-book-section{position:relative}
.direct-book-card{max-width:1120px;margin:0 auto;background:linear-gradient(145deg,rgba(8,30,44,.96),rgba(7,22,34,.98));border:1px solid rgba(69,222,230,.28);border-radius:30px;padding:44px 48px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.direct-book-head{text-align:center;margin-bottom:24px}.direct-book-head .kicker{display:block;color:var(--cyan);font-weight:700;letter-spacing:.08em;margin-bottom:8px}.direct-book-head h2{margin:0;color:var(--gold);font-size:clamp(32px,4vw,48px)}
.direct-book-body{max-width:940px;margin:0 auto;font-size:19px;line-height:2.15;color:#e7edf0;text-align:right}.direct-book-body p{margin:0 0 18px}.verse-inline{color:#f0c36a;font-weight:700}
.direct-book-actions{display:flex;justify-content:center;margin-top:28px}
@media(max-width:700px){.direct-book-card{padding:28px 20px;border-radius:22px}.direct-book-body{font-size:17px;line-height:2}}

/* --- «هذا الكتاب» الموجز المصوّر بعد مدخل موجز مباشرة --- */
.visual-summary{padding:62px 0 74px;background:linear-gradient(180deg,#03111d 0%,#071c2d 48%,#061829 100%);border-top:1px solid rgba(69,214,232,.12);border-bottom:1px solid var(--line);scroll-margin-top:92px}
.visual-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.visual-summary-head .kicker{display:block;color:var(--cyan-soft);font-weight:700;margin-bottom:7px}
.visual-summary-head h2{margin:0;color:var(--cream);font-size:clamp(34px,4vw,46px)}
.visual-summary-head p{margin:9px 0 0;color:var(--muted);line-height:1.9}
.visual-summary-reader{border:1px solid rgba(216,169,79,.28);border-radius:24px;background:linear-gradient(155deg,rgba(11,37,57,.96),rgba(4,18,31,.98));padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.visual-summary-stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:620px}
.visual-summary-stage{width:min(760px,78vw);height:620px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(69,214,232,.09),transparent 34%),#020b13;border:1px solid rgba(255,255,255,.07);overflow:hidden;padding:16px}
.visual-summary-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,.32))}
.visual-summary-nav{width:52px;height:52px;border-radius:50%;border:1px solid rgba(69,214,232,.45);background:rgba(4,20,33,.92);color:var(--cyan-soft);font-size:34px;line-height:1;cursor:pointer;transition:.2s;flex:0 0 auto}
.visual-summary-nav:hover{border-color:var(--gold);color:var(--gold-soft);transform:scale(1.05)}
.visual-summary-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 4px 14px;color:#dce9ed}.visual-summary-meta strong{color:var(--gold-soft);font-size:18px}.visual-summary-meta span{color:var(--muted)}
.visual-summary-thumbs{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(69,214,232,.5) rgba(255,255,255,.05)}
.visual-summary-thumb{position:relative;flex:0 0 86px;height:116px;border:1px solid rgba(255,255,255,.11);border-radius:10px;overflow:hidden;background:#061624;padding:0;cursor:pointer;transition:.2s}.visual-summary-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72}.visual-summary-thumb span{position:absolute;left:5px;bottom:5px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(2,11,19,.84);color:#fff;font-size:12px}.visual-summary-thumb:hover,.visual-summary-thumb.active{border-color:var(--cyan);box-shadow:0 0 20px rgba(69,214,232,.18);transform:translateY(-2px)}.visual-summary-thumb.active img{opacity:1}

.visual-summary-contents-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:24px 2px 12px;padding-top:20px;border-top:1px solid rgba(69,214,232,.18)}
.visual-summary-contents-head span{font-size:26px;font-weight:800;color:var(--cream)}
.visual-summary-contents-head b{font-size:14px;color:var(--muted);font-weight:500}
.visual-summary-thumb span{display:flex!important;align-items:center;justify-content:space-between;gap:6px}
.visual-summary-thumb span i{font-style:normal;font-size:10px;color:#071521;background:var(--gold);padding:2px 5px;border-radius:5px;font-weight:800}
.pdf-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,7,13,.88);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:28px}
.pdf-overlay.open{display:flex}
.pdf-overlay-panel{width:min(1180px,96vw);height:min(900px,92vh);background:#071522;border:1px solid rgba(69,214,232,.35);border-radius:22px;overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.58);display:flex;flex-direction:column}
.pdf-overlay-bar{height:60px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;background:linear-gradient(180deg,#0c2b42,#071a2a);border-bottom:1px solid rgba(69,214,232,.2)}
.pdf-overlay-bar strong{color:var(--cream)}
.pdf-overlay-bar>div{display:flex;align-items:center;gap:10px}.pdf-overlay-bar a{color:var(--cyan);font-size:13px}.pdf-overlay-bar button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(69,214,232,.28);background:#0a2235;color:white;font-size:26px;cursor:pointer}
.pdf-overlay iframe{width:100%;height:100%;border:0;background:white}
@media(max-width:780px){.visual-summary{padding:42px 0 52px}.visual-summary-head{align-items:flex-start;flex-direction:column}.visual-summary-head .btn{width:100%}.visual-summary-stage-wrap{min-height:440px;gap:7px}.visual-summary-stage{height:440px;width:calc(100vw - 118px);padding:8px}.visual-summary-nav{width:40px;height:40px;font-size:28px}.visual-summary-reader{padding:12px;border-radius:16px}.visual-summary-thumb{flex-basis:68px;height:94px}}

/* ===== V16 HYBRID EDITORIAL LAYER =====
   مزاوجة الهوية الزرقاء/السماوية الأصلية مع لغة تحريرية عالمية:
   فحمي + ذهبي + ورق عاجي + لمسة طوبية، مع خط أميري للعناوين.
*/
:root{
  --ink:#0a0a0b;
  --ink-2:#111114;
  --ink-3:#17171c;
  --paper:#f5f2ea;
  --paper-dim:#d8d3c8;
  --editorial-gold:#c9a227;
  --editorial-gold-soft:#e3c766;
  --rust:#b4442e;
  --green-deep:#0e1f1a;
}
body{font-family:"IBM Plex Sans Arabic","Tahoma","Arial",sans-serif;font-weight:300;line-height:1.8}
h1,h2,h3,.brand-copy b,.visual-summary-meta strong{font-family:"Amiri",Georgia,serif;font-weight:400}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

/* الواجهة المصورة تبقى كما هي */
.gateway{background:#020b13}
.gateway-image{display:block}

/* الهيدر بعد الواجهة: أكثر هدوءاً وتحريرية */
.site-header{background:rgba(10,10,11,.91);border-bottom-color:rgba(201,162,39,.24);box-shadow:0 12px 42px rgba(0,0,0,.22)}
.nav a{clip-path:none;border-radius:2px;background:transparent;border-bottom:1px solid transparent;padding:12px 15px}
.nav a:hover,.nav a.active{border-color:transparent;border-bottom-color:var(--editorial-gold);color:var(--paper);box-shadow:none;background:rgba(201,162,39,.04)}
.brand-mark{border-color:var(--editorial-gold);color:var(--editorial-gold-soft);border-radius:2px;transform:rotate(45deg)}
.brand-mark>*{transform:rotate(-45deg)}
.brand-copy span{color:var(--editorial-gold-soft)}

/* مدخل موجز: جسر بصري بين الواجهة الزرقاء واللغة التحريرية */
#home-book{position:relative;overflow:hidden;background:
  radial-gradient(circle at 7% 16%,rgba(69,214,232,.11),transparent 27%),
  linear-gradient(180deg,#071827 0%,var(--ink) 88%);padding:96px 0 104px}
#home-book:before{content:"01";position:absolute;inset-inline-start:5vw;top:8px;font-family:"Cormorant Garamond","Amiri",serif;font-size:clamp(120px,18vw,260px);line-height:1;color:rgba(245,242,234,.028);pointer-events:none}
#home-book .split-home{gap:70px;align-items:stretch}
#home-book .section-mini{border:0;border-radius:0;width:auto;height:auto;display:inline-block;color:var(--editorial-gold);font-size:13px;letter-spacing:.2em;border-bottom:1px solid var(--editorial-gold);padding-bottom:5px}
#home-book h2{font-size:clamp(44px,5.2vw,72px);line-height:1.15;margin:18px 0;color:var(--paper)}
#home-book p{font-size:clamp(18px,1.45vw,21px);line-height:2.1;max-width:650px;color:rgba(245,242,234,.72)}
#home-book .link-arrow{color:var(--editorial-gold-soft);border-bottom:1px solid rgba(201,162,39,.38);padding-bottom:5px}
#home-book .home-panel{border-radius:2px;border:1px solid rgba(201,162,39,.34);background:
 linear-gradient(135deg,rgba(201,162,39,.075),transparent 38%),var(--ink-2);box-shadow:0 26px 80px rgba(0,0,0,.35);padding:46px;position:relative;overflow:hidden}
#home-book .home-panel:after{content:"";position:absolute;width:110px;height:110px;left:-36px;bottom:-38px;border:1px solid rgba(180,68,46,.44);transform:rotate(45deg)}
#home-book .home-panel b{font-family:"Amiri",serif;font-size:34px;font-weight:400;color:var(--paper)}
#home-book .home-panel span{font-size:17px;color:rgba(245,242,234,.58)}
#home-book .home-icon{color:var(--editorial-gold);filter:grayscale(1) sepia(1)}

/* هذا الكتاب: "معرض ورقي" فاتح داخل الموقع الداكن */
.visual-summary{position:relative;padding:92px 0 108px;background:var(--paper);color:var(--ink);border:0;scroll-margin-top:90px}
.visual-summary:before,.visual-summary:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--editorial-gold),rgba(69,214,232,.55),var(--editorial-gold),transparent)}
.visual-summary:before{top:0}.visual-summary:after{bottom:0}
.visual-summary-head{align-items:center;margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid rgba(10,10,11,.15)}
.visual-summary-head .kicker{font-size:12px;letter-spacing:.18em;color:var(--rust);font-weight:600}
.visual-summary-head h2{font-size:clamp(48px,6vw,76px);line-height:1.15;color:var(--ink);margin-top:7px}
.visual-summary-head p{max-width:760px;color:#59564f;font-size:17px;line-height:2}
.visual-summary .btn.secondary{border-radius:2px;color:var(--ink);border-color:rgba(10,10,11,.34);background:transparent}
.visual-summary .btn.secondary:hover{border-color:var(--editorial-gold);color:var(--ink);background:rgba(201,162,39,.08)}
.visual-summary-reader{border-radius:2px;background:var(--ink);border:1px solid var(--editorial-gold);box-shadow:0 30px 86px rgba(10,10,11,.22);padding:28px}
.visual-summary-stage-wrap{min-height:660px}
.visual-summary-stage{height:660px;border-radius:2px;border-color:rgba(201,162,39,.25);background:
 linear-gradient(135deg,rgba(201,162,39,.045),transparent 34%),#111114;padding:24px}
.visual-summary-stage img{filter:drop-shadow(0 22px 30px rgba(0,0,0,.48))}
.visual-summary-nav{border-radius:2px;border-color:rgba(201,162,39,.52);color:var(--editorial-gold-soft);background:#17171c}
.visual-summary-nav:hover{background:var(--editorial-gold);color:#0a0a0b;border-color:var(--editorial-gold);transform:translateY(-2px)}
.visual-summary-meta{color:var(--paper);padding:4px 2px 0}
.visual-summary-meta strong{font-size:25px;color:var(--editorial-gold-soft)}
.visual-summary-meta span{color:rgba(245,242,234,.55)}
.visual-summary-contents-head{border-top-color:rgba(201,162,39,.3);margin-top:26px;padding-top:26px}
.visual-summary-contents-head span{font-family:"Amiri",serif;font-size:34px;font-weight:400;color:var(--paper)}
.visual-summary-contents-head b{color:rgba(245,242,234,.53)}
.visual-summary-thumbs{gap:12px;scrollbar-color:var(--editorial-gold) #17171c}
.visual-summary-thumb{flex-basis:94px;height:128px;border-radius:2px;background:#17171c;border-color:rgba(245,242,234,.16)}
.visual-summary-thumb img{opacity:.72;filter:saturate(.78) contrast(1.02)}
.visual-summary-thumb:hover,.visual-summary-thumb.active{border-color:var(--editorial-gold);box-shadow:0 0 0 1px rgba(201,162,39,.18);transform:translateY(-4px)}
.visual-summary-thumb.active:after{content:"";position:absolute;inset:0;border-top:3px solid var(--rust);pointer-events:none}
.visual-summary-thumb span{border-radius:1px!important;background:rgba(10,10,11,.9)!important;color:var(--paper)!important}
.visual-summary-thumb span i{border-radius:1px!important;background:var(--editorial-gold)!important;color:var(--ink)!important}

/* الأقسام اللاحقة: من التصميم المرسل — مساحات، خطوط رفيعة، حواف مربعة */
#home-chapters,#home-samples,#home-testimonies,#home-media,#home-author,#home-contact{background:var(--ink);border-bottom:1px solid rgba(201,162,39,.16);padding-top:94px;padding-bottom:94px}
#home-samples,#home-media,#home-contact{background:var(--ink-2)}
.section-head{margin-bottom:42px}
.section-head .kicker{display:inline-block;color:var(--editorial-gold);font-size:12px;letter-spacing:.18em;border-bottom:1px solid rgba(201,162,39,.5);padding-bottom:4px}
.section-head h2{font-family:"Amiri",serif;font-size:clamp(42px,4.3vw,60px);font-weight:400;color:var(--paper);margin:10px 0 6px;line-height:1.25}
.section-head p{color:rgba(245,242,234,.55);font-size:16px}
.chapter-preview-grid{gap:1px;background:rgba(201,162,39,.22);border:1px solid rgba(201,162,39,.22)}
.chapter-preview-grid a{border:0;border-radius:0;background:var(--ink-2);padding:30px 26px;min-height:150px;position:relative;overflow:hidden}
.chapter-preview-grid a:before{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:2px;background:var(--rust);transition:.3s}
.chapter-preview-grid a:hover{transform:none;border:0;background:#151519}.chapter-preview-grid a:hover:before{width:100%}
.chapter-preview-grid b{font-family:"Amiri",serif;font-size:25px;font-weight:400;color:var(--paper)}
.chapter-preview-grid span{color:rgba(245,242,234,.48);font-size:14px}
.sample-preview{gap:1px;background:rgba(201,162,39,.22);border:1px solid rgba(201,162,39,.22)}
.sample-preview a{border-radius:0;border:0;box-shadow:none;background:linear-gradient(150deg,#17171c,#0d0d10);min-height:250px}
.sample-preview a:hover{background:linear-gradient(150deg,#1d1d22,#111114)}
.sample-preview div{font-family:"Cormorant Garamond","Amiri",serif;color:var(--editorial-gold);font-size:56px;font-weight:300;opacity:.7}
.sample-preview b{font-family:"Amiri",serif;font-size:26px;font-weight:400;color:var(--paper)}

/* البطاقات العامة والصفحات الداخلية */
.card,.home-panel,.statement-card,.testimony-card,.chapter,.profile-card{border-radius:2px!important}
.card{border-color:rgba(201,162,39,.24);background:var(--ink-2)}
.card:hover{transform:translateY(-3px);border-color:var(--editorial-gold)}
.page-hero{background:linear-gradient(180deg,#111114,#0a0a0b);border-bottom:1px solid rgba(201,162,39,.2)}
.page-hero h1{font-family:"Amiri",serif;font-size:clamp(46px,5vw,70px);font-weight:400;color:var(--paper)}
.crumb,.eyebrow,.kicker{color:var(--editorial-gold)!important}
.btn{border-radius:2px;background:var(--editorial-gold);border-color:var(--editorial-gold);color:var(--ink);box-shadow:none}
.btn:hover{background:var(--editorial-gold-soft)}
.btn.secondary{background:transparent;color:var(--paper);border-color:rgba(245,242,234,.28)}
.link-arrow,.card .link{color:var(--editorial-gold-soft)}

/* PDF: واجهة قارئ أكثر احترافية */
.pdf-overlay{backdrop-filter:blur(18px);background:rgba(10,10,11,.86)}
.pdf-overlay-panel{border-radius:2px;border:1px solid rgba(201,162,39,.48);background:#111114;box-shadow:0 35px 120px rgba(0,0,0,.6)}
.pdf-overlay-bar{border-bottom-color:rgba(201,162,39,.25);background:#0a0a0b}
.pdf-overlay-bar strong{font-family:"Amiri",serif;font-size:22px;font-weight:400;color:var(--paper)}
.pdf-overlay-bar a{color:var(--editorial-gold-soft)}

/* الفوتر */
.site-footer{background:#080809;border-top:1px solid rgba(201,162,39,.28)}

@media(max-width:900px){
 #home-book{padding:68px 0}.visual-summary{padding:64px 0 76px}.visual-summary-stage-wrap{min-height:520px}.visual-summary-stage{height:520px}
 #home-book .split-home{gap:28px}.chapter-preview-grid{background:transparent;border:0;gap:10px}.chapter-preview-grid a{border:1px solid rgba(201,162,39,.18)}
 .sample-preview{background:transparent;border:0;gap:10px}.sample-preview a{border:1px solid rgba(201,162,39,.18)}
}
@media(max-width:780px){
 #home-book h2{font-size:46px}.visual-summary-head h2{font-size:52px}.visual-summary-reader{padding:14px}.visual-summary-stage{height:440px}.visual-summary-stage-wrap{min-height:440px}.visual-summary-thumb{flex-basis:72px;height:100px}
}

.gateway-verse-full{position:absolute;z-index:7;left:23.5%;right:23.5%;bottom:.35%;padding:7px 18px 6px;text-align:center;direction:rtl;color:#f5d88b;background:linear-gradient(90deg,rgba(2,18,29,.92),rgba(2,25,39,.98),rgba(2,18,29,.92));border-top:1px solid rgba(207,166,74,.48);border-bottom:1px solid rgba(207,166,74,.25);box-shadow:0 -8px 24px rgba(0,0,0,.24);font-family:"Noto Naskh Arabic","Traditional Arabic",serif;line-height:1.55;font-size:clamp(13px,1.42vw,23px);}
.gateway-verse-full .verse-ref{display:block;margin-top:2px;color:#d9b969;font-family:"Noto Sans Arabic",Arial,sans-serif;font-size:clamp(9px,.82vw,13px);line-height:1.35}
@media(max-width:760px){.gateway-verse-full{left:15%;right:15%;font-size:clamp(8px,1.55vw,12px);padding:3px 7px 2px;line-height:1.35}.gateway-verse-full .verse-ref{font-size:clamp(6px,1vw,8px)}}

.view{display:none}


/* ===== تعديلات v19 المطلوبة مع الحفاظ على التصميم الأصلي ===== */
.gateway-nav-patch{position:absolute;z-index:20;left:26.3%;top:1.9%;width:46%;height:6.1%;display:flex;direction:rtl;align-items:center;justify-content:flex-start;gap:1.2%;padding:0 1%;box-sizing:border-box;line-height:1.2;background:linear-gradient(90deg,rgba(2,11,19,0),rgba(2,11,19,.96) 7%,rgba(2,11,19,.96) 93%,rgba(2,11,19,0))}
.gateway-nav-patch a{display:flex;align-items:center;justify-content:center;height:68%;padding:0 2.2%;min-width:17%;box-sizing:border-box;color:#d9f5f7;text-decoration:none;font:500 clamp(10px,1.05vw,17px) Tahoma,Arial,sans-serif;border:1px solid rgba(83,143,159,.42);background:linear-gradient(180deg,rgba(17,37,52,.95),rgba(7,22,34,.96));clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-shadow:0 1px 2px #000;white-space:nowrap}
.gateway-nav-patch a.active{border-color:#58d7e2;color:#fff;box-shadow:0 0 18px rgba(69,214,232,.25)}
.gateway-presentation-patch{position:absolute;z-index:19;left:51.0%;top:36.2%;width:11.6%;height:5.8%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font:600 clamp(10px,1.02vw,16px) Tahoma,Arial,sans-serif;line-height:1;background:linear-gradient(180deg,rgba(17,35,48,.97),rgba(8,22,32,.98));border:1px solid rgba(210,216,215,.7);border-radius:9px;box-sizing:border-box;text-shadow:0 1px 2px #000}

.gateway-presentation-patch{cursor:default;pointer-events:none}

.gateway-discover-patch{position:absolute;z-index:21;left:38.0%;top:36.2%;width:12.5%;height:5.8%;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font:700 clamp(10px,1.04vw,16px) Tahoma,Arial,sans-serif;line-height:1;background:linear-gradient(180deg,rgba(17,86,73,.98),rgba(7,57,49,.98));border:1px solid rgba(84,220,196,.8);border-radius:9px;box-sizing:border-box;text-shadow:0 1px 2px #000;cursor:pointer;box-shadow:0 0 0 rgba(69,214,232,0);transition:.18s ease}
.gateway-discover-patch::after{content:'◀';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #d7f7ef;color:#d7f7ef;font-size:10px}
.gateway-discover-patch:hover,.gateway-discover-patch:focus-visible{transform:translateY(-1px);border-color:#7ff5df;box-shadow:0 0 22px rgba(69,214,232,.3);outline:none}
.gateway-presentation-patch::after{content:'▶';display:inline-flex;align-items:center;justify-content:center;margin-right:8px;width:20px;height:20px;border-radius:50%;border:1px solid #38c8d7;color:#38c8d7;font-size:9px}
.gateway-cards-redesign{position:absolute;z-index:18;left:4.5%;top:62.3%;width:91%;height:31.3%;box-sizing:border-box;line-height:1.35;direction:rtl;background:linear-gradient(180deg,rgba(2,13,22,.97),rgba(2,11,19,.99));padding:1.1% 1.4% 1.2%;border-top:1px solid rgba(194,145,52,.18)}
.gateway-cards-redesign h2{margin:0 0 1.1%;text-align:center;color:#e7c786;font:600 clamp(16px,1.55vw,25px) Tahoma,Arial,sans-serif}
.gateway-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2%;height:78%}
.gateway-card{position:relative;overflow:hidden;border:1px solid rgba(193,142,57,.78);border-radius:15px;background:linear-gradient(180deg,#0d2431,#071723);color:#fff;text-decoration:none;box-sizing:border-box;min-width:0;box-shadow:inset 0 0 28px rgba(0,0,0,.2)}
.gateway-card .photo{height:55%;background-size:cover;background-position:center;position:relative}
.gateway-card .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(4,17,26,.55))}
.gateway-card .body{height:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4% 5%;text-align:center;box-sizing:border-box;background:linear-gradient(180deg,rgba(5,22,32,.74),rgba(5,19,29,.98))}
.gateway-card b{font:600 clamp(10px,1vw,16px) Tahoma,Arial,sans-serif;color:#fff;margin-bottom:6px}
.gateway-card span{font:400 clamp(8px,.72vw,12px) Tahoma,Arial,sans-serif;color:#cad5d9;line-height:1.55}
.gateway-card .icon{height:55%;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,3vw,48px);color:#e3b95f;background:radial-gradient(circle at center,rgba(26,90,105,.36),rgba(4,17,26,.08) 58%,transparent 70%)}
.gateway-card.lang .icon{font-size:clamp(18px,2vw,34px);letter-spacing:.08em;font-weight:700}
.gateway-card:hover{border-color:#56d5e0;transform:translateY(-2px)}
@media(max-width:800px){.gateway-nav-patch a{font-size:8px;padding:0 1%}.gateway-cards-redesign{top:62%;height:32%}.gateway-card-grid{gap:.8%}.gateway-card b{font-size:8px}.gateway-card span{display:none}.gateway-card .photo,.gateway-card .icon{height:65%}.gateway-card .body{height:35%}.gateway-presentation-patch{font-size:8px}.gateway-presentation-patch::after{display:none}.gateway-discover-patch{font-size:8px}.gateway-discover-patch::after{display:none}}


/* تعديلات 24-09-2026: الحفاظ على التصميم الأصلي مع صور الأماكن المقدسة ولوحة اللغات */
.sacred-gallery{top:62.3%;height:31.3%}
.sacred-gallery h2{margin-bottom:1%}
.sacred-grid{grid-template-columns:repeat(5,1fr);gap:1.15%;height:79%}
.sacred-card{padding:0!important;min-height:0!important;border-radius:14px;cursor:default;background:#06131d}
.sacred-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.languages-showcase{background:#06131d;padding:44px 18px 54px;direction:rtl}
.languages-showcase-inner{width:min(1180px,94vw);margin:0 auto;text-align:center}
.languages-showcase h2{margin:0 0 24px;color:#e7c786;font:600 30px Tahoma,Arial,sans-serif}
.languages-showcase img{display:block;width:min(1050px,100%);height:auto;margin:0 auto;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.35)}
body.home-active .home-section{display:none!important}
body.home-active .visual-summary{display:block!important}
body.home-active .languages-showcase{display:block}
/* الصفحات غير المطلوبة تبقى مخفية ولا يمكن الوصول إليها من التنقل */
#view-book,#view-chapters,#view-intro,#view-testimonies,#view-media,#view-poets,#view-articles,#view-journeys{display:none!important}
@media(max-width:800px){.sacred-grid{grid-template-columns:repeat(5,1fr);gap:.7%}.sacred-card{border-radius:8px}.languages-showcase{padding:28px 10px}.languages-showcase h2{font-size:22px}}


/* ===== v24: نص رسالة الكتاب + عرض PDF الجديد ===== */
.book-intro-message{position:relative;padding:46px 18px 34px;background:linear-gradient(180deg,#06131d 0%,#071a29 100%);border-top:1px solid rgba(216,169,79,.25);border-bottom:1px solid rgba(69,214,232,.12);direction:rtl}
.book-intro-card{width:min(1040px,100%);margin:0 auto;padding:30px 42px 32px;border:1px solid rgba(216,169,79,.34);border-radius:24px;background:linear-gradient(145deg,rgba(12,34,50,.94),rgba(5,20,32,.98));box-shadow:0 22px 65px rgba(0,0,0,.28);text-align:center;position:relative;overflow:hidden}
.book-intro-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#d8a94f,#45d6e8,#d8a94f,transparent)}
.book-intro-kicker{display:block;color:#e7c786;font:700 23px/1.4 Tahoma,Arial,sans-serif;margin-bottom:10px}
.book-intro-rule{width:110px;height:1px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,#45d6e8,transparent)}
.book-intro-card p{max-width:940px;margin:0 auto 12px;color:#f0f5f6;font:400 clamp(17px,1.45vw,21px)/2.05 Tahoma,Arial,sans-serif;text-align:justify;text-align-last:center}
.visual-summary{padding-top:50px!important;background:linear-gradient(180deg,#071a29 0%,#03111d 48%,#061829 100%)!important}
.visual-summary-head{align-items:center!important}
.visual-summary-head>div{max-width:760px}
.visual-summary-head h2{color:#e7c786!important}
.visual-summary-reader{border-color:rgba(216,169,79,.42)!important}
.visual-summary-contents-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 4px 10px;flex-wrap:wrap}.visual-summary-contents-head span{color:#e7c786;font-weight:700;font-size:18px}.visual-summary-contents-head b{color:#9fb4bd;font-size:13px;font-weight:500}
.visual-summary-thumbs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px!important;overflow:visible!important;padding:8px 0 4px!important}
.visual-summary-thumb{width:100%!important;flex:none!important;height:auto!important;aspect-ratio:3/4.25;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.visual-summary-thumb img{opacity:1!important;object-fit:contain!important;background:#fff}
.visual-summary-thumb span{left:7px!important;bottom:7px!important;background:rgba(2,11,19,.88)!important;border:1px solid rgba(216,169,79,.38)}
body.home-active .home-section{display:none!important}
body.home-active .visual-summary{display:block!important}
body.home-active .book-intro-message{display:block!important}
@media(max-width:980px){.visual-summary-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.book-intro-card{padding:26px 28px}}
@media(max-width:700px){.book-intro-message{padding:30px 10px 24px}.book-intro-card{padding:24px 18px;border-radius:18px}.book-intro-kicker{font-size:20px}.book-intro-card p{text-align:right;text-align-last:auto;font-size:16px;line-height:1.95}.visual-summary-head{display:block}.visual-summary-head .btn{margin-top:16px}.visual-summary-stage-wrap{min-height:430px}.visual-summary-stage{height:430px;width:min(82vw,620px)}.visual-summary-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}

/* --- Author biography: approved material supplied by the author --- */
.author-shell{padding:54px 0 84px;background:radial-gradient(circle at 86% 7%,rgba(216,169,79,.09),transparent 28%),radial-gradient(circle at 10% 26%,rgba(69,214,232,.06),transparent 26%)}
.author-profile{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;margin-bottom:28px}
.author-profile-card,.author-summary-card{border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(150deg,rgba(11,40,59,.94),rgba(5,22,36,.98));box-shadow:var(--shadow)}
.author-profile-card{padding:30px;display:flex;flex-direction:column;justify-content:center;min-height:340px;position:relative;overflow:hidden}
.author-profile-card:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(216,169,79,.22);border-radius:50%;left:-70px;top:-90px}
.author-profile-card:after{content:"ﷺ";position:absolute;left:28px;bottom:12px;font-size:92px;color:rgba(216,169,79,.07);font-family:serif}
.author-profile-kicker{color:var(--gold-soft);font-weight:700;letter-spacing:.02em;margin-bottom:10px}
.author-profile-card h2{font-size:38px;margin:0 0 8px;color:var(--cream);line-height:1.35}
.author-profile-role{font-size:18px;line-height:1.9;color:#d4e3e8;margin:0 0 20px}
.author-badges{display:flex;flex-wrap:wrap;gap:9px}
.author-badges span{padding:8px 12px;border-radius:999px;border:1px solid rgba(69,214,232,.23);background:rgba(69,214,232,.05);color:#d7f7fb;font-size:13px}
.author-summary-card{padding:26px 28px}
.author-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.author-fact{padding:15px 16px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.author-fact b{display:block;color:var(--gold-soft);font-size:13px;margin-bottom:5px}.author-fact span{color:#e6eef1;line-height:1.75}
.author-education{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.author-education h3{margin:0 0 10px;color:var(--cream);font-size:20px}.author-education ul{margin:0;padding:0 20px 0 0;color:#d0dde3;line-height:2}
.author-layout{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}
.author-side{position:sticky;top:108px;padding:12px;border:1px solid rgba(69,214,232,.15);border-radius:18px;background:rgba(3,15,27,.82);backdrop-filter:blur(12px)}
.author-side a{display:block;padding:11px 12px;margin:3px 0;border-radius:11px;color:#cbd9de;text-decoration:none;border:1px solid transparent;transition:.2s}
.author-side a:hover{color:var(--cyan-soft);border-color:rgba(69,214,232,.24);background:rgba(69,214,232,.05);transform:translateX(-2px)}
.author-content{min-width:0}
.author-section{scroll-margin-top:118px;margin:0 0 28px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(150deg,rgba(9,34,51,.91),rgba(5,21,34,.96));padding:28px;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.author-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(69,214,232,.13)}
.author-section-no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(216,169,79,.45);color:var(--gold-soft);font-weight:700;flex:none}
.author-section h2{margin:0;color:var(--cream);font-size:27px}.author-section h3{color:var(--gold-soft);font-size:21px;margin:24px 0 12px}.author-section p{color:#d0dde3;line-height:2;margin:0 0 12px}
.author-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0;padding:0;list-style:none}
.author-list li{position:relative;padding:11px 18px 11px 12px;border-radius:12px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);color:#d7e3e7;line-height:1.8}
.author-list li:before{content:"";position:absolute;right:7px;top:20px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.author-list.single{grid-template-columns:1fr}
.author-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.author-work-card{padding:18px;border-radius:16px;border:1px solid rgba(216,169,79,.18);background:rgba(216,169,79,.035)}
.author-work-card b{display:block;color:var(--cream);font-size:18px;line-height:1.55;margin-bottom:6px}.author-work-card p{font-size:15px;line-height:1.85;margin:0;color:#c9d6db}
.author-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.author-award{padding:21px;border-radius:17px;text-align:center;border:1px solid rgba(216,169,79,.23);background:linear-gradient(145deg,rgba(71,50,18,.22),rgba(7,27,41,.92));color:#e7edf0;line-height:1.85}.author-award strong{display:block;color:var(--gold-soft);font-size:18px;margin-bottom:7px}
.author-final-note{border-color:rgba(216,169,79,.25);background:linear-gradient(145deg,rgba(57,42,17,.25),rgba(5,22,36,.96))}
.author-archive{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:16px;border:1px solid rgba(69,214,232,.18);background:rgba(69,214,232,.035)}.author-archive-icon{font-size:32px;line-height:1}.author-archive p{margin:0}
@media(max-width:980px){.author-profile{grid-template-columns:1fr}.author-layout{grid-template-columns:1fr}.author-side{position:static;display:flex;overflow:auto;gap:6px}.author-side a{white-space:nowrap}.author-list,.author-work-grid{grid-template-columns:1fr}.author-awards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.author-profile-card h2{font-size:31px}.author-facts{grid-template-columns:1fr}.author-section{padding:21px 17px}.author-section h2{font-size:23px}.author-awards{grid-template-columns:1fr}}


/* ===== v28: تكبير «رسالة من نور إلى العالم» وتوسيطها بخط عريض ===== */
.visual-summary-head{display:block!important;text-align:center!important}
.visual-summary-head>div{max-width:none!important;margin:0 auto!important;text-align:center!important}
.visual-summary-head .kicker{text-align:center!important}
.visual-summary-head h2{margin:8px auto 0!important;text-align:center!important;font-size:clamp(64px,8vw,104px)!important;line-height:1.12!important;font-weight:900!important;letter-spacing:0!important;color:#e7c786!important}
.visual-summary-head p{max-width:820px!important;margin:14px auto 0!important;text-align:center!important}
.visual-summary-head .btn{display:inline-flex!important;margin:22px auto 0!important}
@media(max-width:780px){.visual-summary-head h2{font-size:clamp(42px,11vw,68px)!important}.visual-summary-head p{font-size:15px!important}}


/* ===== v29: تحويل الهيرو من صورة نصية إلى عناصر HTML حقيقية قابلة للترجمة ===== */
.landing-gateway.hero-live{position:relative;width:100%;overflow:hidden;background:
 radial-gradient(circle at 18% 18%,rgba(38,150,174,.13),transparent 28%),
 radial-gradient(circle at 84% 12%,rgba(190,132,47,.10),transparent 24%),
 linear-gradient(180deg,#031321 0%,#061b2a 58%,#03111d 100%);
 color:#fff;line-height:1.6;border-bottom:1px solid rgba(82,205,218,.20)}
.landing-gateway.hero-live:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:
 radial-gradient(circle at 10% 15%,#8fd8e1 0 1px,transparent 1.4px),
 radial-gradient(circle at 35% 8%,#f1d7a1 0 1px,transparent 1.4px),
 radial-gradient(circle at 70% 19%,#8fd8e1 0 1px,transparent 1.4px),
 radial-gradient(circle at 90% 6%,#f1d7a1 0 1px,transparent 1.4px);background-size:120px 120px,170px 170px,210px 210px,260px 260px}
.hero-live-shell{position:relative;z-index:2;width:min(94%,1440px);margin:0 auto;padding:28px 0 38px}
.hero-live-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px;direction:rtl}
.hero-live-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-live-nav a{min-width:132px;padding:11px 22px;text-align:center;color:#defcff;text-decoration:none;border:1px solid rgba(76,190,204,.45);background:linear-gradient(180deg,rgba(16,44,63,.96),rgba(7,24,36,.98));clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);font-weight:700}
.hero-live-nav a.active{border-color:#63e4ef;box-shadow:0 0 18px rgba(69,214,232,.20)}
.hero-live-langs{display:flex;gap:8px;direction:ltr}.hero-live-langs span,.hero-live-langs a{display:grid;place-items:center;min-width:42px;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(5,25,39,.78);color:#e9f7fa;text-decoration:none;font-weight:700}
.hero-live-main{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr);gap:54px;align-items:center;direction:ltr}
.hero-live-visual{position:relative;min-height:470px;border-radius:30px;overflow:hidden;border:1px solid rgba(95,216,225,.22);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.hero-live-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.04)}
.hero-live-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.04),rgba(3,17,29,.10) 60%,rgba(3,17,29,.72) 100%)}
.hero-live-copy{direction:rtl;text-align:center;padding:12px 16px}
.hero-live-title{margin:0;color:#f5e2b5;font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(74px,7.4vw,128px);font-weight:700;line-height:.95;text-shadow:0 7px 32px rgba(0,0,0,.34)}
.hero-live-title .salawat{font-size:.28em;vertical-align:top;margin-right:8px;color:#efce7c}
.hero-live-subtitle{display:flex;align-items:center;justify-content:center;gap:15px;margin:16px auto 0;color:#d5a95e;font-size:clamp(25px,2.4vw,40px);font-weight:800}
.hero-live-subtitle:before,.hero-live-subtitle:after{content:"";width:68px;height:1px;background:linear-gradient(90deg,transparent,#d6aa5f,transparent)}
.hero-live-desc{max-width:650px;margin:24px auto 0;color:#e3edf0;font-size:clamp(17px,1.45vw,23px);line-height:2.05}
.hero-live-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:28px}
.hero-live-actions .discover-live,.hero-live-actions .presentation-live{min-width:190px;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:18px;font-weight:800;text-decoration:none;transition:.18s ease}
.hero-live-actions .discover-live{color:#172017;background:linear-gradient(180deg,#efc76e,#b98632);border:1px solid #efcf84;box-shadow:0 10px 25px rgba(196,143,48,.20)}
.hero-live-actions .discover-live:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(196,143,48,.28)}
.hero-live-actions .presentation-live{color:#f0f4f5;background:rgba(8,27,40,.72);border:1px solid rgba(220,225,225,.55);cursor:default;pointer-events:none}
.hero-live-features{margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(82,205,218,.56);border-radius:22px;background:linear-gradient(180deg,rgba(5,28,42,.88),rgba(3,20,31,.92));box-shadow:0 20px 50px rgba(0,0,0,.22);overflow:hidden;direction:rtl}
.hero-live-feature{padding:22px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.10)}
.hero-live-feature:last-child{border-left:0}.hero-live-feature .ico{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(54,213,221,.43);border-radius:14px;color:#58dbe2;font-size:25px;background:rgba(3,22,32,.65)}
.hero-live-feature b{display:block;color:#56dde5;font-size:18px;margin-bottom:5px}.hero-live-feature span{display:block;color:#ced9dc;font-size:14px;line-height:1.7}
.hero-live .sacred-gallery{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:34px 0 0!important;padding:24px 22px 28px!important;border:1px solid rgba(194,145,52,.20)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(2,13,22,.84),rgba(2,11,19,.94))!important;box-sizing:border-box!important}
.hero-live .gateway-card-grid{min-height:0!important;height:auto!important}
.hero-live .sacred-card{min-height:180px!important;height:clamp(170px,15vw,245px)!important}
.hero-live .gateway-verse-full{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:28px auto 0!important;width:min(92%,900px)!important;box-sizing:border-box!important;border-radius:16px!important}
@media(max-width:1050px){.hero-live-main{grid-template-columns:1fr;gap:26px}.hero-live-visual{min-height:420px;order:2}.hero-live-copy{order:1}.hero-live-features{grid-template-columns:repeat(2,1fr)}.hero-live-feature:nth-child(odd){border-left:1px solid rgba(255,255,255,.10)}.hero-live-top{align-items:flex-start}.hero-live-nav a{min-width:112px}}
@media(max-width:700px){.hero-live-shell{width:min(94%,700px);padding-top:18px}.hero-live-top{display:block}.hero-live-nav{justify-content:center}.hero-live-langs{justify-content:center;margin-top:12px}.hero-live-nav a{min-width:44%;font-size:13px;padding:9px 12px}.hero-live-title{font-size:clamp(58px,20vw,88px)}.hero-live-subtitle{font-size:24px}.hero-live-subtitle:before,.hero-live-subtitle:after{width:35px}.hero-live-desc{font-size:16px}.hero-live-actions .discover-live,.hero-live-actions .presentation-live{min-width:46%;height:50px;font-size:15px}.hero-live-visual{min-height:320px}.hero-live-features{grid-template-columns:1fr}.hero-live-feature{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.hero-live-feature:last-child{border-bottom:0}.hero-live .sacred-gallery{padding:18px 12px 20px!important}}