.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 6rem;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:1000;background-color:var(--background-color)}.navbar-logo{display:flex;align-items:center}.navbar-logo img{width:30px;height:auto;margin-right:.5em}.navbar-logo a{font-size:20px;font-weight:700;color:var(--text-color);text-decoration:none}.navbar-links{display:flex;flex-direction:row}.navbar-links a{margin-right:1.5em;color:var(--text-color);text-decoration:none;font-size:16px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.btn-primary{background-color:var(--primary-color);color:var(--background-color)}.btn-secondary{background-color:#d3ebe0;color:var(--text-color);padding:5px 16px;box-shadow:0 0 5 #0003;transition:background-color .3s ease}.btn-secondary:hover{background-color:#d3ebe0}.navbar-menu{display:none;margin-left:1em;position:relative}.navbar-menu-container{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;text-align:end;background-color:#ddf9ec;padding-right:1.5rem;position:absolute;top:30px;right:0;margin-top:1rem;min-width:125px;border-radius:5px;box-shadow:0 0 5 #0003}.navbar-menu-container-links{display:flex;margin:.75rem 0;flex-direction:column}.navbar-menu-container-links a{color:var(--text-color);text-decoration:none;font-size:14px;margin:.5rem 0}.navbar-menu-container-buttons{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem}.navbar-menu-container-buttons button{padding:.5rem;font-family:var(--font-family);font-weight:500;font-size:14px;line-height:25px;border:none;outline:none;cursor:pointer;border-radius:5px}@media screen and (max-width: 1050px){.navbar{padding:1rem 3rem}.navbar-links,.navbar-buttons{display:none}.navbar-menu{display:flex}}.header{display:flex;align-items:center}.header-content{flex:1;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin-right:5rem}.header-content h1{font-size:54px;color:var(--heading-color);margin-bottom:20px;line-height:70px}.header-content p{font-size:21px;color:var(--text-color);margin-bottom:30px;line-height:28px}.image-container{flex:1;display:flex;justify-content:center;align-items:center}.image-container img{width:80%;height:auto;border-radius:10px}@media (max-width: 1050px){.home-page{flex-direction:column}.header-content{margin:0 0 3rem}}@media (max-width: 650px){.header-content h1{font-size:42px;line-height:55px}.header-content p{font-size:16px;line-height:24px}.image-container{display:none}}.feature{display:grid;grid-template-columns:55% 45%;grid-template-rows:auto auto auto auto;position:relative;overflow:hidden;padding:2rem 0 6rem}.feature:before{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background-color:var(--primary-color);border-top-right-radius:.8rem;border-bottom-right-radius:.8rem;box-shadow:5px 0 10px -5px #00000080;z-index:-1}.feature-title{grid-row:1;display:flex;justify-content:center;color:var(--text-color-white);font-size:32px;padding:4rem 0}.step1{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:55% 45%;padding:2rem 6rem}.step1 p{font-size:22px;color:var(--text-color-white);padding-bottom:2rem;line-height:1.5}.step1-left{grid-column:1;grid-row:2;padding:2rem 6rem;display:flex;flex:1;justify-content:flex-end;align-items:center}.step1-left img{width:35%;min-width:120px}.step1-right{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;align-items:center;padding:4rem;flex:1}.step1-right img{width:65%;min-width:200px}.step2{grid-row:3;grid-column:1 / -1;display:grid;grid-template-columns:55% 45%;padding:2rem 6rem}.step2-left{display:flex;justify-content:flex-end;grid-column:1;grid-row:3;flex:1;background-color:var(--primary-color);padding:0 6rem}.step2-left img{width:80%;min-width:300px}.step2-right{display:flex;flex-direction:column;justify-content:center;grid-column:2;grid-row:3;flex:1;padding:0 4rem;gap:1rem}.step2-right p{font-size:22px;color:var(--text-color);line-height:1.5}.step2-right .upload-section,.upload-section{display:flex;gap:1rem}.choose-file-btn{background-color:#f0f0f0;color:var(--text-color)}.step3{grid-row:4;grid-column:1 / -1;display:grid;font-size:22px;color:var(--text-color-white);padding:2rem 6rem;grid-template-columns:55% 45%}.step3-left{grid-column:1;grid-row:4;flex:1}.step3-left a{display:flex;justify-content:center}.step3-left a img{width:100%;max-width:150px;margin:2rem 1rem}.step3-right{display:flex;grid-column:2;grid-row:4;flex:1;gap:1rem;justify-content:center;align-items:center}.step3-right img{width:100%;max-width:150px;margin:0rem 1rem;padding:0rem}@media (max-width: 1050px){.step1-left,.step2-left{padding:2rem 4rem}.step3-right img{width:80%;max-width:100px;margin:0rem .5rem}}@media (max-width: 750px){.feature:before{display:none}.feature{grid-template-columns:1fr;background-color:var(--primary-color)}.step1,.step2,.step3{display:flex;flex-direction:column;grid-template-columns:1fr}.step1-left,.step1-right,.step2-left,.step2-right,.step3-left,.step3-right{grid-column:1;padding:1rem}.feature-title{padding:2rem;font-size:28px}.step2-left{display:flex;justify-content:center;align-items:center;padding:1rem;order:2}.step2-right{align-items:center;background-color:var(--primary-color);color:var(--text-color-white);padding:1rem 0rem;order:1}.step1,.step2,.step3{padding:1rem 3rem}.feature-step-text,.step2-right p{color:var(--text-color-white)}.kindle-image,.laptop-image{width:100%;max-width:100px;margin:1rem auto;padding:0rem}.choose-file-btn.feature{background-color:#f0f0f0;color:var(--text-color)}}@media (max-width: 450px){.step1 p,.step2 p,.step3 p{padding:1rem;font-size:20px}.feature{padding:1rem 0rem}.step2-left{padding:0rem}}.footer{padding:2rem 0}.footer-left h3{color:var(--secondary-color);margin-bottom:2rem}.footer-left p{color:var(--secondary-color);margin-bottom:1rem}.social-icons a{color:var(--secondary-color);margin-right:.5rem;font-size:1.5rem}.footer-divider{border:none;border-top:1px solid #ccc;margin:0 0 1rem}.footer-bottom p{color:var(--secondary-color);margin-left:6rem}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--background-color)}a{color:unset;text-decoration:none}.section-padding{padding:4rem 6rem}.section-margin{margin:4rem 6rem}@media screen and (max-width: 768px){.section-padding{padding:4rem}.section-margin{margin:4rem}}.auth-container{max-width:400px;margin:40px auto;padding:20px}.extra-links{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;gap:8px}.link-button{background-color:transparent;border:none;cursor:pointer;text-decoration:underline;color:#7f8183;font-size:14px}.success-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.book-card-container{display:flex;flex-direction:column;width:100%;max-width:1000px}.book-card{flex-grow:1}.note-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.file-upload-container{display:flex;align-items:center;gap:1rem}.hidden-input{display:none}.choose-file-btn,.upload-btn{padding:.5rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;white-space:nowrap;display:flex;justify-content:center}.upload-btn{background-color:#f0f0f0;color:var(--text-color);padding-left:1rem;box-shadow:0 2px 4px #00000026;transition:background-color .3s ease}.choose-file-btn{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0000004d;transition:background-color .3s ease}.choose-file-btn:hover{background-color:#027953}.upload-btn:hover{background-color:#eae8e8}.file-name{color:#666;font-size:.9rem}.fas{margin-right:8px}.delete-btn{background-color:#d3ebe0;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#b6d0c4}.actions-bar{width:100%;margin-bottom:20px;display:flex;justify-content:flex-end}.delete-all-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .3s ease}.delete-all-btn:hover{background:#c82333}.delete-all-btn:disabled{background:#ccc;cursor:not-allowed}@media (min-width: 1050px){.book-card-container{width:80%}}@media (max-width: 768px){.success-page{padding:2rem}.book-card-container{width:80%}.actions-bar{justify-content:center}}@media (max-width: 450px){.book-card-container{width:100%}.choose-file-btn,.upload-btn,.delete-all-btn{font-size:12px;max-width:80px}}.cursor-pointer{cursor:pointer}.hover-shadow{transition:box-shadow .3s ease}.hover-shadow:hover{box-shadow:0 4px 8px #0000001a}.card-body{display:flex;justify-content:flex-start;align-items:center;padding:1rem 2rem 1rem 1rem;gap:2rem;border:1px solid #e0e0e0;border-bottom:none}.card-body>img{height:100px}.card-body .card-arrow{font-size:30px;color:#666;margin-left:auto}@media (max-width: 1050px){.book-title{max-width:200px}.book-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px){.card-body{padding:10px;gap:10px}.book-cover{width:70px}.book-title{font-size:14px;max-width:200px}.book-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn{background-color:var(--primary-color);color:#fff}.delete-btn{padding:.2rem .5rem;font-size:12px}}@media (max-width: 480px){.book-cover{width:50px}.book-title{font-size:14px;max-width:140px}.book-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{font-size:18px}}.book-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 6rem;gap:1rem}.book-page button{margin-left:auto}.book-cover-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.book-cover-container img{height:100px}.text-container{line-height:3;margin-bottom:1.5rem}.notes-list-item{border-bottom:1px solid #c0c0c0;padding-bottom:.5rem}@media (max-width: 768px){.book-cover-container h2{font-size:1rem}.text-container{font-size:14px;line-height:2}.book-page button{font-size:12px}.book-page{padding:1rem 4rem}}body{font-family:Arial,sans-serif;margin:0;padding:0}:root{--primary-color: #038E63;--secondary-color: #2c5e2e;--text-color: #333;--text-color-white: #FFF;--background-color: #ECFDF5;--heading-color: #064E3B}*{box-sizing:border-box}