:root{--sand:#f5f0e8;--sand-2:#ede6d8;--sage:#7a9e8e;--sage-light:#a8c5b5;--sage-dark:#4a7060;--off-white:#faf8f4;--terracotta:#c4602a;--terracotta-light:#e88a5a;--dusk-pink:#d4789a;--charcoal:#2a2420;--charcoal-2:#3d3530;--muted:#8a7e78;--muted-light:#b8afa8;--border:#2a24201a;--border-strong:#2a24202e;--glass-bg:#faf8f499;--glass-bg-dark:#16120e8c;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-xl:40px;--font-en:"Inter", sans-serif;--font-fa:"Vazirmatn", sans-serif;--font-serif-en:"Playfair Display", Georgia, serif;--font-serif-fa:"Noto Naskh Arabic", "Traditional Arabic", serif;--ease:cubic-bezier(.25, .46, .45, .94);--ink:#1a1612;--ink-light:#4a4238;--parchment:#f2ead8;--parchment-dark:#e8ddc8;--page-shadow:#2a242014;--spine-shadow:#2a242026}[data-theme=dark]{--sand:#1a1510;--sand-2:#221d16;--sage:#5a8070;--sage-light:#7aaa90;--sage-dark:#3a6050;--off-white:#f0ece4;--charcoal:#ede6d8;--charcoal-2:#d8cfc0;--muted:#8a8078;--muted-light:#6a6058;--border:#f0ece41a;--border-strong:#f0ece42e;--glass-bg:var(--glass-bg-dark);--terracotta:#e07040;--terracotta-light:#f09060;--dusk-pink:#d888aa;--ink:#f0ece4;--ink-light:#c8c0b4;--parchment:#1e1a14;--parchment-dark:#161210;--page-shadow:#0003;--spine-shadow:#0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--sand);color:var(--charcoal);font-family:var(--font-en);background-image:radial-gradient(80% 50% at 20% -10%,#7a9e8e1f 0%,#0000 60%),radial-gradient(60% 40% at 80% 110%,#c4602a12 0%,#0000 60%);min-height:100vh;line-height:1.7;overflow-x:hidden}body[dir=rtl]{font-family:var(--font-fa)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000000a,0 8px 32px #2a24200f}.glass-strong{-webkit-backdrop-filter:blur(40px)saturate(1.6)brightness(1.02);border:1px solid var(--border-strong);background:#faf8f4bf;box-shadow:inset 0 2px #fff9,inset 0 -1px #0000000f,0 20px 60px #2a24201a,0 4px 16px #2a24200f}[data-theme=dark] .glass{background:var(--glass-bg-dark);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 8px 32px #0000004d}[data-theme=dark] .glass-strong{background:#16120eb8;box-shadow:inset 0 2px #ffffff0f,inset 0 -1px #00000080,0 20px 60px #0006}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:12px;font-size:11px;font-weight:600}h1,h2,h3,h4{color:var(--charcoal);font-weight:500;line-height:1.2}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;font-weight:600}.section-headline{letter-spacing:-.02em;color:var(--charcoal);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.15}.body-text{color:var(--muted);font-size:16px;line-height:1.8}.container{max-width:1140px;margin:0 auto;padding:0 32px}section{padding:120px 0}.btn-primary{border-radius:var(--radius-xl);cursor:pointer;transition:all .25s var(--ease);background:var(--charcoal);color:var(--sand);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2a242033}.btn-ghost{border-radius:var(--radius-xl);cursor:pointer;transition:all .25s var(--ease);border:1px solid var(--border-strong);color:var(--charcoal);background:0 0;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{background:var(--border);transform:translateY(-1px)}.accent{color:var(--terracotta)}.accent-sage{color:var(--sage)}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);color:var(--sage-dark);background:#7a9e8e1f;border:1px solid #7a9e8e33;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}[data-theme=dark] .tag{color:var(--sage-light);background:#5a807033}.divider{background:linear-gradient(90deg, var(--terracotta), transparent);border-radius:2px;width:48px;height:2px;margin:20px 0}[dir=rtl] .divider{background:linear-gradient(270deg, var(--terracotta), transparent)}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.tech-pill{border:1px solid var(--border-strong);color:var(--muted);font-size:11px;font-family:var(--font-en);background:0 0;border-radius:100px;padding:3px 10px;display:inline-block}body:before{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}*{z-index:1;position:relative}.book-title{font-family:var(--font-serif-en);letter-spacing:-.02em;color:var(--ink);font-weight:400;line-height:1.1}[dir=rtl] .book-title{font-family:var(--font-serif-fa);letter-spacing:0;font-weight:600;line-height:1.35}.book-title-lg{font-family:var(--font-serif-en);letter-spacing:-.03em;color:var(--ink);font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:1.05}[dir=rtl] .book-title-lg{font-family:var(--font-serif-fa);letter-spacing:0;font-size:clamp(2.8rem,7vw,5rem);font-weight:700;line-height:1.25}.book-subtitle{font-family:var(--font-serif-en);color:var(--ink-light);font-size:clamp(1.1rem,2vw,1.35rem);font-style:italic;font-weight:400;line-height:1.5}[dir=rtl] .book-subtitle{font-family:var(--font-serif-fa);color:var(--muted);font-style:normal;font-weight:500}.book-body{font-family:var(--font-en);color:var(--ink-light);font-size:16px;line-height:1.9}[dir=rtl] .book-body{font-family:var(--font-fa);line-height:2}.chapter-num{font-family:var(--font-serif-en);color:var(--border-strong);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(4rem,10vw,8rem);font-weight:400;line-height:1}[dir=rtl] .chapter-num{font-family:var(--font-serif-en);font-weight:400}.book-divider{color:var(--muted-light);align-items:center;gap:16px;margin:32px 0;display:flex}.book-divider:before,.book-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong) 20%, var(--border-strong) 80%, transparent);flex:1;height:1px}[dir=rtl] .book-divider:before{background:linear-gradient(270deg, transparent, var(--border-strong) 20%, var(--border-strong) 80%, transparent)}[dir=rtl] .book-divider:after{background:linear-gradient(90deg, transparent, var(--border-strong) 20%, var(--border-strong) 80%, transparent)}.book-divider-symbol{color:var(--terracotta);opacity:.6;font-size:14px;line-height:1}.parchment{background:var(--parchment);border-radius:var(--radius-md);box-shadow:2px 0 8px var(--page-shadow), -1px 0 4px var(--page-shadow), 0 4px 20px var(--page-shadow);position:relative}.parchment:before{content:"";background:linear-gradient(180deg, transparent, var(--spine-shadow) 10%, var(--spine-shadow) 90%, transparent);border-radius:var(--radius-md) 0 0 var(--radius-md);width:3px;height:100%;position:absolute;top:0;left:0}[dir=rtl] .parchment:before{border-radius:0 var(--radius-md) var(--radius-md) 0;left:auto;right:0}[data-theme=dark] .parchment{background:var(--parchment)}.page-curl{position:relative;overflow:hidden}.page-curl:after{content:"";background:linear-gradient(135deg, var(--sand-2) 45%, var(--border-strong) 50%, var(--sand) 55%);border-radius:0 0 var(--radius-md) 0;width:40px;height:40px;box-shadow:-2px -2px 6px var(--page-shadow);transition:width .4s var(--ease), height .4s var(--ease);position:absolute;bottom:0;right:0}.page-curl:hover:after{width:60px;height:60px}[dir=rtl] .page-curl:after{background:linear-gradient(225deg, var(--sand-2) 45%, var(--border-strong) 50%, var(--sand) 55%);border-radius:0 0 0 var(--radius-md);box-shadow:2px -2px 6px var(--page-shadow);left:0;right:auto}.margin-note{font-family:var(--font-serif-en);color:var(--muted);border-left:2px solid var(--border-strong);padding-left:16px;font-size:13px;font-style:italic;line-height:1.7}[dir=rtl] .margin-note{font-family:var(--font-fa);border-left:none;border-right:2px solid var(--border-strong);padding-left:0;padding-right:16px;font-style:normal}.bookmark{background:var(--terracotta);border-radius:0 0 4px 4px;width:24px;height:48px;position:absolute;top:-4px;box-shadow:0 4px 8px #c4602a4d}.bookmark:after{content:"";border-left:12px solid var(--terracotta);border-right:12px solid var(--terracotta);border-bottom:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:0}.spine-left{border-left:3px solid var(--terracotta);padding-left:32px}[dir=rtl] .spine-left{border-left:none;border-right:3px solid var(--terracotta);padding-left:0;padding-right:32px}.drop-cap:first-letter{font-family:var(--font-serif-en);float:left;color:var(--terracotta);margin-top:4px;margin-right:8px;font-size:3.5em;font-weight:600;line-height:.8}[dir=rtl] .drop-cap:first-letter{font-family:var(--font-serif-fa);float:right;margin-left:8px;margin-right:0}.book-cover{border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--parchment);padding:48px 40px;position:relative}.book-cover:before{content:"";border:1px solid var(--border);border-radius:calc(var(--radius-md) - 4px);pointer-events:none;position:absolute;inset:6px}@keyframes pageTurn{0%{transform-origin:0;opacity:1;transform:perspective(1200px)rotateY(0)}to{transform-origin:0;opacity:0;transform:perspective(1200px)rotateY(-90deg)}}[dir=rtl] .page-turn{animation:pageTurnRtl .6s var(--ease) forwards}.page-turn{animation:pageTurn .6s var(--ease) forwards}@keyframes pageTurnRtl{0%{transform-origin:100%;opacity:1;transform:perspective(1200px)rotateY(0)}to{transform-origin:100%;opacity:0;transform:perspective(1200px)rotateY(90deg)}}.book-quote{font-family:var(--font-serif-en);color:var(--ink-light);padding:24px 0;font-size:clamp(1.2rem,2.5vw,1.6rem);font-style:italic;font-weight:400;line-height:1.6;position:relative}[dir=rtl] .book-quote{font-family:var(--font-serif-fa);font-style:normal;font-weight:500}.book-quote:before{content:"❝";color:var(--terracotta);opacity:.3;font-size:3rem;font-style:normal;line-height:1;position:absolute;top:0;left:-8px}[dir=rtl] .book-quote:before{content:"«";font-size:2.5rem;left:auto;right:-8px}.toc-item{border-bottom:1px dotted var(--border-strong);color:var(--charcoal);transition:color .2s ease, padding-right .3s var(--ease);align-items:baseline;gap:12px;padding:16px 0;text-decoration:none;display:flex}.toc-item:hover{color:var(--terracotta)}[dir=rtl] .toc-item{transition:color .2s ease, padding-left .3s var(--ease)}.toc-item:hover{padding-right:8px}[dir=rtl] .toc-item:hover{padding-left:8px;padding-right:0}.toc-dots{border-bottom:1px dotted var(--border);flex:1;min-width:40px;margin-bottom:4px}.toc-page{font-family:var(--font-serif-en);color:var(--muted);font-size:14px;font-style:italic}.book-ref{font-family:var(--font-serif-en);color:var(--sage-dark);vertical-align:super;font-size:12px;font-style:italic;line-height:0}@media (max-width:768px){section{padding:80px 0}.container{padding:0 20px}.section-headline{font-size:2rem}.book-cover{padding:32px 24px}.spine-left{padding-left:20px}[dir=rtl] .spine-left{padding-left:0;padding-right:20px}}@keyframes bookOpenLeft{0%{opacity:1;transform:perspective(400px)rotateY(0)}to{opacity:.3;transform:perspective(400px)rotateY(-60deg)}}@keyframes bookOpenRight{0%{opacity:1;transform:perspective(400px)rotateY(0)}to{opacity:.3;transform:perspective(400px)rotateY(60deg)}}::selection{color:var(--ink);background:#c4602a33}a:focus-visible,button:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--sand)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-light)}img{opacity:1;transition:opacity .3s}img[loading]{opacity:0}img[loading=lazy].loaded,img:not([loading]){opacity:1}@media print{body:before{display:none}.glass,.glass-strong{-webkit-backdrop-filter:none;background:var(--off-white)!important;box-shadow:none!important;border:1px solid #ccc!important}.page-curl:after,.bookmark{display:none}.reveal{opacity:1!important;transform:none!important}section{page-break-inside:avoid;padding:40px 0!important}header,.ScrollProgress,.BackToTop,.PageLoader{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.page-curl:after{display:none}}@media (max-width:480px){.book-cover{padding:36px 24px!important}.book-title-lg{font-size:clamp(2.2rem,10vw,3rem)!important}.chapter-num{font-size:clamp(3rem,15vw,5rem)!important}.parchment{padding:20px 16px!important}section{padding:60px 0!important}.container{padding:0 16px!important}}