.navbar{color:#fff;background:#111827;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;display:flex}.navLinks{align-items:center;gap:20px;display:flex}.navLinks a{color:#fff;font-size:18px}.logoutBtn{color:#fff;cursor:pointer;background:red;border:none;border-radius:6px;padding:10px 20px}.home{background:linear-gradient(90deg,#1e3c72,#2a5298);justify-content:center;align-items:center;width:100%;height:90vh;display:flex}.hero{text-align:center;color:#fff}.hero h1{margin-bottom:20px;font-size:60px}.hero p{width:700px;margin:auto;font-size:20px;line-height:35px}.heroButtons{justify-content:center;gap:20px;margin-top:30px;display:flex}.heroButtons button{cursor:pointer;border:none;border-radius:10px;padding:15px 35px;font-size:18px}.outlineBtn{color:#fff;background:0 0;border:2px solid #fff!important}.login{justify-content:center;align-items:center;width:100%;height:90vh;display:flex}.loginForm{background:#fff;border-radius:10px;flex-direction:column;gap:20px;width:400px;padding:40px;display:flex}.loginForm h1{text-align:center}.loginForm input{padding:15px;font-size:16px}.loginForm button{color:#fff;cursor:pointer;background:#2563eb;border:none;padding:15px;font-size:18px}.signup{justify-content:center;align-items:center;width:100%;height:90vh;display:flex}.signupForm{background:#fff;border-radius:10px;flex-direction:column;gap:20px;width:400px;padding:40px;display:flex}.signupForm h1{text-align:center}.signupForm input{padding:15px;font-size:16px}.signupForm button{color:#fff;cursor:pointer;background:#16a34a;border:none;padding:15px;font-size:18px}.dashboard{padding:40px}.dashboard h1{margin-bottom:30px}.dashboardCards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 0 10px #0000001a}.card h2{color:#2563eb;margin-bottom:10px;font-size:45px}.card p{font-size:20px}.books{padding:40px}.books h1{margin-bottom:30px}.booksGrid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.bookCard{background:#fff;border-radius:12px;padding:25px;box-shadow:0 0 10px #0000001a}.bookCard h2{margin-bottom:15px}.bookCard p{margin-bottom:10px}.bookCard h3{color:#2563eb;margin-bottom:20px}.bookCard button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#f4f4f4}