:root{--bg:#0e0d0d;--panel:#151313;--panel2:#1c1818;--text:#f4eee8;--muted:#b8aaa0;--accent:#d9534f;--accent2:#f08b70;--line:#2f2826;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0b0a0a,#151010 55%,#0d0c0c);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:20;background:rgba(14,13,13,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;text-decoration:none;letter-spacing:.2px}.nav nav{display:flex;gap:20px;flex-wrap:wrap}.nav nav a{text-decoration:none;color:var(--muted);font-size:.95rem}.nav nav a:hover{color:var(--text)}.hero{display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center;padding-top:44px;padding-bottom:48px;min-height:calc(100vh - 70px)}.eyebrow{margin:0 0 12px;color:var(--accent2);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.96;margin:0 0 14px}.author{font-size:1.25rem;color:#d9cbc0;margin:0 0 16px}.lead{font-size:1.2rem;color:var(--muted);max-width:38rem}.micro,.note{color:var(--muted);font-size:.92rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--line)}.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.secondary{background:#2a2220;color:var(--text)}.btn.secondary:hover{background:#332a27}.hero-cover{display:flex;justify-content:center}.hero-cover img{width:min(100%,430px);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.45);border:1px solid #3b2e2a}.section{padding-top:80px;padding-bottom:80px}.section.alt{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:30px}.section h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.post{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.tag{display:inline-block;color:var(--accent2);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.card h3,.post h3{margin:10px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.urdu{font-size:1.35rem;direction:rtl}.quote{padding:32px;border:1px solid var(--line);background:radial-gradient(circle at top left,rgba(217,83,79,.14),transparent 45%),var(--panel2);border-radius:22px;position:relative;overflow:hidden}.quote:after{content:"";position:absolute;inset:auto -30px -55px auto;width:160px;height:160px;border-radius:50%;border:1px solid rgba(240,139,112,.12)}.quote-mark{font-family:Georgia,serif;font-size:5rem;line-height:.7;color:var(--accent);margin:0 0 18px}.quote blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.15;letter-spacing:.02em}.quote blockquote em{color:var(--accent2);font-style:normal}.quote span{display:block;color:var(--muted);margin-top:18px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.quote-featured{box-shadow:0 18px 50px rgba(0,0,0,.22)}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapters a{display:flex;gap:15px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;text-decoration:none}.chapters span{color:var(--accent2);font-weight:900;width:32px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-kicker{font-size:.78rem;color:var(--accent2);text-transform:uppercase;font-weight:800;letter-spacing:.12em}.cta{margin-top:72px;margin-bottom:72px;padding:36px;border:1px solid var(--line);background:linear-gradient(180deg,#191414,#141010);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.text-link{color:var(--accent2)}.footer{border-top:1px solid var(--line);padding:30px 0 50px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}
.platform-options{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 18px;max-width:680px}.platform-option{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.platform-option:hover{transform:translateY(-2px);background:var(--panel2);border-color:#51423d}.platform-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#261e1c;font-size:1.25rem}.platform-option strong{display:block;font-size:1rem}.platform-option small{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.platform-option .arrow{font-size:1.15rem;color:var(--accent2);font-weight:900}.platform-option.archive{border-left:4px solid #6ca6ff}.platform-option.zlib{border-left:4px solid #c78cff}.platform-option.pdf{border-left:4px solid #ef8b73}
@media(max-width:850px){.hero,.about-grid{grid-template-columns:1fr;gap:30px}.grid-3,.posts{grid-template-columns:1fr}.chapters{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.nav{align-items:flex-start;padding-top:14px;padding-bottom:14px}.nav nav{gap:14px}.hero{padding-top:48px}.hero-cover{order:-1}.hero-cover img{width:min(62vw,330px)}}


.platform-card{display:flex;flex-direction:column;gap:.45rem}.platform-card .btn{align-self:flex-start;margin-top:.45rem}.btn.small{padding:.65rem .9rem;font-size:.92rem}