*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Noto Serif SC',serif;line-height:1.6;color:#333;background:#f8f9fa}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50;position:relative}.section-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(45deg,#e74c3c,#f39c12)}.text-center{text-align:center}.btn{display:inline-block;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(45deg,#e74c3c,#f39c12);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(231,76,60,.3)}.btn-secondary{background:transparent;color:#e74c3c;border-color:#e74c3c}.btn-secondary:hover{background:#e74c3c;color:#fff}.btn-outline{background:transparent;color:#2c3e50;border-color:#2c3e50}.btn-outline:hover{background:#2c3e50;color:#fff}.header{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.1);position:fixed;top:0;width:100%;z-index:1000}.header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 20px}.logo{display:flex;align-items:center;gap:10px}.logo i{font-size:2rem;color:#e74c3c}.logo h1{font-size:1.8rem;color:#2c3e50;font-weight:700}.main-nav ul{display:flex;list-style:none;gap:2rem}.main-nav a{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s ease;display:flex;align-items:center;gap:5px}.main-nav a:hover,.main-nav a.active{color:#e74c3c}.search-box{display:flex;background:#f8f9fa;border-radius:25px;padding:5px;border:2px solid #e9ecef}.search-box input{border:none;background:transparent;padding:8px 15px;outline:none;width:250px}.search-box button{background:#e74c3c;border:none;color:#fff;padding:8px 15px;border-radius:20px;cursor:pointer}.mobile-toggle{display:none;font-size:1.5rem;color:#2c3e50;cursor:pointer}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:120px 0 80px;text-align:center}.hero-content h2{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:600px;margin:0 auto}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{opacity:.9}.features{padding:80px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;border-radius:15px;background:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.feature-card .icon{font-size:3rem;color:#e74c3c;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;margin-bottom:1rem;color:#2c3e50}.hot-books{padding:80px 0;background:#f8f9fa}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.book-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.book-card:hover{transform:translateY(-5px)}.book-cover{position:relative;height:200px;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-tag{position:absolute;top:10px;right:10px;background:#e74c3c;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8rem}.book-info{padding:1.5rem}.book-info h3{font-size:1.2rem;margin-bottom:.5rem;color:#2c3e50}.author{color:#666;margin-bottom:.5rem}.rating{display:flex;align-items:center;gap:5px;margin-bottom:1rem}.rating i{color:#f39c12}.rating span{margin-left:5px;font-weight:600}.desc{color:#666;font-size:.9rem}.categories{padding:80px 0;background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.category-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f8f9fa;border-radius:15px;text-decoration:none;color:#2c3e50;transition:all .3s ease}.category-card:hover{background:#e74c3c;color:#fff;transform:translateY(-5px)}.category-card i{font-size:2.5rem;margin-bottom:1rem}.download{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.download .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.download-content h2{font-size:2.5rem;margin-bottom:1rem}.download-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.app-badges{display:flex;gap:1rem}.app-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);padding:10px 20px;border-radius:10px;color:#fff;text-decoration:none;transition:background .3s ease}.app-badge:hover{background:rgba(255,255,255,.2)}.app-badge i{font-size:2rem}.phone-mockup{width:250px;height:450px;background:#333;border-radius:30px;padding:20px;position:relative}.screen{width:100%;height:100%;background:#fff;border-radius:20px;overflow:hidden}.app-screen{padding:20px}.app-header{background:#e74c3c;color:#fff;padding:15px;text-align:center;font-weight:600;margin:-20px -20px 20px}.app-book{background:#f8f9fa;padding:15px;border-radius:10px}.app-title{font-weight:600;margin-bottom:10px}.app-progress{background:#e9ecef;height:4px;border-radius:2px;margin-bottom:15px}.progress-bar{background:#e74c3c;height:100%;border-radius:2px}.app-content p{font-size:.9rem;line-height:1.5;color:#666}.footer{background:#2c3e50;color:#fff;padding:60px 0 20px}.footer .container{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3rem}.footer-logo h3{font-size:1.5rem;margin-bottom:.5rem}.footer-logo p{opacity:.8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group h4{margin-bottom:1rem;color:#e74c3c}.link-group ul{list-style:none}.link-group a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.link-group a:hover{color:#fff}.footer-subscribe h4{margin-bottom:1rem;color:#e74c3c}.footer-subscribe p{margin-bottom:1rem;opacity:.8}.subscribe-form{display:flex;gap:10px}.subscribe-form input{flex:1;padding:10px;border:none;border-radius:5px;outline:none}.subscribe-form button{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.footer-bottom{border-top:1px solid #34495e;margin-top:2rem;padding-top:2rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;grid-template-columns:none}.social-links{display:flex;gap:1rem}.social-links a{color:#bdc3c7;font-size:1.2rem;transition:color .3s ease}.social-links a:hover{color:#e74c3c}.back-to-top{position:fixed;bottom:30px;right:30px;background:#e74c3c;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width:768px){.header .container{flex-wrap:wrap}.main-nav{display:none;width:100%;order:3}.main-nav.active{display:block}.main-nav ul{flex-direction:column;gap:1rem;padding-top:1rem}.mobile-toggle{display:block}.search-box{width:100%;margin-top:1rem;order:2}.search-box input{width:100%}.hero-content h2{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:1fr}.download .container{grid-template-columns:1fr;text-align:center}.phone-mockup{margin:0 auto}.footer .container{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:2rem}.footer-bottom .container{flex-direction:column;gap:1rem}}