body{font-family:Open Sans,sans-serif;color:#020307;font-size:16px;background:#f9f9f5}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:"Roboto Serif",serif}h2{font-size:32px;font-weight:400;color:#020307;margin-bottom:24px}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}header{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}header #logo{text-decoration:none}header .menu-item{font-weight:500;color:#020307;text-decoration:none}header .menu-item:hover{opacity:.8}footer{padding:60px 0 24px;background:#020307;margin-top:180px}footer .container{display:flex;justify-content:space-between;padding-bottom:48px;border-bottom:1px solid rgba(249,249,245,.2)}footer .footer-logo-container{display:flex;flex-direction:column;gap:24px}footer .footer-logo-container .bookslovesocial{width:130px}footer .menu-items{display:flex;flex-direction:column;gap:16px}footer .menu-items a{color:#f9f9f5;text-decoration:none;font-weight:500}footer .menu-items a:hover{opacity:.8}footer .app-buttons{display:flex;flex-direction:column;gap:16px}footer .social-links{display:flex;gap:32px}footer .social-links a{color:#f9f9f5;font-size:16px;text-decoration:none}footer .social-links a:hover{opacity:.8}footer .copy{color:#f9f9f5b3;font-size:14px;text-align:center;margin-top:24px}.button{background:#020307;color:#f9f9f5;padding:0 48px;height:44px;border-radius:22px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.button:hover{opacity:.9}.hero-container{background:linear-gradient(to bottom,#f1f0e700,#f1f0e7)}#hero{display:flex;justify-content:space-between;align-items:center}#hero .hero-content{display:flex;flex-direction:column;gap:12px}#hero .hero-content .tags{display:flex;gap:12px}#hero .hero-content .tags .tag{background:#0203070d;display:inline-flex;gap:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:5%;border-radius:4px}#hero .hero-content h1{font-size:48px;font-weight:700;font-family:"Roboto Serif",serif}#hero .hero-content p{font-size:18px}#hero .hero-content .buttons{margin-top:12px;display:flex;gap:16px}#hero .hero-content .buttons .app-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#020307;border-radius:50%}#hero .hero-image{min-width:40%;text-align:center}#hero .hero-image img{max-width:100vw;margin-bottom:30px}#functions{padding-top:180px}#functions h2{text-align:center;max-width:500px;margin:0 auto 48px}#functions .functions-container{display:flex;justify-content:space-between;align-items:center;gap:24px}#functions .functions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}#functions .function .title{display:flex;gap:12px;align-items:center;margin-bottom:6px}#functions .function .title .icon{width:48px;height:48px;background:#f1f0e7;border-radius:50%;display:flex;align-items:center;justify-content:center}#functions .function .title h3{font-size:20px}#screenshots{margin-top:180px;padding-bottom:120px;background:linear-gradient(to bottom,#f1f0e700,#f1f0e7)}#screenshots h2{text-align:center;max-width:600px;margin:0 auto 32px}#screenshots .container{display:flex;flex-direction:column;align-items:center;justify-content:center}#screenshots .button{margin-top:-60px}#screenshots img{margin-left:5vh;max-width:calc(100% - 5vh)}#faq{margin-top:120px}#faq .container{max-width:752px}#faq h2{text-align:center;font-weight:700}#faq .faqs{display:flex;flex-direction:column;gap:24px}#faq .faq{padding:18px 24px;border:2px solid rgba(2,3,7,.1);border-radius:20px;transition:all .3s ease-in-out;cursor:pointer}#faq .faq .header{display:flex;justify-content:space-between;align-items:center}#faq .faq .content{padding-right:60px;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}#faq .faq .icon{width:48px;height:48px;background:#f1f0e7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:100;line-height:100%}#faq .faq .icon.minus{display:none}#faq .faq.open{padding:18px 24px 24px}#faq .faq.open .content{max-height:1000px;opacity:1}#faq .faq.open .icon.plus{display:none}#faq .faq.open .icon.minus{display:flex}#cookies-policy.cookies{font-size:16px;width:100%;height:100%;max-height:100%;max-width:100%;overflow:auto;position:fixed;top:0;left:0;transition:transform .2s ease-out,opacity .2s ease-out;background:#000c;z-index:9999;display:flex;justify-content:center;align-items:center}#cookies-policy .cookies__alert{background:#fff;border:1px solid #e7e8e9;border-radius:8px;box-shadow:0 12px 12px -8px #00000014,0 0 4px #0000000a;margin:4%;max-height:90%;max-width:90%;width:600px}#cookies-policy .cookiesBtn--essentials .cookiesBtn__link{background:none;color:#020307e6;padding:12px;border:2px solid #e7e8e9;margin-bottom:6px;font-size:15px}h2.cookies__title{margin-bottom:6px;font-weight:700}#cookies-policy.cookies--closing{opacity:0;transform:translateY(10px)}#cookies-policy.cookies--show .cookies__btn--customize{border-bottom:1px solid #e7e8e9;border-top:none}#cookies-policy.cookies--show .cookies__btn svg{transform:rotate(180deg)}#cookies-policy.cookies--no-js .cookies__expandable:target,#cookies-policy.cookies--no-js .cookies__section .cookies__expandable{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy.cookies--no-js .cookies__details{display:none}#cookies-policy.cookies--no-js .cookies__sections{max-height:-moz-fit-content;max-height:fit-content}#cookies-policy.cookies--no-js svg{display:none}#cookies-policy .cookies__expandable{display:block;height:0;opacity:0;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__expandable--open{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy .cookies__container{display:block;height:auto;opacity:1;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .1s;visibility:visible}#cookies-policy .cookies__container--hide{height:0;opacity:0;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__wrapper{padding:1em 1.5em}#cookies-policy .cookies__intro{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__intro p{margin-top:1em}#cookies-policy .cookies__intro p:first-child{margin-top:0}#cookies-policy .cookies__intro a{color:inherit;text-decoration:underline;transition:color .2s ease-out}#cookies-policy .cookies__intro a:focus,#cookies-policy .cookies__intro a:hover{color:#0a66c2}#cookies-policy .cookies__actions{display:flex;flex-direction:column;gap:4px;justify-content:space-between;margin-top:1em}#cookies-policy .cookies__btn--customize{align-items:center;border-top:1px solid #e7e8e9;color:#2c2e30;display:flex;font-size:.875em;font-weight:600;justify-content:space-between;line-height:1em;padding:1.125em 24px;position:relative;text-decoration:none}#cookies-policy .cookies__btn svg{transition:transform .2s ease-out}#cookies-policy .cookies__sections{max-height:450px;overflow-y:scroll}#cookies-policy .cookies__section{padding:0 1.5em}#cookies-policy .cookies__section+.cookies__section{border-top:1px solid #eee}#cookies-policy .cookies__box,#cookies-policy .cookies__category{display:block;overflow:hidden;position:relative}#cookies-policy .cookies__category input{display:block;margin:0;padding:0;position:absolute;right:105%;top:0}#cookies-policy .cookies__box{cursor:pointer;line-height:1.4em;padding:1em 3em 1em 0}#cookies-policy .cookies__box:after,#cookies-policy .cookies__box:before{border-radius:1.4em;content:"";display:block;position:absolute;top:50%}#cookies-policy .cookies__box:after{background:#e7e8e9;height:1.4em;margin-top:-.7em;right:0;transition:background .2s ease-out,opacity .2s ease-out;width:2.5em;z-index:0}#cookies-policy .cookies__box:before{background:#fff;height:1em;margin-top:-.5em;right:.75em;transform:translate(-.55em);transition:transform .2s ease-out;width:1em;z-index:1}#cookies-policy .cookies__category input:checked+.cookies__box:after{background:#0a66c2;opacity:1}#cookies-policy .cookies__category input:disabled+.cookies__box:after{opacity:.6}#cookies-policy .cookies__category input:checked+.cookies__box:before{transform:translate(.55em)}#cookies-policy .cookies__label{color:#2c2e30;font-size:.875em;font-weight:600}#cookies-policy .cookies__info{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__details{color:#0a66c2;display:block;font-size:.875em;margin:.625em 0 .9em;transition:color .2s ease-out}#cookies-policy .cookies__details:focus,#cookies-policy .cookies__details:hover{color:#0a66c2}#cookies-policy .cookies__definitions{color:#676767;font-size:.875em;line-height:1.2em;padding-top:.8em}#cookies-policy .cookies__cookie+.cookies__cookie{margin-top:1em}#cookies-policy .cookies__name{color:#8a8e92;display:inline;font-weight:600;line-height:22px}#cookies-policy .cookies__duration{color:#8a8e92;display:inline;text-align:right}#cookies-policy .cookies__description{color:#8a8e92;display:block;line-height:120%;padding-top:.3em;text-align:left;width:100%}#cookies-policy .cookies__save{border-top:1px solid #e7e8e9;display:flex;justify-content:flex-end;margin-top:.4em;padding:.75em 1.5em}#cookies-policy .cookiesBtn{width:100%}#cookies-policy .cookiesBtn__link{background:#020307;border:2px solid #020307;color:#fff;cursor:pointer;display:block;font:inherit;font-size:16px;font-weight:700;line-height:1em;margin:0;overflow:hidden;padding:16px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:opacity .2s ease-out;white-space:nowrap;width:100%;text-transform:uppercase;border-radius:40px}#cookies-policy .cookiesBtn__link:focus,#cookies-policy .cookiesBtn__link:hover{opacity:.8}#recommendations{margin-top:100px;position:relative}#recommendations h2{text-align:center;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}#recommendations h2 img{width:28px;height:28px}#recommendations.collapsed .items{overflow:hidden;max-height:700px}#recommendations .bottom-fade{height:300px;background:linear-gradient(to bottom,transparent,#f9f9f5);position:absolute;bottom:0;left:0;right:0;pointer-events:none}#recommendations #toggle-recommendations{position:relative;top:24px;display:block;text-align:center;font-weight:700;text-decoration:underline;cursor:pointer}#recommendations .items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;transition:max-height .4s ease}#recommendations .item{background:linear-gradient(to bottom,#f1f0e700,#f1f0e7);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:16px;justify-content:space-between}#recommendations .item .text{position:relative;padding-top:12px}#recommendations .item .text .quote-sign{position:absolute;top:-16px;left:-16px;width:48px;height:48px}#recommendations .item .user{display:flex;align-items:center;gap:12px}#recommendations .item .user img{width:40px;height:40px;border-radius:50%;overflow:hidden;object-fit:cover}#recommendations .item .user .name{font-weight:700;font-size:16px}#recommendations .item .user small{color:#020307;font-size:14px}@media screen and (max-width: 1000px){#hero{flex-direction:column;text-align:center}#hero .hero-content{margin-top:48px;margin-bottom:48px}#hero .tags,#hero .buttons{justify-content:center}#recommendations .items{grid-template-columns:repeat(2,1fr)}.functions-container{flex-direction:column}.functions-container .functions{order:0}.functions-container>img{display:none}#screenshots .button{margin-top:-30px}footer .container{flex-direction:column;gap:48px;align-items:center;text-align:center}footer .social-links{justify-content:center}footer .footer-logo-container{align-items:center}}@media screen and (max-width: 600px){#hero .hero-content h1{font-size:34px}#recommendations .items{grid-template-columns:1fr}h2{font-size:28px}#screenshots .button{margin-top:-10px}#screenshots img{margin-left:2vh;max-width:calc(100% - 2vh)}#functions{padding-top:120px}#screenshots{margin-top:120px;padding-bottom:80px}#faq{margin-top:80px}footer{margin-top:120px}}.subpage{min-height:50vh;max-width:900px}.subpage h1{text-align:center;font-size:36px;margin-top:32px;margin-bottom:48px}.subpage h2{font-weight:700;font-size:24px;margin-top:48px}.subpage ul{padding-left:48px}