:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--secondary:#c026d3;--bg-purple:#f6f3fd;--bg-purple-light:#efe9fb;--text-dark:#1a1425;--text-mid:#5c5468;--text-light:#8a8296;--white:#fff;--border:#eae6f5;--success:#16a34a;--warning:#f59e0b;--shadow-sm:0 2px 8px #8b3bf014;--shadow-md:0 8px 24px #8b3bf01f;--shadow-lg:0 16px 40px #8b3bf029;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.landing-page{color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page button{cursor:pointer;font-family:inherit}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{max-width:90rem;padding:0 1.5rem}}@media (min-width:1024px){.container{max-width:80rem;padding:0 2rem}}@media (min-width:1440px){.container{max-width:90rem}}.books-hero{background:radial-gradient(circle at 85% 10%,#e9defc 0%,#0000 45%),linear-gradient(#f5f0fd 0%,#ede4fb 100%);padding:80px 0 60px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (min-width:1024px){.hero-grid{gap:48px}}.hero-left{flex-direction:column;gap:24px;display:flex}.hero-badge{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);border-radius:24px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-1px;color:var(--text-dark);font-size:52px;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#8b3bf0,#c026d3);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-mid);max-width:520px;font-size:16px;line-height:1.7}.hero-buttons{gap:12px;display:flex}.btn-primary{color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#8b3bf0,#c026d3);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--text-dark);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-purple);border-color:var(--primary)}.hero-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-badge{background:var(--white);border-radius:var(--radius-sm);color:var(--text-mid);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.hero-right{justify-content:center;align-items:center;display:flex}.hero-illustration{aspect-ratio:1;width:100%;max-width:400px;height:auto;position:relative}.floating-book{background:var(--white);border-radius:var(--radius-md);width:80px;height:100px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;font-size:40px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.book-1{animation-delay:0s;top:20%;left:10%}.book-2{animation-delay:1s;top:10%;right:15%}.book-3{animation-delay:2s;bottom:20%;left:20%}.book-4{animation-delay:3s;bottom:10%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.search-filter-section{background:var(--bg-purple);padding:40px 0}.search-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:24px;padding:4px;display:flex}.search-icon{color:var(--text-light);margin-left:12px}.search-input{color:var(--text-dark);border:none;outline:none;flex:1;padding:12px 8px;font-size:15px}.search-input::placeholder{color:var(--text-light)}.search-btn{color:var(--white);border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b3bf0,#c026d3);padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.search-btn:hover{opacity:.9}.filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-icon{color:var(--primary)}.filter-label{color:var(--text-dark);font-size:14px;font-weight:700}.filter-options{flex-wrap:wrap;gap:12px;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);background:var(--white);cursor:pointer;padding:10px 16px;font-size:14px;transition:all .2s}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.category-section{padding:80px 0}.category-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:480px){.category-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:768px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.category-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}}.category-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:24px;transition:all .3s}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.category-icon{background:var(--bg-purple);width:48px;height:48px;color:var(--primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.category-name{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700}.category-count{color:var(--text-light);font-size:12px}.books-section{background:var(--bg-purple);padding:80px 0}.books-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:480px){.books-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.books-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.book-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s;position:relative;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bestseller-badge{color:var(--white);letter-spacing:.5px;z-index:10;background:linear-gradient(135deg,#8b3bf0,#c026d3);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.new-badge{background:var(--success);color:var(--white);letter-spacing:.5px;z-index:10;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.limited-badge{background:var(--warning);color:var(--white);letter-spacing:.5px;z-index:10;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.book-cover{background:linear-gradient(135deg,#8b3bf0,#c026d3);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.book-emoji{font-size:70px}.wishlist-btn{width:36px;height:36px;color:var(--text-light);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.wishlist-btn:hover{background:var(--white);color:var(--secondary)}.book-content{flex-direction:column;gap:12px;padding:20px;display:flex}.book-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.book-title{color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.4}.book-author{color:var(--text-mid);font-size:13px}.book-publisher{color:var(--text-light);font-size:12px}.book-meta{gap:16px;display:flex}.meta-item{color:var(--text-mid);align-items:center;gap:4px;font-size:12px;display:flex}.meta-item svg{color:var(--primary)}.book-rating{align-items:center;gap:8px;display:flex}.rating-value{color:var(--text-dark);font-size:14px;font-weight:700}.rating-count{color:var(--text-light);font-size:12px}.star-rating{align-items:center;gap:2px;display:flex}.book-price{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:12px;display:flex}.price-current{background:linear-gradient(135deg,#8b3bf0,#c026d3);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.price-original{color:var(--text-light);font-size:13px;text-decoration:line-through}.price-discount{color:var(--success);background:#16a34a1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.book-actions{border-radius:var(--radius-sm);gap:8px;padding:12px;display:flex}.btn-view{border-radius:var(--radius-sm);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex;color:var(--white)!important;background:#0f172a!important}.btn-cart{border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;display:flex;color:var(--white)!important;background:#0f172a!important}.bestsellers-section{padding:80px 0}.bestsellers-scroll{scrollbar-width:thin;scrollbar-color:var(--primary) var(--border);gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.bestsellers-scroll::-webkit-scrollbar{height:8px}.bestsellers-scroll::-webkit-scrollbar-track{background:var(--border);border-radius:4px}.bestsellers-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.bestseller-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);gap:16px;min-width:280px;padding:20px;transition:all .3s;display:flex}.bestseller-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.bestseller-cover{border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b3bf0,#c026d3);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:100px;display:flex;position:relative}.rank-badge{background:var(--warning);color:var(--white);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.bestseller-content{flex-direction:column;flex:1;gap:8px;display:flex}.bestseller-title{color:var(--text-dark);font-size:14px;font-weight:700;line-height:1.4}.bestseller-author{color:var(--text-mid);font-size:12px}.bestseller-rating{align-items:center;gap:6px;display:flex}.bestseller-price{align-items:center;gap:8px;display:flex}.new-arrivals-section{background:var(--bg-purple);padding:80px 0}.new-arrivals-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:480px){.new-arrivals-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.new-arrivals-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.new-arrival-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:20px;transition:all .3s;position:relative}.new-arrival-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.new-arrival-cover{border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b3bf0,#c026d3);justify-content:center;align-items:center;height:140px;margin-bottom:16px;display:flex}.new-arrival-title{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700}.new-arrival-author{color:var(--text-mid);margin-bottom:12px;font-size:12px}.new-arrival-price{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.btn-quick-view{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-mid);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-quick-view:hover{background:var(--bg-purple);border-color:var(--primary);color:var(--primary)}.book-details-section{padding:80px 0}.book-details-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr;gap:32px;padding:32px;display:grid}@media (min-width:768px){.book-details-card{grid-template-columns:250px 1fr}}@media (min-width:1024px){.book-details-card{grid-template-columns:300px 1fr}}.book-details-cover{border-radius:var(--radius-md);background:linear-gradient(135deg,#8b3bf0,#c026d3);justify-content:center;align-items:center;height:400px;display:flex}.book-emoji.large{font-size:120px}.book-details-content{flex-direction:column;gap:20px;display:flex}.book-details-title{color:var(--text-dark);font-size:24px;font-weight:800}.book-details-author{color:var(--text-mid);font-size:16px}.book-details-publisher{color:var(--text-light);font-size:14px}.book-details-meta{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.meta-label{color:var(--text-light);font-size:13px;font-weight:600}.meta-value{color:var(--text-dark);font-size:14px;font-weight:600}.book-details-features{background:var(--bg-purple);border-radius:var(--radius-md);padding:20px}.book-details-features h4{color:var(--text-dark);margin-bottom:12px;font-size:16px;font-weight:700}.book-details-features ul{flex-direction:column;gap:8px;list-style:none;display:flex}.book-details-features li{color:var(--text-mid);padding-left:20px;font-size:14px;position:relative}.book-details-features li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.why-buy-section{background:var(--bg-purple);padding:80px 0}.why-buy-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:480px){.why-buy-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.why-buy-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.why-buy-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:24px;transition:all .3s}.why-buy-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.why-buy-icon{background:var(--bg-purple);width:56px;height:56px;color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.why-buy-title{color:var(--text-dark);margin-bottom:8px;font-size:16px;font-weight:700}.why-buy-desc{color:var(--text-mid);font-size:13px;line-height:1.5}.reviews-section{padding:80px 0}.reviews-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:480px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.reviews-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.review-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.review-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.review-avatar{background:var(--bg-purple);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.review-info{flex:1}.review-name{color:var(--text-dark);margin-bottom:4px;font-size:15px;font-weight:700}.review-book{color:var(--text-mid);font-size:12px}.review-text{color:var(--text-mid);font-size:14px;font-style:italic;line-height:1.6}.faq-section{background:var(--bg-purple);padding:80px 0}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-question{background:var(--white);width:100%;color:var(--text-dark);text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.faq-question:hover{background:var(--bg-purple)}.faq-question.active{background:var(--bg-purple-light)}.faq-chevron{color:var(--text-light);flex-shrink:0;transition:transform .3s}.faq-chevron.rotate{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--border);padding:0 20px 20px}.faq-answer p{color:var(--text-mid);padding-top:16px;font-size:14px;line-height:1.6}.section-header{text-align:center;margin-bottom:48px}.section-title{letter-spacing:-.5px;color:var(--text-dark);margin-bottom:12px;font-size:36px;font-weight:800}.section-subtitle{color:var(--text-mid);font-size:16px}.cta-section{padding:80px 0}.cta-banner{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#8b3bf0 0%,#c026d3 100%);padding:64px}.cta-content{max-width:700px;margin:0 auto}.cta-title{color:var(--white);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.cta-subtitle{color:#ffffffe6;margin-bottom:32px;font-size:18px;line-height:1.6}.cta-buttons{justify-content:center;gap:16px;display:flex}.cta-buttons .btn-primary{background:var(--white);color:var(--primary)}.cta-buttons .btn-secondary{color:var(--white);background:0 0;border-color:#ffffff80}.cta-buttons .btn-secondary:hover{border-color:var(--white);background:#ffffff1a}@media (max-width:1440px){.container{max-width:1200px}.hero-title{font-size:48px}.category-grid{grid-template-columns:repeat(5,1fr)}.books-grid,.new-arrivals-grid{gap:20px}}@media (max-width:1366px){.container{max-width:1100px}.category-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.container{max-width:960px;padding:0 24px}.hero-title{font-size:44px}.category-grid{grid-template-columns:repeat(3,1fr)}.books-grid,.new-arrivals-grid{grid-template-columns:repeat(2,1fr);gap:18px}.why-buy-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-right{display:none}.filters-bar{flex-direction:column;align-items:flex-start}.filter-options{width:100%}.filter-select{flex:1}.book-details-card{grid-template-columns:1fr}.book-details-cover{height:300px}}@media (max-width:768px){.container{max-width:100%;padding:0 20px}.books-hero{padding:60px 0 40px}.hero-title{font-size:36px}.hero-subtitle{font-size:14px}.hero-buttons{flex-direction:column}.search-bar{flex-direction:column;padding:12px}.search-btn{width:100%}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.books-grid,.new-arrivals-grid,.reviews-grid{grid-template-columns:1fr;gap:16px}.why-buy-grid{grid-template-columns:repeat(2,1fr)}.section-header{margin-bottom:32px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.cta-banner{padding:48px 24px}.cta-title{font-size:32px}.cta-buttons{flex-direction:column}}@media (max-width:640px){.container{padding:0 16px}.books-hero{padding:48px 0 32px}.hero-title{font-size:28px}.hero-subtitle{font-size:13px}.category-grid{grid-template-columns:repeat(2,1fr)}.book-card{border-radius:var(--radius-md)}.book-content{padding:16px}.book-title{font-size:14px}.book-actions{flex-direction:column}.btn-view,.btn-cart{width:100%}.why-buy-grid{grid-template-columns:1fr}.cta-title{font-size:24px}.cta-subtitle{font-size:16px}}@media (max-width:480px){.container{padding:0 12px}.books-hero{padding:40px 0 28px}.hero-title{font-size:24px}.hero-subtitle{font-size:12px}.hero-badge{padding:6px 14px;font-size:11px}.hero-buttons{gap:10px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:14px}.search-bar{padding:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:16px}.category-icon{width:40px;height:40px}.category-name{font-size:13px}.books-grid{gap:16px}.book-card{border-radius:var(--radius-sm)}.book-content{padding:14px}.book-title{font-size:13px}.book-cover{height:140px}.book-emoji{font-size:50px}.bestseller-card{min-width:260px;padding:16px}.bestseller-cover{width:70px;height:90px}.new-arrival-card{padding:16px}.new-arrival-cover{height:120px}.why-buy-card{padding:20px}.why-buy-icon{width:48px;height:48px}.review-card{padding:20px}.review-avatar{width:40px;height:40px;font-size:20px}.faq-question{padding:16px;font-size:14px}.faq-answer p{font-size:13px}.cta-banner{padding:40px 20px}.cta-title{font-size:20px}.cta-subtitle{font-size:14px}}
