*{box-sizing:border-box}body{margin:0;background:#07101d;color:#eaf2ff;font-family:Arial,sans-serif}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #17304b;background:#081525;position:sticky;top:0;z-index:3}.brand{font-weight:900;letter-spacing:2px}.brand span{color:#48a9ff;font-size:11px;display:block;letter-spacing:1px}a{color:#8bc9ff;text-decoration:none}.hero{max-width:1050px;margin:55px auto;padding:0 22px;display:grid;grid-template-columns:250px 1fr;gap:42px;align-items:center}.cover{background:#0d2034;border-radius:18px;padding:8px;box-shadow:0 20px 60px #0008}.cover img{width:100%;display:block;border-radius:12px}.eyebrow{color:#55b5ff;letter-spacing:2px;font-size:12px}h1{font-size:clamp(32px,6vw,62px);margin:10px 0}.desc{color:#b8c9dc;line-height:1.9;max-width:700px}.meta{color:#8fa5bc;line-height:2}.section-head{max-width:1050px;margin:30px auto 15px;padding:0 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.section-head input{background:#0c1b2c;border:1px solid #23415d;color:white;border-radius:10px;padding:12px 15px}.chapter{max-width:1050px;margin:10px auto;padding:18px 22px;background:#0b1a2b;border:1px solid #173653;border-radius:13px;display:flex;justify-content:space-between;align-items:center}.chapter small{color:#8196aa}footer{text-align:center;color:#667c92;padding:50px 15px}@media(max-width:700px){.hero{grid-template-columns:1fr;max-width:520px}.cover{max-width:260px;margin:auto}.section-head{align-items:stretch;flex-direction:column}.chapter{margin:10px 15px}}