*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18202a;background:#f5f7f8}a{color:inherit;text-decoration:none}.top{height:76px;background:#fff;border-bottom:1px solid #e3e8eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#172430;color:#fff;font-weight:800}.brand b{display:block;font-size:17px}.brand small{display:block;color:#71808c;font-size:11px;margin-top:2px}.top nav{display:flex;align-items:center;gap:28px;font-size:14px}.login{padding:10px 14px;border:1px solid #cbd5dc;border-radius:8px}.hero{max-width:1180px;margin:auto;padding:84px 28px 66px;display:grid;grid-template-columns:1.65fr .75fr;gap:64px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#687985}.hero h1{font-size:clamp(39px,5vw,65px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}.hero p{font-size:18px;line-height:1.65;color:#5e6d78;max-width:720px}.primary{display:inline-block;margin-top:16px;background:#172430;color:white;padding:13px 18px;border-radius:8px;font-weight:700}.hero-card{background:#172430;color:#fff;border-radius:18px;padding:27px;display:grid;gap:12px}.hero-card b{font-size:18px}.hero-card span{padding-top:11px;border-top:1px solid #ffffff22;color:#dce3e7;font-size:13px}.section{background:#fff;padding:70px max(5vw,28px) 82px}.section-head{max-width:1180px;margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.about h2{font-size:34px;letter-spacing:-.025em;margin:8px 0 0}.section-head p{color:#71808c}.grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book{border:1px solid #e2e7ea;border-radius:16px;overflow:hidden;background:#fff}.cover-wrap{height:355px;background:#edf1f3;display:grid;place-items:center;position:relative;padding:20px}.cover-wrap img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 13px 28px #1724302d}.badge{position:absolute;right:14px;top:14px;background:#fff;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:800}.book-body{padding:20px}.category{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6b7c87;text-transform:uppercase}.book h3{font-size:19px;line-height:1.35;margin:8px 0 10px}.book p{font-size:13px;color:#7a8790;line-height:1.5;min-height:38px}.status{font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px;margin-top:16px}.status i{width:8px;height:8px;border-radius:50%;background:#81919b}.about{max-width:1180px;margin:0 auto;padding:75px 28px}.about p{max-width:760px;font-size:17px;color:#65747e;line-height:1.75}footer{border-top:1px solid #dde3e6;max-width:1180px;margin:auto;padding:26px 28px 40px;display:flex;justify-content:space-between;color:#7a8892;font-size:12px}@media(max-width:850px){.top nav a:not(.login){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.grid{grid-template-columns:1fr 1fr}.hero-card{display:none}}@media(max-width:560px){.grid{grid-template-columns:1fr}.section-head{display:block}.cover-wrap{height:380px}}