*,*:before,*:after{box-sizing:border-box}body{font-family:sans-serif;margin:0;padding:0;box-sizing:border-box;color:#fff}header{background:#333;color:#54b0d4;padding:1em 0}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1em}.logo h1{margin:0}.logo h1 a{text-decoration:none;color:#fff}.nav-links{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}.nav-links li{font-size:1.5em}.nav-links a,.btn{color:#fff;text-decoration:none}.btn{background:#87d1e7cc;color:#333;padding:.5em 1em;border-radius:5px;cursor:pointer}.btn:hover{background-color:#79ade4cc}.btn-green{padding:.5em 1em;border-radius:5px;margin:5px;background:#228a54;text-decoration:none;color:#fff}.btn-green:hover{background-color:#186b40}#features,#testimonials,#pricing,#contact{padding:4em 1em;text-align:center;color:#444}.feature-cards,.testimonials,.pricing-plans{display:flex;justify-content:center;gap:2em;flex-wrap:wrap}.feature-card,.testimonial,.pricing-plan{background:#87d1e766;padding:1.5em;border-radius:5px;width:300px}.pricing-plan li{list-style-type:circle;text-align:start}.pricing-plan li:nth-last-child(-n+1){padding-bottom:1em}form{max-width:600px;margin:0 auto;text-align:left}.form-group label{display:block;margin-bottom:.5em}.form-group input,.form-group textarea{width:100%;padding:.5em;border:1px solid #ccc;border-radius:5px}footer{background:#333;color:#fff;padding:.5em 0;text-align:center;width:100%;overflow:hidden}.social-links{list-style:none;display:flex;justify-content:center;gap:1em;padding:0;margin:1em 0 0}.social-links a{color:#fff;text-decoration:none}main{min-height:calc(100vh - 4.1em)}.book-cards{background-color:#fff;padding:2em;border-radius:8px}.book-cards h3{margin-top:0}.cards-container{display:flex;flex-wrap:wrap;gap:1em;cursor:pointer}.card{background-color:#fff;border-radius:5px;box-shadow:0 3px 2px #0000001a;width:calc(25% - 2em);box-sizing:border-box}.card h4{margin:0;color:#444}.card p{color:#666}.btn-small{background-color:#007bff;color:#fff;padding:.5em 1em;border:none;border-radius:4px;cursor:pointer}.btn-small:hover{background-color:#0056b3}@media (max-width:700px){.book-cards{padding:.5em}}.modal-header{display:flex;flex-direction:column;position:fixed;top:0;width:100vw;height:100vh;background-color:#000c}.modal-header h1{font-size:2em;color:#fff;text-align:left}.header-desktop span{margin:0 1em;cursor:pointer}.header-desktop span:hover{opacity:.6}svg{width:100px;z-index:10}#top-line,#bottom-line,#middle-line{transform-box:fill-box;transform-origin:center}svg:hover #top-line{animation:down-rotate .6s ease-out both}svg:hover #bottom-line{animation:up-rotate .6s ease-out both}svg:hover #middle-line{animation:hide .6s ease-out forwards}@keyframes up-rotate{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translateY(0)}30%{transform-origin:center;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-10px)}to{transform-origin:center;transform:translateY(-10px) rotate(45deg) scale(.9)}}@keyframes down-rotate{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translateY(0)}30%{transform-origin:center;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(10px)}to{transform-origin:center;transform:translateY(10px) rotate(-45deg) scale(.9)}}@keyframes hide{29%{opacity:1}30%{opacity:0}to{opacity:0}}@media (max-width: 700px){header{background-color:unset;max-height:40px;padding:0;position:relative;top:10px;z-index:10}#hamburger{position:fixed;right:.5em;max-height:40px;max-width:60px}.modal-header .nav-links{width:100%;left:0;list-style:none;display:inline-block;text-align:left}.modal-header .nav-links li{padding:.5em 0}}.msg-popup{padding:.5em;width:90%;margin:.2em;border-radius:6px;border:2px solid;position:absolute;top:4em;left:5%;z-index:10;font-weight:600}.success{background-color:#7fffd4;border-color:#006400;color:#006400}.warning{background-color:#ffa07acc;border-color:#8b0000;color:#8b0000}.error{background-color:#f08080;border-color:#8b0000;color:#8b0000}.scan-link{position:fixed;width:50px;height:50px;background-color:#0000ff80;border-radius:100%;font-size:2em;color:#fff;bottom:2.1em;right:0}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}#book-card{padding:2em;background-color:#fff;color:#444;border-radius:8px;box-shadow:0 0 10px #0000001a;width:50%;margin:1em auto}#action-buttons{display:flex;flex-direction:rows;justify-content:space-between}button{padding:5px;border-radius:8px;font-weight:700;margin:5px}@media (max-width: 768px){#book-card{width:100%}}#scanner-container{padding:3em;width:50%;margin:auto}canvas.drawing,canvas.drawingBuffer{height:0}.btn-scan{display:block;margin:.5em auto;text-align:center}@media (max-width: 680px){#scanner-container{padding:0;margin:0;width:100%}}.features[data-v-b251c05d]{display:flex;align-items:center;justify-content:space-between;padding:2em;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.carousel[data-v-b251c05d]{display:flex;flex-direction:column;gap:1em}.carousel-item[data-v-b251c05d]{cursor:pointer;padding:1em;background-color:#87d1e766;border-radius:4px;transition:background-color .3s;position:relative}.carousel-item[data-v-b251c05d]:hover,.carousel-item.active[data-v-b251c05d]{background-color:#78ace366}.progress-bar[data-v-b251c05d]{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#0000001a}.progress[data-v-b251c05d]{height:100%;background-color:#007bff;transition:width .1s linear}.feature-visual[data-v-b251c05d]{flex:1;display:flex;justify-content:center;align-items:center}.feature-visual img[data-v-b251c05d]{display:none;max-width:100%;border-radius:8px;margin-left:30px}.feature-visual img.active[data-v-b251c05d]{display:block}@media (max-width: 768px){.features[data-v-b251c05d]{flex-direction:column;align-items:flex-start}.feature-visual[data-v-b251c05d]{width:100%;margin-top:2em}.feature-visual img[data-v-b251c05d]{margin-left:0}}#hero{position:relative;color:#fff;text-align:center;padding:12em 1em;background:url(/top-view-books-arrangement.jpg) no-repeat center center/cover}.hero-content h2{font-size:2.5em;margin:.5em 0;text-shadow:1px 1px 5px black}.emoji-container{margin:auto;display:inline-block}.emoji-container h3{margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.emoji-container:hover .blast-off{-webkit-animation-name:blast-off-animation;animation-name:blast-off-animation;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display:inline-block}.emoji-container:active .blast-off{-webkit-animation-name:take-off-animation;animation-name:take-off-animation;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;display:inline-block}@keyframes take-off-animation{0%{-webkit-transform:translate(0px,0px);transform:translate(0)}65%{-webkit-transform:translate(30px,-50px);transform:translate(30px,-50px)}85%{-webkit-transform:translate(30px,-50px);transform:translate(30px,-50px)}90%{-webkit-transform:translate(30px,-50px);transform:translate(30px,-50px)}to{-webkit-transform:translate(30px,-50px);transform:translate(30px,-50px)}}@keyframes blast-off-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}10%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}20%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}30%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}40%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0)}60%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}85%{-webkit-transform:rotate(0deg);transform:rotate(0)}90%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}95%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@media (max-width: 700px){#hero{height:100vh;position:relative}}h2{margin-bottom:1em;text-align:center}.form-group{margin-bottom:1em}.form-group label{display:block;margin-bottom:.5em;color:#333}.form-group input{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px}.tag{margin:.7em 0;border-radius:1em;text-align:center;font-size:.7em}.tag span{top:1em}.actions{padding-top:50px;display:flex;flex-direction:row;justify-content:center;top:2em}.actions .btn{margin:.5em;font-weight:600;width:200px;text-align:center;padding:.5em;vertical-align:bottom}a{text-decoration:none;color:#fff}.icon{width:15px;height:15px;border-radius:100%;background-color:#f57d7d;font-family:arial;color:#fff;float:right;font-size:10px;font-weight:700;text-align:center;padding-top:2px}.icon:hover{background-color:#e75050;cursor:pointer;font-size:12px;padding-top:1px}.card-header{border-radius:5px 5px 0 0;padding:.5em;background-color:#bbeeea1a;vertical-align:center}.card-main{padding:0 .5em}.card-author{text-align:right;margin:5px 0 0}.card-author i{margin-left:5px}.card-footer{position:relative;padding:.5em;display:flex;flex-direction:row;justify-content:flex-end}.categoryAuthor{display:flex;flex-direction:row;justify-content:space-between;color:#444}@media (max-width: 700px){.card{width:100%}}