@import"https://fonts.googleapis.com/css2?family=Bad+Script&family=Baloo+Bhaijaan+2:wght@400..800&family=Caveat:wght@400..700&family=Commissioner:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+IN:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;transition:background-color .3s,border-color .3s,box-shadow .3s,color .3s}body{background-color:#0f1113;color:#e9ecef}.main{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.search-bar{width:100%;background-color:#161a1d;padding:20px 0;text-align:center;box-shadow:0 4px 12px #0006;position:sticky;top:0;z-index:100;border-bottom:1px solid #2a2f33}.search-bar input{width:60%;max-width:450px;padding:12px 18px;font-size:16px;border:1px solid #2f3439;border-radius:25px;outline:none;background-color:#1c1f23;color:#f1f3f5;box-shadow:0 1px 3px #0000004d}.search-bar input:focus{border-color:#1a938c;box-shadow:0 0 0 4px #1a938c33}.search-bar input::placeholder{color:#868e96;font-style:italic}.search-bar input:hover{border-color:#3a4046}.login-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#0b0e11,#111518,#0f2e2c);font-family:Poppins,sans-serif}.login-page h2{color:#1a938c;margin-bottom:25px;font-weight:600;letter-spacing:1px;text-shadow:0 0 8px rgba(26,147,140,.4)}.login-page form{background:#161a1d;border:1px solid #2f3439;padding:40px 35px;border-radius:16px;box-shadow:0 6px 25px #00000080;display:flex;flex-direction:column;width:320px;transition:box-shadow .3s ease}.login-page form:hover{box-shadow:0 8px 30px #1a938c40}.login-page input{background:#1c1f23;border:1px solid #2f3439;border-radius:8px;padding:12px;margin-bottom:15px;font-size:15px;outline:none;color:#f1f3f5;transition:all .3s ease}.login-page input:focus{background:#212529;border-color:#1a938c;box-shadow:0 0 0 4px #1a938c33}.login-page input::placeholder{color:#868e96;font-style:italic}.login-page button{background:#1a938c;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #1a938c4d}.login-page button:hover{background:#23b0a7;transform:scale(1.03);box-shadow:0 0 15px #1a938c99}.login-page button:active{transform:scale(.98);background:#157a74}.card{background-color:#121417;border:1px solid #2a2f33;width:220px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:16px;margin:12px;padding:10px 0;box-shadow:0 6px 20px #00000080;transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #1a938c59;border-color:#1a938c}.image{width:100%;height:180px;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .4s ease;filter:brightness(.9)}.card:hover .image{transform:scale(1.07);filter:brightness(1.05);box-shadow:0 6px 18px #1a938c59}.bookname{font-size:14px;font-weight:600;color:#f1f3f5;text-align:center;margin-top:10px;line-height:1.3;padding:0 10px;width:100%}.authorname{color:#adb5bd;font-size:12px;font-style:italic;font-weight:500;text-align:center;margin:4px 0 8px}.card-button{font-size:12px;padding:7px 14px;color:#fff;background-color:#1a938c;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #1a938c4d}.card-button:hover{background-color:#23b0a7;transform:scale(1.05);box-shadow:0 0 15px #1a938c99}.card-button:active{transform:scale(.96)}