.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.book-tile{border:1px solid rgba(232,186,92,.22);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 55px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.book-tile:hover{transform:translateY(-5px);border-color:rgba(232,186,92,.55);box-shadow:0 28px 65px rgba(0,0,0,.32)}
.book-tile img{height:390px;aspect-ratio:auto;object-fit:contain;padding:28px;background:radial-gradient(circle at 50% 20%,rgba(43,209,237,.11),transparent 48%),linear-gradient(145deg,#0b1b2f,#07111f)}
.book-tile div{padding:25px 26px 28px}.book-tile h2{font-size:1.5rem;line-height:1.18}.book-tile p{margin:0 0 24px;line-height:1.7}.book-tile a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid rgba(232,186,92,.6);border-radius:999px;transition:.2s ease}.book-tile a:hover{background:#e8ba5c;color:#07111f}
@media(max-width:1050px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.book-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:24px}.book-tile img{height:min(94vw,430px);padding:24px}.book-tile div{padding:23px 24px 26px}.book-tile h2{font-size:1.45rem}}
@media(max-width:430px){.book-tile{border-radius:19px}.book-tile img{height:112vw;max-height:410px;padding:18px}.book-tile div{padding:21px 20px 24px}}