:root{
  --green-deep:#031a10;
  --green-dark:#062717;
  --green-main:#0d3b22;
  --green-soft:#174f2d;
  --lime:#b7df35;
  --lime-bright:#d6ff4f;
  --cream:#f3ecd9;
  --cream-soft:#faf6e9;
  --ink:#092315;
  --white:#ffffff;
  --muted:rgba(255,255,255,.72);
  --border-glow:rgba(190,230,70,.35);
  --shadow-glow:0 0 40px rgba(188,230,55,.25);
  --max:1240px;
  --radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal","Cairo","Noto Kufi Arabic",Arial,sans-serif;background:var(--green-deep);color:var(--white);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.center{text-align:center}.narrow{max-width:760px;margin-inline:auto}.public{background:radial-gradient(circle at 16% 8%,rgba(183,223,53,.13),transparent 30%),radial-gradient(circle at 88% 14%,rgba(214,255,79,.12),transparent 32%),linear-gradient(180deg,var(--green-deep),#04140d 54%,var(--green-deep));color:#fff}.site-header{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1320px,calc(100% - 28px));margin:14px auto 0;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(3,26,16,.74);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.24)}.brand{display:flex;align-items:center;gap:12px;min-width:224px}.brand img{width:48px;max-height:48px;object-fit:contain}.brand strong{display:block;font-size:16px;font-weight:900;line-height:1.2}.brand em{display:block;font-style:normal;font-size:12px;color:var(--muted);line-height:1.4}.public-nav{display:flex;align-items:center;justify-content:center;gap:3px}.public-nav a{padding:9px 12px;border-radius:999px;color:rgba(255,255,255,.82);font-size:14px;font-weight:800;transition:.2s ease}.public-nav a:hover{background:rgba(183,223,53,.12);color:#fff}.domain-pill{justify-self:end;border:1px solid var(--border-glow);border-radius:999px;padding:8px 14px;color:var(--lime-bright);background:rgba(183,223,53,.08);font-weight:900;font-size:14px}.menu-toggle{display:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 13px;font-weight:800}.product-hero{position:relative;isolation:isolate;min-height:760px;padding:84px 0 34px;overflow:hidden}.hero-noise{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;opacity:.18;z-index:-3}.hero-light{position:absolute;border-radius:50%;filter:blur(8px);z-index:-2}.hero-light-a{width:580px;height:580px;right:-150px;top:50px;background:radial-gradient(circle,rgba(214,255,79,.19),transparent 62%)}.hero-light-b{width:420px;height:420px;left:3%;bottom:40px;background:radial-gradient(circle,rgba(183,223,53,.13),transparent 68%)}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px}.hero-copy{padding-top:16px}.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(183,223,53,.36);background:rgba(183,223,53,.08);color:var(--lime-bright);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900;letter-spacing:.01em}.eyebrow.dark{color:var(--green-main);border-color:rgba(13,59,34,.22);background:rgba(13,59,34,.08)}.hero-copy h1{margin:18px 0 8px;font-size:clamp(56px,8vw,112px);line-height:.95;letter-spacing:-.05em;font-weight:900;color:#fff;text-wrap:balance}.hero-subtitle{font-size:clamp(24px,3vw,38px);line-height:1.2;font-weight:900;color:var(--lime-bright);margin:0 0 20px}.hero-lead{font-size:clamp(17px,1.5vw,22px);max-width:720px;color:rgba(255,255,255,.78);margin:0 0 28px}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.center-row{justify-content:center}.small-row{margin-top:20px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:13px 20px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.btn i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;line-height:1;background:rgba(255,255,255,.18)}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime-bright);color:#0a2516;box-shadow:0 12px 34px rgba(183,223,53,.25)}.btn-lime:hover{background:#efffb3;box-shadow:0 18px 44px rgba(183,223,53,.33)}.btn-outline{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.075);color:#fff}.btn-outline:hover{border-color:var(--border-glow);background:rgba(183,223,53,.12)}.btn-ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.13)}.btn-ghost:hover{background:rgba(255,255,255,.07)}.hero-book-single{position:relative;display:grid;place-items:center;min-height:530px}.hero-book-single picture{position:relative;z-index:2}.hero-book-single img{width:min(520px,92%);max-height:600px;object-fit:contain;filter:drop-shadow(0 38px 70px rgba(0,0,0,.45))}.book-glow{position:absolute;width:78%;height:30%;bottom:8%;right:10%;border-radius:50%;background:radial-gradient(circle,rgba(214,255,79,.34),rgba(183,223,53,.12) 35%,transparent 72%);filter:blur(18px)}.metrics-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);margin-top:24px}.metrics-ribbon article{padding:22px 20px;background:rgba(255,255,255,.045)}.metrics-ribbon strong{display:block;font-size:clamp(25px,2.5vw,38px);font-weight:900;color:var(--lime-bright);line-height:1.1}.metrics-ribbon span{display:block;color:rgba(255,255,255,.72);font-weight:700;margin-top:6px}.section,.cream-block{padding:88px 0}.cream-block{background:linear-gradient(180deg,var(--cream-soft),var(--cream));color:var(--ink)}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px}.align-start{align-items:start}.sticky-heading{position:sticky;top:105px}.section-heading h2{margin:14px 0 12px;font-size:clamp(34px,4.4vw,64px);line-height:1.04;font-weight:900;letter-spacing:-.035em;text-wrap:balance}.section-heading p,.lead{font-size:18px;color:rgba(9,35,21,.72);margin:0}.section .section-heading p{color:rgba(255,255,255,.72)}.copy-stack{display:grid;gap:16px}.statement-card{border:1px solid rgba(13,59,34,.13);background:rgba(255,255,255,.48);border-radius:28px;padding:24px 26px;box-shadow:0 16px 45px rgba(13,59,34,.07)}.statement-card.large{font-size:22px;font-weight:800;line-height:1.85}.statement-card.highlight{background:linear-gradient(135deg,rgba(183,223,53,.22),rgba(255,255,255,.7));border-color:rgba(13,59,34,.18)}.statement-card strong{display:block;color:var(--green-main);font-size:25px;margin-bottom:10px}.statement-card p{margin:0;color:rgba(9,35,21,.84)}.disclaimer-band{background:linear-gradient(135deg,var(--green-deep),var(--green-dark));position:relative;overflow:hidden}.disclaimer-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(214,255,79,.12),transparent 35%);pointer-events:none}.disclaimer-grid{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.disclaimer-grid h2{font-size:clamp(40px,5vw,78px);line-height:.98;margin:12px 0 0;font-weight:900}.disclaimer-card{border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);padding:30px}.disclaimer-card p{font-size:20px;color:rgba(255,255,255,.78);margin:0}.ai-section{background:radial-gradient(circle at 80% 10%,rgba(214,255,79,.16),transparent 34%),var(--green-deep)}.ai-shell{border:1px solid rgba(255,255,255,.12);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));padding:42px;box-shadow:0 30px 90px rgba(0,0,0,.26)}.ai-box{display:grid;grid-template-columns:1fr auto;gap:12px;margin:28px auto 0;max-width:850px}.ai-box input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);padding:16px 21px;font-weight:800;outline:none}.ai-box input:focus{box-shadow:0 0 0 4px rgba(183,223,53,.22);border-color:var(--lime)}.ai-result{margin:20px auto 0;max-width:850px;border:1px solid var(--border-glow);border-radius:24px;background:rgba(255,255,255,.08);padding:20px;color:#fff}.feature-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.feature-tile{min-height:190px;border:1px solid rgba(13,59,34,.12);border-radius:26px;padding:22px;background:rgba(255,255,255,.5);box-shadow:0 16px 40px rgba(13,59,34,.06);transition:.22s ease}.feature-tile:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(13,59,34,.1)}.feature-tile span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-main);color:var(--lime-bright);font-size:26px;margin-bottom:18px}.feature-tile h3{font-size:21px;line-height:1.2;margin:0 0 10px;color:var(--green-main);font-weight:900}.feature-tile p{margin:0;color:rgba(9,35,21,.68);font-weight:600}.inside-section{background:radial-gradient(circle at 12% 12%,rgba(214,255,79,.12),transparent 30%),linear-gradient(180deg,var(--green-dark),var(--green-deep))}.split-title{display:grid;grid-template-columns:1fr .72fr;gap:32px;align-items:end;margin-bottom:34px}.split-title p{font-size:18px;color:rgba(255,255,255,.7);margin:0}.inside-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.inside-grid-cards article{border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:24px;min-height:190px}.inside-grid-cards h3{margin:0 0 12px;font-size:23px;line-height:1.25;color:var(--lime-bright);font-weight:900}.inside-grid-cards p{margin:0;color:rgba(255,255,255,.72)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.article-card,.empty-state{border:1px solid rgba(13,59,34,.13);border-radius:26px;background:rgba(255,255,255,.55);padding:24px;box-shadow:0 15px 42px rgba(13,59,34,.06)}.article-card h3,.empty-state h3{margin:0 0 10px;color:var(--green-main);font-size:23px;font-weight:900;line-height:1.3}.article-card p,.empty-state p{color:rgba(9,35,21,.7);margin:0 0 18px}.text-arrow{font-weight:900;color:var(--green-main);border-bottom:2px solid rgba(13,59,34,.2);padding-bottom:4px}.cta-section{padding:88px 0;background:linear-gradient(135deg,#03120b,#0b2f1c);text-align:center}.cta-card{border:1px solid rgba(255,255,255,.13);border-radius:38px;padding:50px 30px;background:radial-gradient(circle at 50% 0%,rgba(214,255,79,.16),transparent 45%),rgba(255,255,255,.055);box-shadow:0 30px 90px rgba(0,0,0,.26)}.cta-card h2{font-size:clamp(36px,5vw,72px);line-height:1.04;margin:14px auto 12px;font-weight:900;max-width:900px}.cta-card p{max-width:760px;margin:0 auto 26px;color:rgba(255,255,255,.73);font-size:19px}.video-section{background:var(--green-deep)}.video-shell{max-width:440px;margin:28px auto 0;border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 28px 80px rgba(0,0,0,.3)}.video-shell video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#06180f}.site-footer{padding:46px 0 92px;background:#020e09;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{width:min(var(--max),calc(100% - 42px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:24px;align-items:start}.footer-inner strong{display:block;font-size:22px;color:var(--lime-bright)}.footer-inner span{display:block;color:rgba(255,255,255,.7)}.footer-inner p{margin:0;color:rgba(255,255,255,.68)}.site-footer nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.site-footer nav a{font-weight:800;color:rgba(255,255,255,.76)}.floating-actions{position:fixed;left:18px;bottom:18px;display:grid;gap:10px;z-index:70}.floating-actions a,.floating-actions button{border:1px solid var(--border-glow);background:rgba(3,26,16,.88);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:var(--shadow-glow);text-align:center}.modal{position:fixed;inset:0;background:rgba(0,0,0,.64);display:none;place-items:center;z-index:100;padding:20px}.modal.is-open{display:grid}.modal-card{width:min(540px,100%);background:var(--cream-soft);color:var(--ink);border-radius:30px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}.modal-card h2{margin:0 0 12px;font-size:30px;font-weight:900;color:var(--green-main)}.modal-card p{color:rgba(9,35,21,.76);font-weight:700}.modal-close{position:absolute;left:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer;color:var(--green-main)}
.simple-page{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(520px,100%);background:rgba(255,255,255,.94);color:var(--ink);border-radius:30px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.auth-card.dark{background:rgba(3,26,16,.82);color:#fff;border:1px solid rgba(255,255,255,.12)}.form-grid{display:grid;gap:14px}.form-grid label{font-weight:900}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid rgba(13,59,34,.18);background:#fff;border-radius:16px;padding:13px 14px;color:var(--ink)}.message{border-radius:18px;padding:14px 16px;margin:12px 0}.message.ok{background:rgba(183,223,53,.16);color:#173615}.message.err{background:#fff5df;color:#4e3308}.reader-bg,.admin-bg{background:radial-gradient(circle at 80% 10%,rgba(214,255,79,.12),transparent 30%),var(--green-deep);min-height:100vh}.reader-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;width:min(1120px,calc(100% - 28px));margin:14px auto;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.06)}.reader-container{width:min(1050px,calc(100% - 28px));margin:26px auto}.reader-card{background:rgba(255,255,255,.95);color:var(--ink);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;overflow:hidden}.reader-watermark{position:absolute;inset:auto 20px 20px auto;opacity:.13;font-size:18px;font-weight:900;transform:rotate(-12deg);pointer-events:none}.reader-page-content{font-size:20px;line-height:2.05;white-space:pre-wrap}.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}.copy-warning{border:1px solid rgba(13,59,34,.15);border-radius:18px;background:#fff8df;color:#3e330c;padding:14px;margin-top:14px}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:#03140c;border-left:1px solid rgba(255,255,255,.08);padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.admin-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px}.admin-logo img{width:48px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{padding:11px 12px;border-radius:14px;color:rgba(255,255,255,.78);font-weight:800}.admin-sidebar a:hover{background:rgba(183,223,53,.1);color:#fff}.admin-main{padding:22px;overflow:auto}.admin-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.panel{background:rgba(255,255,255,.96);color:var(--ink);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:linear-gradient(135deg,#fff,var(--cream-soft));border:1px solid rgba(13,59,34,.12);border-radius:20px;padding:18px}.stat b{display:block;font-size:28px;color:var(--green-main)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid rgba(13,59,34,.12);text-align:right}.data-table th{color:var(--green-main);background:rgba(13,59,34,.05)}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:13px;color:rgba(11,53,31,.65)}.policy-text{max-height:360px;overflow:auto;border:1px solid rgba(13,59,34,.12);border-radius:18px;padding:16px;background:rgba(243,236,217,.45)}
@media (max-width:1100px){.product-hero-grid,.two-col,.disclaimer-grid,.split-title{grid-template-columns:1fr}.sticky-heading{position:static}.product-hero{padding-top:58px;min-height:auto}.hero-book-single{min-height:420px}.metrics-ribbon,.feature-tiles,.articles-grid,.inside-grid-cards,.stats{grid-template-columns:repeat(2,1fr)}.site-header{grid-template-columns:auto auto;justify-content:space-between;border-radius:24px}.domain-pill{display:none}.menu-toggle{display:inline-flex}.public-nav{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;background:rgba(3,26,16,.98);border-radius:20px;padding:10px}.public-nav.is-open{display:flex}.public-nav a{text-align:center}.brand{min-width:0}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.container{width:min(100% - 26px,var(--max))}.site-header{width:calc(100% - 18px);margin-top:9px}.brand img{width:42px}.brand em{display:none}.product-hero{padding:40px 0 24px}.hero-copy h1{font-size:48px}.hero-subtitle{font-size:23px}.hero-lead{font-size:16px}.hero-book-single{min-height:300px}.hero-book-single img{width:min(360px,94%)}.button-row,.ai-box{display:grid;grid-template-columns:1fr;width:100%}.btn{width:100%}.metrics-ribbon,.feature-tiles,.articles-grid,.inside-grid-cards,.stats{grid-template-columns:1fr}.metrics-ribbon article{padding:18px}.section,.cream-block,.cta-section{padding:58px 0}.ai-shell,.cta-card{padding:26px 18px;border-radius:28px}.statement-card.large{font-size:18px}.statement-card{padding:20px}.section-heading h2,.cta-card h2{font-size:34px}.disclaimer-card p{font-size:17px}.footer-inner{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.floating-actions{left:10px;right:10px;bottom:10px;grid-template-columns:1fr 1fr}.admin-sidebar nav{grid-template-columns:1fr}.admin-main{padding:14px}.reader-page-content{font-size:18px}}
/* Compatibility classes for admin/reader pages */
.btn.primary{background:var(--lime-bright);color:#0a2516;box-shadow:0 12px 34px rgba(183,223,53,.22)}
.btn.secondary,.btn.dark{border-color:rgba(13,59,34,.22);background:var(--green-main);color:#fff}
.admin-bg .btn.secondary,.admin-bg .btn.dark,.reader-bg .btn.secondary,.reader-bg .btn.dark{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}.actions.center{justify-content:center}.cream-section{background:linear-gradient(180deg,var(--cream-soft),var(--cream));color:var(--ink);padding:88px 0}.section-title{max-width:760px;margin:0 auto 28px;text-align:center}.section-title h1,.section-title h2{font-size:clamp(34px,4.4vw,60px);line-height:1.08;margin:12px 0;font-weight:900;color:inherit}.section-title p{color:rgba(9,35,21,.7)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border:1px solid rgba(13,59,34,.13);border-radius:24px;background:rgba(255,255,255,.55);padding:22px;color:var(--ink)}.feature-card b{display:block;font-size:28px;color:var(--green-main)}.feature-card h3{margin:8px 0 0;font-size:20px;font-weight:900;color:var(--green-main)}.reader-card .features-grid .feature-card{background:rgba(243,236,217,.65)}
@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.features-grid{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}}