@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);:root{--font-primary:"Poppins",sans-serif;--font-secondary:"Playfair Display",serif;--font-primary:"Roboto",sans-serif;--font-secondary:"Montserrat",serif;--color-primary:#007bff;--color-text:#333;--color-text-light:#666;--color-background:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--color-text);font-family:Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Montserrat,serif;font-family:var(--font-secondary);font-weight:600}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:.5rem 0;position:fixed;top:0;width:100%;z-index:1000}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{padding:.5rem;text-decoration:none}.logo-image{height:40px;max-width:200px;object-fit:contain;transition:transform .2s ease;width:auto}.logo-text{color:#333;font-size:1.5rem;font-weight:700;margin-left:.5rem}.logo:hover .logo-image{transform:scale(1.05)}.nav-menu ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-menu a{color:#333;font-size:1rem;font-weight:500;padding:.5rem;text-decoration:none;transition:all .3s ease}.nav-menu a:hover{color:#007bff;text-decoration:none}.auth-buttons{align-items:center;display:flex;gap:1rem}.login-btn,.signup-btn{border-radius:6px;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.login-btn{background-color:initial;border:2px solid #007bff;color:#007bff}.signup-btn{border:2px solid #007bff}.login-btn:hover,.signup-btn{background-color:#007bff;color:#fff}.login-btn:hover,.signup-btn:hover{transform:translateY(-1px)}.signup-btn:hover{background-color:#0056b3;border-color:#0056b3}.library-btn,.logout-btn{border-radius:6px;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.library-btn{background-color:initial;border:2px solid #007bff;color:#007bff}.logout-btn{background-color:#dc3545;border:none;color:#fff;cursor:pointer}.library-btn:hover{background-color:#007bff;color:#fff}.logout-btn:hover{background-color:#c82333}.mobile-menu-button{display:none}@media (max-width:768px){.header-container{padding:0 1rem}.logo-image{height:32px}.mobile-menu-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:.5rem}.mobile-menu-button span{background-color:#333;border-radius:2px;height:2px;transition:all .3s ease;width:25px}.nav-menu{background-color:#fff;box-shadow:0 4px 6px #0000001a;display:none;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-menu.active{display:block}.nav-menu ul{flex-direction:column;gap:1rem}.nav-menu a{display:block;padding:.8rem}.auth-buttons{display:none}}footer{background:#174ea6;bottom:0;box-shadow:0 -2px 8px #00000014;color:#fff;font-family:Roboto,sans-serif;font-family:var(--font-primary,"Roboto",sans-serif);left:0;opacity:1;padding:1rem 0;position:fixed;text-align:center;transition:opacity .4s ease;width:100%;z-index:100}footer p{font-size:1rem;letter-spacing:.5px;margin:0}.home-container{padding-top:60px}.hero-section{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.hero-content{max-width:800px}.hero-content h1{animation:fadeIn 1s ease-out forwards;font-family:var(--font-secondary);font-size:3.5rem;margin-bottom:1.5rem;opacity:0}.highlight{color:#007bff;position:relative}.highlight:after{background-color:#007bff;bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.highlight:hover:after{transform:scaleX(1)}.subtitle{animation:slideUp .8s ease-out .5s forwards;color:var(--color-text-light);font-family:var(--font-primary);margin-bottom:2rem}.cta-buttons,.subtitle{opacity:0;transform:translateY(20px)}.cta-buttons{animation:slideUp .8s ease-out .8s forwards;display:flex;gap:1rem;justify-content:center}.cta-primary,.cta-secondary{border-radius:30px;font-family:var(--font-primary);font-weight:500;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-primary{background-color:#007bff;color:#fff}.cta-secondary{background-color:initial;border:2px solid #007bff;color:#007bff}.cta-primary:hover,.cta-secondary:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.features-section{background-color:#fff;padding:5rem 2rem}.section-title{color:var(--color-text);font-family:var(--font-secondary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.how-it-works{background-color:#f8f9fa;padding:5rem 2rem}.steps-container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:0 auto;max-width:1200px}.step{flex:1 1;min-width:200px;text-align:center}.step-number{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.steps-container{align-items:center;flex-direction:column}}.contact-container{margin:0 auto;max-width:1200px;padding:60px 20px}.contact-hero{margin-bottom:3rem;text-align:center}.contact-hero h1{animation:fadeIn 1s ease-out;color:#333;font-size:2.5rem;margin-bottom:1rem}.subtitle{animation:slideUp .8s ease-out;color:#666;font-size:1.2rem}.contact-content{grid-gap:3rem;background:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 2fr;padding:2rem}.contact-info{background:#f8f9fa;border-radius:8px;padding:2rem}.info-item{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.contact-form{padding:2rem}label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{border:1px solid #ddd;border-radius:4px;padding:.8rem;transition:border-color .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#007bff;outline:none}.submit-btn{background-color:#007bff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:transform .3s ease,background-color .3s ease}.submit-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-top:1rem;padding:1rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}.about-container{color:#333;font-family:Inter,sans-serif;line-height:1.6;padding-top:60px}.about-hero{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:2rem;text-align:center}.about-hero h1{animation:fadeInPermanent 1s ease-out forwards;color:#1a1a1a;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.subtitle{animation:slideUpPermanent .8s ease-out .3s forwards;color:#555;font-size:1.5rem;line-height:1.4;margin:0 auto;max-width:600px}.story-section{background-color:#fff;padding:4rem 0}.story-section p{animation:fadeInPermanent 1s ease-out .5s forwards;color:#444;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.mission-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.mission-card{animation:fadeInPermanent 1s ease-out forwards;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.mission-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.mission-card h3{color:#007bff;font-size:1.4rem;font-weight:600;margin:1rem 0}.value-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014}.value-item:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.team-member h3{color:#1a1a1a}.team-member p{color:#666}h2{animation:fadeInPermanent 1s ease-out forwards;color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}@keyframes fadeInPermanent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpPermanent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mission-card:first-child{animation-delay:.2s}.mission-card:nth-child(2){animation-delay:.4s}.mission-card:nth-child(3){animation-delay:.6s}.value-item:first-child{animation-delay:.3s}.value-item:nth-child(2){animation-delay:.5s}.value-item:nth-child(3){animation-delay:.7s}.values-section{background-color:var(--color-background);padding:5rem 2rem}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.value-item{animation:fadeInPermanent 1s ease-out forwards;background:var(--color-background);border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.value-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.value-item .icon{font-size:2.5rem;margin-bottom:1rem}.value-item h3{color:var(--color-primary);font-size:1.4rem;font-weight:600;margin:1rem 0}.team-section{background-color:var(--color-background);padding:5rem 2rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.team-member{animation:fadeInPermanent 1s ease-out forwards;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.team-member:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.member-image{border:4px solid var(--color-primary);border-radius:50%;height:200px;margin:0 auto 1.5rem;overflow:hidden;width:200px}.member-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.team-member:hover .member-image img{transform:scale(1.1)}.team-member h3{color:var(--color-text);font-family:var(--font-secondary);font-size:1.3rem;font-weight:600;margin:1rem 0 .5rem}.team-member p{color:var(--color-text-light);font-size:1rem}@media (max-width:768px){.about-hero h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.mission-grid,.values-grid{grid-template-columns:1fr}.team-grid,.values-grid{padding:0 1rem}.team-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.member-image{height:150px;width:150px}}.loading-screen{align-items:center;background:#ffffffe6;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #eee;border-radius:50%;border-top-color:#007bff;border-top:6px solid var(--color-primary,#007bff);height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#007bff;color:var(--color-primary,#007bff);font-family:Roboto,sans-serif;font-family:var(--font-primary,"Roboto",sans-serif);font-size:1.2rem}.rental-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rental-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:500px;padding:2rem;width:90%}.rental-modal h2{color:#333}.rental-details,.rental-modal h2{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#666}.price-calculation{background:#f8f9fa;border-radius:4px;margin-top:1rem;padding:1rem}.price-calculation p{color:#28a745;font-size:1.2rem;font-weight:600}.price-calculation small{color:#666}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.confirm-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.cancel-btn{background:#f8f9fa;border:1px solid #ddd}.confirm-btn{background:#007bff;border:none;color:#fff}.confirm-btn:hover{background:#0056b3}.books-container{margin:0 auto;max-width:1200px;padding:60px 20px}.books-hero{animation:fadeIn .8s ease-out;margin-bottom:3rem;text-align:center}.books-hero h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:1rem}.books-hero p{color:#666;font-size:1.2rem}.books-filters{margin-bottom:2rem}.search-bar{margin:0 auto 2rem;max-width:500px;position:relative}.search-bar input{border:2px solid #eee;border-radius:30px;font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:border-color .3s ease;width:100%}.search-bar input:focus{border-color:#007bff;outline:none}.search-icon{color:#666;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-btn{background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.category-btn.active{background:#007bff;color:#fff}.category-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.books-grid{grid-gap:2rem;animation:fadeIn .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.book-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease}.book-card:hover{transform:translateY(-5px)}.book-cover{height:300px}.book-cover img{transition:transform .3s ease}.book-card:hover .book-cover img{transform:scale(1.05)}.book-info{padding:1.5rem}.book-info h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:.5rem}.author,.book-meta{font-size:.9rem}.book-meta{justify-content:space-between;margin-bottom:1rem}.rating{color:#ffc107}.price{color:#28a745;font-weight:400}.rent-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem;transition:background-color .3s ease;width:100%}.rent-btn:hover{background:#0056b3}.loading-spinner{color:#666;padding:2rem;text-align:center}.error-message{background:#fff3f3;border-radius:8px;margin:1rem 0;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.books-container{padding:40px 15px}.books-hero h1{font-size:2rem}.category-filters{gap:.5rem}.category-btn{font-size:.9rem;padding:.4rem 1rem}.books-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.library-container{margin:0 auto;max-width:1200px;padding:80px 20px 40px}.library-container h1{color:#333;font-size:2rem;margin-bottom:2rem}.rentals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rental-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease}.rental-card:hover{transform:translateY(-5px)}.book-cover{height:200px;overflow:hidden}.book-cover img{height:100%;object-fit:cover}.rental-info{padding:1.5rem}.rental-info h3{color:#333;margin-bottom:.5rem}.author{color:#666;margin-bottom:1rem}.rental-meta{border-top:1px solid #eee;padding-top:1rem}.remaining-days{color:#007bff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.rental-dates{color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.no-rentals{padding:3rem;text-align:center}.browse-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 2rem;transition:background .3s ease}.browse-btn:hover{background:#0056b3}.book-details-container{margin:0 auto;max-width:1200px;padding:80px 20px}.book-details-content{grid-gap:40px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:grid;gap:40px;grid-template-columns:300px 1fr;padding:30px}.book-cover img{border-radius:5px;box-shadow:0 4px 10px #0003;width:100%}.book-info{display:flex;flex-direction:column}.book-info h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.book-info h2{align-self:flex-start;color:#666;font-size:1.2rem;font-weight:400;margin-bottom:1.5rem;text-align:left;width:100%}.book-meta{display:flex;gap:20px;margin-bottom:20px}.price{color:#2c5282;font-size:1.2rem;font-weight:700}.rating{color:#666}.description{color:#444;line-height:1.6;margin-bottom:30px}.read-button,.rent-button{border:none;border-radius:5px;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:background .3s ease}.rent-button{background:#2c5282;color:#fff}.read-button{background:#48bb78;color:#fff}.rent-button:hover{background:#2a4365}.read-button:hover{background:#38a169}.login-container{align-items:center;display:flex;justify-content:center;margin-top:60px;min-height:calc(100vh - 150px);padding:20px}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.login-submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s ease;width:100%}.login-submit-btn:hover{background-color:#0056b3}.signup-link{color:#666;margin-top:1rem;text-align:center}.signup-link a{color:#007bff;margin-left:.5rem;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media (max-width:480px){.login-form{padding:1.5rem}}.signup-container{align-items:center;display:flex;justify-content:center;margin-top:60px;min-height:calc(100vh - 150px);padding:20px}.signup-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.signup-form h2{color:#333;text-align:center}.form-group,.signup-form h2{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.signup-submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s ease;width:100%}.signup-submit-btn:hover{background-color:#0056b3}.login-link{color:#666;margin-top:1rem;text-align:center}.login-link a{color:#007bff;margin-left:.5rem;text-decoration:none}.login-link a:hover{text-decoration:underline}.error-message{background-color:#fff3f3;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.75rem;text-align:center}@media (max-width:480px){.signup-form{padding:1.5rem}}
/*# sourceMappingURL=main.169df1c5.css.map*/