:root{--color-primary:#e60000;--color-primary-dark:#c00;--color-secondary:#fff;--color-text-main:#1a1a1a;--color-text-light:#666;--color-bg-off-white:#f9f9f9;--color-bg-white:#fff;--font-family-main:"Inter",system-ui,-apple-system,sans-serif;--font-size-hero:4rem;--font-size-h1:3rem;--font-size-h2:2.25rem;--font-size-h3:1.5rem;--font-size-body:1rem;--spacing-container:1200px;--spacing-padding:2rem;--transition-fast:.3s cubic-bezier(.25,.46,.45,.94);--transition-smooth:.6s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-family-main);background-color:var(--color-bg-off-white);color:var(--color-text-main);-webkit-font-smoothing:antialiased}main{overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--spacing-container);padding:0 var(--spacing-padding);margin:0 auto}.text-primary{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary);color:var(--color-secondary)}.bg-white{background-color:var(--color-secondary)}@media (min-width:769px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-white)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}}@media (max-width:768px){*{scrollbar-width:none}::-webkit-scrollbar{display:none}}.book-container{perspective:2000px;cursor:pointer;width:200px;height:300px;transition:transform .4s}.book-container:hover{transform:scale(1.05)}.book{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative;transform:rotateY(-30deg)}.book-container:hover .book{transform:rotateY(150deg)translateZ(10px)}.book-face{backface-visibility:hidden;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.book-front{background:var(--color-primary);color:var(--color-secondary);z-index:2;text-align:center;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;transform:translateZ(25px);box-shadow:-5px 5px 15px #0003}.book-front:after{content:"";background:#0000001a;width:3px;position:absolute;top:0;bottom:0;left:10px}.book-spine{background:var(--color-primary-dark);color:#fff;backface-visibility:visible;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;top:0;left:0;transform:rotateY(-90deg)translateZ(25px)}.book-spine span{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;font-size:.9rem;font-weight:700;transform:rotate(180deg)}.book-back{background:var(--color-primary);border:1px solid #ffffff1a;transform:rotateY(180deg)translateZ(25px)}.book-pages{background:linear-gradient(90deg,#fff 0%,#f0f0f0 100%);width:45px;height:calc(100% - 10px);position:absolute;top:5px;right:0;transform:rotateY(90deg)translateZ(98px)}.book-title{text-transform:uppercase;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.book-author{opacity:.9;font-size:.9rem;font-weight:500}.fade-in{animation:.8s forwards fadeIn}.slide-up{opacity:0;animation:.8s forwards slideUp;transform:translateY(30px)}.slide-up.delay-1{animation-delay:.2s}.slide-up.delay-2{animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.float{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)scale(1.2)rotateY(-15deg)}50%{transform:translateY(-20px)scale(1.2)rotateY(-15deg)}}.book-scroll-item{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(50px)rotateY(-30deg)}.book-scroll-item.visible{opacity:1;transform:translateY(0)rotateY(0)}.navbar{z-index:1000;width:100%;height:80px;transition:all var(--transition-fast);color:var(--color-text-main);background:0 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;height:70px;box-shadow:0 4px 6px -1px #0000000d}.navbar-content{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{letter-spacing:-1px;cursor:pointer;font-size:1.5rem;font-weight:900}.nav-links a{transition:color var(--transition-fast);margin:0 1.5rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--color-primary)}.btn-icon{cursor:pointer;color:inherit;transition:transform var(--transition-fast);background:0 0;border:none;padding:.5rem}.btn-icon:hover{color:var(--color-primary);transform:scale(1.1)}.cart-drawer{background:var(--color-bg-white);z-index:1001;width:400px;height:100vh;transition:right var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 20px #00000026}.cart-drawer.open{right:0}.cart-overlay{z-index:1000;opacity:0;visibility:hidden;width:100%;height:100%;transition:all var(--transition-fast);background:#00000080;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;visibility:visible}.book-description{color:#555;font-size:1.1rem;line-height:1.9}.book-description p{margin-bottom:1rem}.book-description strong{font-weight:700}.book-description em{font-style:italic}.book-description u{text-decoration:underline}.book-description s{text-decoration:line-through}.book-description ul,.book-description ol{margin-bottom:1rem;margin-left:1.5rem;list-style:outside}.book-description ol{list-style:decimal}.book-description li{margin-bottom:.5rem}.book-description h1,.book-description h2,.book-description h3{color:var(--color-text-main);margin:1.5rem 0 1rem;font-weight:700}.book-description h1{font-size:1.5rem}.book-description h2{font-size:1.3rem}.book-description h3{font-size:1.1rem}.book-description blockquote{border-left:4px solid var(--color-primary);color:#777;margin:1rem 0;padding-left:1rem;font-style:italic}.book-description a{color:var(--color-primary);text-decoration:underline}@media (max-width:1024px){:root{--font-size-hero:3rem;--font-size-h1:2.5rem;--font-size-h2:1.75rem;--spacing-padding:1.5rem}.book-container{transform:scale(.9)}}@media (max-width:768px){:root{--font-size-hero:2.5rem;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--spacing-padding:1rem}.container{padding:0 1rem}.book-container{perspective:none;width:150px;height:220px}.book-container:hover{transform:none}.book{transform-style:flat;width:100%;height:100%;transform:none!important}.book-container:hover .book{transform:none!important}.book-face{backface-visibility:visible;position:relative}.book-front{border-radius:8px;width:100%;height:100%;transform:none;box-shadow:0 4px 12px #00000026}.book-front:after{display:none}.book-spine,.book-back,.book-pages{position:absolute;display:none!important}.book-info-card{max-width:160px}}@media (max-width:480px){:root{--font-size-hero:2rem;--font-size-h1:1.75rem;--font-size-h2:1.25rem;--font-size-h3:1.1rem;--font-size-body:.95rem}.book-container{width:130px;height:190px}.book-info-card{max-width:140px;padding:.5rem}.book-card-wrapper{max-width:150px}}@media (max-width:900px){.hero-section{text-align:center!important;flex-direction:column!important;gap:2rem!important;padding:3rem 1rem!important}.hero-section>div:first-child{max-width:100%!important}.hero-book-container{transform:scale(.9)rotateY(-10deg)!important}}@media (max-width:600px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:1rem!important}}@media (max-width:768px){.footer-grid{text-align:center!important;grid-template-columns:1fr!important;gap:2rem!important}.footer-social{justify-content:center!important}}@media (max-width:900px){.admin-layout{flex-direction:column!important}.admin-sidebar{width:100%!important;padding:1rem!important;position:relative!important}.admin-sidebar nav{flex-wrap:wrap!important;gap:.5rem!important;display:flex!important}.admin-content{padding:1rem!important}}@media (max-width:768px){.responsive-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-table table{min-width:600px}}@media (max-width:480px){.cart-drawer{width:100%!important;right:-100%!important}.cart-drawer.open{right:0!important}}@media (max-width:600px){.auth-container{margin:1rem!important;padding:1.5rem!important}}@media (max-width:768px){.book-detail-layout{flex-direction:column!important;gap:2rem!important}.book-detail-image{max-width:200px!important;margin:0 auto!important}button,.btn,a[role=button]{min-width:44px;min-height:44px}}@media (max-width:480px){p,li{line-height:1.7}}