:root{--bg:#080a0d;--panel:rgba(12,14,17,.9);--panel-strong:rgba(7,9,11,.97);--paper:#ece6dc;--muted:#b7b0a7;--red:#a71013;--red-light:#d2332f;--amber:#c49252;--line:rgba(226,230,228,.15);--shadow:rgba(0,0,0,.66)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;background:radial-gradient(circle at 15% 0%,rgba(108,77,42,.24),transparent 28%),linear-gradient(180deg,#0c1118 0,#080a0d 42%,#050607 100%);color:var(--paper);font-family:Georgia,"Times New Roman",serif;line-height:1.65}a{color:inherit}.book-hero{position:relative;min-height:100svh;padding:28px clamp(18px,4vw,64px) 80px;overflow:hidden;background:linear-gradient(90deg,rgba(4,6,8,.98) 0%,rgba(7,9,12,.86) 50%,rgba(7,9,12,.72) 100%)}.book-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(2,4,7,.2),rgba(2,4,7,.86)),url("okladka.png") center 46%/cover no-repeat;filter:blur(16px) brightness(.38);transform:scale(1.06);opacity:.62}.book-hero>*{position:relative;z-index:1}.top-nav{width:min(1260px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.top-nav a{text-decoration:none;color:#ddd5ca}.top-nav a:hover{color:#fff}.top-nav span{color:#aaa39a}.hero-layout{width:min(1180px,100%);margin:54px auto 0;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(42px,7vw,100px);align-items:center}.cover-wrap{position:relative}.cover-wrap::after{content:"";position:absolute;inset:8% -8% -5% 12%;background:rgba(159,21,22,.3);filter:blur(40px);z-index:-1}.cover-wrap img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 28px 70px var(--shadow);border:1px solid rgba(255,255,255,.12)}.eyebrow,.section-kicker{color:var(--red-light);text-transform:uppercase;letter-spacing:.25em;font-size:.78rem;font-weight:700}.hero-copy h1{margin-top:14px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.88;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.7)}.lead{max-width:720px;margin-top:30px;color:#d2cbc2;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.85}.book-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.book-meta div{padding:16px 18px;border:1px solid var(--line);background:rgba(3,5,7,.55)}.book-meta dt{color:#8e8881;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.book-meta dd{margin-top:4px;color:#f4eee6;font-size:1rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--red);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red-light)}.secondary{background:rgba(0,0,0,.2);color:#eee}.secondary:hover{background:rgba(167,16,19,.16)}main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:30px 0 100px}.content-section{padding:70px 0;border-bottom:1px solid var(--line)}.content-section h2{margin-top:8px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;letter-spacing:.02em;text-transform:uppercase}.text-panel{max-width:920px;margin-top:30px;padding:34px;border-left:3px solid var(--red);background:linear-gradient(90deg,rgba(167,16,19,.1),transparent),var(--panel);box-shadow:0 20px 50px rgba(0,0,0,.25)}.text-panel p{color:#d5cec5;font-size:1.05rem}.text-panel p+p{margin-top:20px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.info-card{position:relative;padding:28px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.info-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(var(--amber),var(--red))}.card-code{color:var(--amber);font-size:.7rem;letter-spacing:.24em}.info-card h3{margin-top:8px;font-size:1.45rem;font-weight:400}.info-card p{margin-top:12px;color:var(--muted)}.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:30px;list-style:none;background:var(--line);border:1px solid var(--line)}.chapter-list li{display:flex;align-items:center;gap:18px;padding:18px 20px;background:var(--panel-strong);color:#ddd6cd}.chapter-list span{color:var(--red-light);font-family:Arial,sans-serif;font-size:.78rem;letter-spacing:.1em}.reader-section{border-bottom:0}.reader-frame{height:min(88svh,980px);min-height:650px;margin-top:30px;padding:12px;background:#020304;border:1px solid rgba(167,16,19,.65);box-shadow:0 30px 70px rgba(0,0,0,.55)}.reader-frame iframe{width:100%;height:100%;display:block;border:0;background:#fff}.reader-fallback{margin-top:18px;color:#aaa39b;font-size:.9rem}.reader-fallback a{color:#e5b4ad}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);background:#040506;color:#918b84;font-size:.78rem;letter-spacing:.08em}.page-footer a{text-decoration:none;color:#c7bfb5}.page-footer span{color:var(--red-light);margin:0 8px}
@media(max-width:860px){.hero-layout{grid-template-columns:1fr}.cover-wrap{width:min(420px,88vw);margin:0 auto}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.book-meta{grid-template-columns:1fr}.hero-actions{justify-content:center}.character-grid,.chapter-list{grid-template-columns:1fr}.reader-frame{min-height:560px}.page-footer{flex-direction:column;text-align:center}}
@media(max-width:560px){.book-hero{padding-left:14px;padding-right:14px}.top-nav span{display:none}.hero-layout{margin-top:34px;gap:36px}.hero-copy h1{font-size:3.2rem}.content-section{padding:52px 0}.text-panel{padding:24px 20px}.info-card{padding:24px 20px}.reader-frame{height:72svh;min-height:500px;padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}