.library-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(180px,1fr));

gap:30px;

margin-top:60px;

}

.book-card{

height:240px;

cursor:pointer;

border-radius:18px;

background:

linear-gradient(
180deg,
#0d1a2d,
#142640
);

display:flex;

align-items:center;

justify-content:center;

transition:.5s;

border:
1px solid rgba(255,255,255,.08);

}

.book-card:hover{

transform:
translateY(-10px);

border-color:
rgba(229,200,123,.35);

}

.book-spine{

font-size:28px;

font-weight:700;

color:#e5c87b;

}

.book-open{

margin-top:60px;

padding:50px;

border-radius:24px;

background:
rgba(255,255,255,.03);

text-align:center;

}

.book-open h3{

font-size:42px;

margin-bottom:25px;

}

.book-open p{

font-size:24px;

line-height:1.9;

color:#c8d0dc;

}

.book-reveal{

margin-top:30px;

font-size:18px;

letter-spacing:6px;

color:#e5c87b;

}