:root{--ink:#10232f;--muted:#5e6e76;--paper:#f7f4ee;--white:#fff;--navy:#091c29;--blue:#12384d;--gold:#d6a44c;--gold2:#f0d18a;--line:#dfe3df;--shadow:0 18px 50px rgba(9,28,41,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.95}a{color:inherit;text-decoration:none}.wrap{width:min(980px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(247,244,238,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,35,47,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:46px;height:46px;object-fit:contain}.back{background:var(--navy);color:#fff;border-radius:11px;padding:9px 16px;font-size:.9rem}
.path-hero{color:#fff;background:linear-gradient(135deg,#071c2a,#15475d);padding:78px 0 70px;position:relative;overflow:hidden}.path-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(240,209,138,.22);border-radius:50%;left:-110px;top:-210px;box-shadow:0 0 0 62px rgba(240,209,138,.035),0 0 0 124px rgba(240,209,138,.025)}.path-hero.new{background:linear-gradient(135deg,#102a26,#276257)}.path-hero.grow{background:linear-gradient(135deg,#1d2442,#394d78)}.path-hero.hope{background:linear-gradient(135deg,#302040,#704262)}.hero-inner{position:relative;z-index:1}.hero-layout{display:grid;grid-template-columns:1fr 260px;gap:44px;align-items:center}.hero-art{width:240px;height:240px;display:grid;place-items:center;border-radius:50%;color:var(--gold2);background:rgba(255,255,255,.055);border:1px solid rgba(240,209,138,.25);box-shadow:0 0 0 24px rgba(255,255,255,.025)}.hero-art svg{width:150px;height:150px}.hero-art.photo{width:270px;height:300px;border-radius:28px;overflow:hidden;padding:0}.hero-art.photo img{width:100%;height:100%;display:block;object-fit:cover}.path-hero.new .hero-art{color:#d8e9b8;background:rgba(216,233,184,.07);border-color:rgba(216,233,184,.28)}.path-hero.grow .hero-art{color:#d9dcff;background:rgba(217,220,255,.07);border-color:rgba(217,220,255,.27)}.path-hero.hope .hero-art{color:#ffd6aa;background:rgba(255,214,170,.07);border-color:rgba(255,214,170,.28)}.eyebrow{color:var(--gold2);font-weight:800;font-size:.86rem}.path-hero h1{font-size:clamp(2.45rem,7vw,4.8rem);line-height:1.28;margin:10px 0 16px}.path-hero p{max-width:720px;color:#d8e1e5;font-size:1.06rem;margin:0}.hero-link{display:inline-flex;margin-top:26px;background:var(--gold);color:#182630;font-weight:800;border-radius:12px;padding:11px 19px}
main{padding:70px 0 90px}.lead{font-size:1.14rem;color:#425862;margin:0 0 34px}.content-grid{display:grid;grid-template-columns:1fr 250px;gap:34px;align-items:start}.chapters{display:grid;gap:22px}.chapter{background:#fff;border-radius:20px;padding:28px;border:1px solid #e3e5e1;box-shadow:0 8px 24px rgba(9,28,41,.055)}.chapter .num{color:#9a6b1a;font-weight:800;font-size:.82rem}.chapter h2{font-size:1.45rem;line-height:1.6;margin:7px 0 10px}.chapter p{color:var(--muted);margin:0}.verse{margin-top:17px;padding:13px 16px;background:#f1eee7;border-right:3px solid var(--gold);border-radius:10px;color:#4a5d66;font-size:.9rem}.steps{margin:12px 0 0;padding-right:22px;color:var(--muted)}.steps li{margin:7px 0}
.side{position:sticky;top:98px;background:var(--navy);color:#fff;border-radius:20px;padding:24px}.side h3{margin:0 0 9px}.side p{color:#cad6db;font-size:.9rem}.side a{display:block;margin-top:12px;border:1px solid rgba(240,209,138,.35);color:var(--gold2);border-radius:10px;padding:9px 12px;text-align:center}.side .gold{background:var(--gold);color:#172731;border:0;font-weight:800}
.notice{margin-top:25px;padding:18px 20px;border-radius:15px;background:#efe6d9;color:#5e5549;font-size:.9rem}
footer{background:#07151e;color:#bdc8cd;padding:34px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot strong{color:#fff}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr}.hero-art{width:170px;height:170px;grid-row:1;margin:auto}.hero-art svg{width:105px;height:105px}.hero-art.photo{width:min(290px,82vw);height:240px}.content-grid{grid-template-columns:1fr}.side{position:static}.path-hero{padding:60px 0 55px}.foot{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{width:min(100% - 28px,980px)}.chapter{padding:23px}.back{padding:8px 12px;font-size:.82rem}}