:root{--primary: #14665B;--primary-dark: #0f4f46;--primary-light: #1F8A70;--primary-pale: #E8F5F2;--primary-ultra: #F0FAF8;--accent: #F59E0B;--accent-dark: #D97706;--accent-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--success: #059669;--success-light:#D1FAE5;--ink: #111827;--ink-2: #374151;--muted: #6B7280;--muted-2: #9CA3AF;--bg: #F9FAFB;--surface: #FFFFFF;--surface-2:#F3F4F6;--cream: #F0FAF8;--border: #E5E7EB;--border-light: #F3F4F6;--paper: var(--bg);--white: #FFFFFF;--gold: var(--primary);--gold-light: var(--primary-light);--gold-pale: var(--primary-pale);--rust: var(--danger);--rust-light: var(--danger-light);--sage: var(--success);--sage-light: var(--success-light);--nav-bg: var(--surface);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 24px 64px rgba(0,0,0,.08);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--radius-full: 9999px;--font-base: 16px;--font-sm: 14px;--font-xs: 13px;--line-height: 1.75;--touch-min: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-48px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(48px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes barGrow{0%{width:0!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 #14665b40}50%{box-shadow:0 0 0 10px #14665b00}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes navSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes orderCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes kpiCountUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes adminTabIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes heroGlow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes bookFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes textShimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.9}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes lpBookBreathe{0%,to{transform:perspective(700px) rotateY(-18deg) rotateX(4deg) scale(1)}50%{transform:perspective(700px) rotateY(-28deg) rotateX(2deg) scale(1.04)}}@keyframes lpOrbitFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.06)}}@keyframes lpPageFly1{0%{transform:translate(0) rotate(-8deg) scale(1);opacity:.75}to{transform:translate(-180px,-380px) rotate(-42deg) scale(.45);opacity:0}}@keyframes lpPageFly2{0%{transform:translate(0) rotate(6deg) scale(1);opacity:.65}to{transform:translate(160px,-320px) rotate(35deg) scale(.4);opacity:0}}@keyframes lpPageFly3{0%{transform:translate(0) rotate(-4deg) scale(.9);opacity:.8}to{transform:translate(-90px,-460px) rotate(-22deg) scale(.3);opacity:0}}@keyframes lpPageFly4{0%{transform:translate(0) rotate(14deg) scale(1);opacity:.55}to{transform:translate(210px,-280px) rotate(58deg) scale(.25);opacity:0}}@keyframes lpPageFly5{0%{transform:translate(0) rotate(-13deg) scale(.8);opacity:.6}to{transform:translate(-130px,-230px) rotate(-48deg) scale(.3);opacity:0}}@keyframes lpScrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(7px);opacity:0}}@keyframes lpTitleReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lpGlowPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.1)}}@keyframes lpDotPulse{0%,to{box-shadow:0 0 #14665b73}50%{box-shadow:0 0 0 7px #14665b00}}@keyframes lpFloatBg{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-2deg)}}@keyframes lpParticle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--pdx,40px),var(--pdy,-80px)) scale(0);opacity:0}}@keyframes lpKnowledgePop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-base);scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height);font-size:1rem;overflow-x:hidden}a{cursor:pointer}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.animate-in{animation:slideUp .55s var(--ease-smooth) both}.animate-fade{animation:fadeIn .45s ease both}.animate-scale{animation:scaleIn .4s var(--ease-smooth) both}.animate-blur{animation:fadeInBlur .5s ease both}.btn-primary,.btn-outline,.form-submit,.nav-user-btn,.nav-cart-btn,.book-add-btn,.cart-checkout-btn,.qty-btn,.admin-tab,.filter-chip,.book-card,.author-card,.order-card,.kpi-card,.chart-card{transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background-color .25s var(--ease-smooth),color .25s var(--ease-smooth),border-color .25s var(--ease-smooth),opacity .25s ease}.lp-hero{min-height:100vh;background:linear-gradient(155deg,#f0faf8,#fff 45%,#f9fafb);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.lp-bg-glow{position:absolute;border-radius:50%;pointer-events:none}.lp-bg-glow-1{width:780px;height:780px;right:-260px;top:-200px;background:radial-gradient(circle,rgba(20,102,91,.09) 0%,transparent 68%);animation:lpGlowPulse 7s ease-in-out infinite}.lp-bg-glow-2{width:560px;height:560px;left:-120px;bottom:-100px;background:radial-gradient(circle,rgba(31,138,112,.07) 0%,transparent 68%);animation:lpGlowPulse 9s ease-in-out infinite reverse}.lp-bg-glow-3{width:300px;height:300px;left:42%;top:10%;background:radial-gradient(circle,rgba(245,158,11,.05) 0%,transparent 70%);animation:lpGlowPulse 5s ease-in-out infinite 2s}.lp-bg-book{position:absolute;pointer-events:none;animation:lpFloatBg 7s ease-in-out infinite;-webkit-user-select:none;user-select:none}.lp-bg-book-1{font-size:3.5rem;opacity:.055;top:8%;left:3%;animation-delay:0s}.lp-bg-book-2{font-size:2rem;opacity:.04;top:75%;left:1%;animation-delay:-2.5s}.lp-bg-book-3{font-size:1.75rem;opacity:.04;top:18%;left:48%;animation-delay:-4s}.lp-bg-book-4{font-size:2.8rem;opacity:.045;top:82%;right:3%;animation-delay:-1.2s}.lp-bg-book-5{font-size:2.2rem;opacity:.04;top:45%;left:6%;animation-delay:-3.2s}.lp-bg-book-6{font-size:1.5rem;opacity:.035;top:60%;right:12%;animation-delay:-.8s}.lp-fly-page{position:absolute;background:#ffffffe0;border:1px solid rgba(20,102,91,.13);border-radius:3px;pointer-events:none;box-shadow:0 2px 8px #00000012}.lp-fly-page:before,.lp-fly-page:after{content:"";display:block;height:2px;background:#14665b2e;border-radius:1px;margin:6px 7px 3px}.lp-fly-page:after{width:60%;margin-top:4px}.lp-fly-page-1{width:52px;height:68px;bottom:38%;right:14%;animation:lpPageFly1 7.5s ease-in-out infinite}.lp-fly-page-2{width:42px;height:56px;bottom:28%;right:22%;animation:lpPageFly2 9.5s ease-in-out 1.8s infinite}.lp-fly-page-3{width:36px;height:50px;bottom:52%;right:32%;animation:lpPageFly3 6.5s ease-in-out .9s infinite}.lp-fly-page-4{width:46px;height:62px;bottom:22%;right:8%;animation:lpPageFly4 8.2s ease-in-out 2.2s infinite}.lp-fly-page-5{width:32px;height:44px;bottom:62%;right:4%;animation:lpPageFly5 5.8s ease-in-out 3.5s infinite}.lp-content{max-width:1320px;margin:0 auto;padding:6rem 2rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;position:relative;z-index:2;width:100%}.lp-text{animation:slideInLeft .9s var(--ease-smooth) both}.lp-eyebrow-pill{display:inline-flex;align-items:center;gap:.7rem;background:var(--primary-pale);border:1.5px solid rgba(20,102,91,.22);color:var(--primary);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:.42rem 1.15rem;border-radius:var(--radius-full);margin-bottom:1.6rem;width:fit-content}.lp-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;animation:lpDotPulse 2s ease-in-out infinite}.lp-headline{font-size:clamp(2.4rem,4.2vw,3.8rem);font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.03em;margin-bottom:1.35rem;animation:lpTitleReveal .85s var(--ease-smooth) .25s both}.lp-headline em{font-style:italic;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-subtext{font-size:1rem;color:var(--muted);line-height:1.88;max-width:460px;margin-bottom:2.25rem;animation:lpTitleReveal .85s var(--ease-smooth) .42s both}.lp-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;animation:lpTitleReveal .85s var(--ease-smooth) .58s both}.lp-cta-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--primary);color:#fff;padding:.95rem 2.1rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:all .25s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 18px #14665b52}.lp-cta-primary:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 28px #14665b61}.lp-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--primary);border:2px solid var(--primary);padding:.95rem 2.1rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:all .25s ease;font-family:Poppins,sans-serif}.lp-cta-secondary:hover{background:var(--primary-pale);transform:translateY(-2px);box-shadow:0 6px 18px #14665b24}.lp-social-proof{display:flex;align-items:center;gap:1rem;animation:lpTitleReveal .85s var(--ease-smooth) .72s both}.lp-avatars{display:flex}.lp-avatar{width:33px;height:33px;border-radius:50%;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;margin-left:-10px;box-shadow:0 2px 6px #00000024}.lp-avatar:first-child{margin-left:0}.lp-proof-label{font-size:var(--font-sm);color:var(--muted)}.lp-proof-label strong{color:var(--ink)}.lp-visual{position:relative;display:flex;flex-direction:column;align-items:center;animation:slideInRight .9s var(--ease-smooth) .2s both}.lp-book-scene{position:relative;width:300px;height:340px;margin:0 auto}.lp-book-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:165px;height:225px;animation:lpBookBreathe 4.5s ease-in-out infinite;filter:drop-shadow(0 24px 48px rgba(20,102,91,.35))}.lp-book-spine{position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(180deg,#0a3830,var(--primary-dark));border-radius:4px 0 0 4px;z-index:3;box-shadow:inset -3px 0 6px #0003}.lp-book-front{position:absolute;inset:0 0 0 20px;background:linear-gradient(140deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:0 10px 10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;z-index:2;overflow:hidden}.lp-book-front:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.18) 0%,transparent 55%)}.lp-book-front:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.12),transparent)}.lp-book-title-lines{width:68%;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.lp-book-title-lines span{display:block;height:3px;background:#ffffff8c;border-radius:2px}.lp-book-title-lines span:nth-child(1){width:100%}.lp-book-title-lines span:nth-child(2){width:78%}.lp-book-title-lines span:nth-child(3){width:55%}.lp-book-cover-emoji{font-size:2.8rem;position:relative;z-index:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.lp-book-page-stack{position:absolute;inset:5px -4px 5px 20px;z-index:1}.lp-book-pg{position:absolute;inset:0;border-radius:0 8px 8px 0}.lp-book-pg-1{background:#f6f6f6;transform:translate(3px,3px)}.lp-book-pg-2{background:#f1f1f1;transform:translate(6px,6px)}.lp-book-pg-3{background:#ececec;transform:translate(9px,9px)}.lp-knowledge-bubble{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.28rem;animation:lpOrbitFloat 3.5s ease-in-out infinite;cursor:default}.lp-knowledge-icon{width:46px;height:46px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow);transition:transform .2s ease;animation:lpKnowledgePop .6s var(--ease-bounce) both}.lp-knowledge-icon:hover{transform:scale(1.2)!important}.lp-knowledge-label{font-size:.58rem;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.lp-kb-1{top:-5px;left:-35px;animation-delay:0s}.lp-kb-1 .lp-knowledge-icon{animation-delay:.1s}.lp-kb-2{top:-5px;right:-35px;animation-delay:-.9s}.lp-kb-2 .lp-knowledge-icon{animation-delay:.25s}.lp-kb-3{bottom:10px;left:-45px;animation-delay:-1.8s}.lp-kb-3 .lp-knowledge-icon{animation-delay:.4s}.lp-kb-4{bottom:10px;right:-45px;animation-delay:-2.7s}.lp-kb-4 .lp-knowledge-icon{animation-delay:.55s}.lp-book-scene:before,.lp-book-scene:after{content:"";position:absolute;background:linear-gradient(to right,rgba(20,102,91,.15),transparent);height:1px;z-index:0;pointer-events:none}.lp-preview-strip{display:flex;gap:.9rem;margin-top:1.75rem;justify-content:center}.lp-preview-card{width:72px;cursor:pointer;animation:slideUp .65s var(--ease-smooth) both;transition:transform .3s var(--ease-bounce)}.lp-preview-card:hover{transform:translateY(-10px) scale(1.06)}.lp-preview-cover{width:72px;height:97px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#ffffffd9;box-shadow:var(--shadow-md);border:1.5px solid var(--border)}.lp-preview-label{font-size:.58rem;color:var(--muted);margin-top:.38rem;font-weight:500;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp-stats-bar{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:1.5rem 2rem 2.75rem;display:flex;align-items:center;justify-content:center;animation:lpTitleReveal 1s var(--ease-smooth) .95s both}.lp-stat-item{text-align:center;padding:0 2.75rem}.lp-stat-number{font-size:2.1rem;font-weight:800;color:var(--primary);line-height:1;letter-spacing:-.02em}.lp-stat-name{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:.3rem}.lp-stat-divider{width:1px;height:38px;background:var(--border);flex-shrink:0}.lp-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;animation:fadeIn 1s ease 1.4s both;z-index:2}.lp-scroll-indicator span{font-size:.62rem;color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.lp-scroll-mouse{width:22px;height:36px;border:2px solid var(--border);border-radius:12px;display:flex;justify-content:center;padding:4px 0}.lp-scroll-dot{width:4px;height:8px;background:var(--primary);border-radius:2px;animation:lpScrollWheel 1.6s ease-in-out infinite}@media(max-width:900px){.lp-content{grid-template-columns:1fr;gap:2.5rem;padding:4.5rem 1.5rem 1.5rem;text-align:center}.lp-text{order:2;display:flex;flex-direction:column;align-items:center}.lp-visual{order:1}.lp-cta-row,.lp-social-proof{justify-content:center}.lp-subtext{margin:0 auto 2rem}.lp-scroll-indicator{display:none}.lp-stats-bar{flex-wrap:wrap;gap:1.5rem}.lp-stat-item{padding:0 1.5rem}}@media(max-width:480px){.lp-headline{font-size:2.1rem}.lp-stat-number{font-size:1.65rem}.lp-book-scene{width:240px;height:280px}.lp-preview-strip{gap:.6rem}}.lp-genre-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem;animation:fadeIn .8s ease both;animation-delay:.6s}.lp-genre-pill{padding:.35rem .9rem;border-radius:20px;background:var(--primary-pale);color:var(--primary-dark);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;animation:scaleIn .5s ease both;transition:background .2s,transform .2s}.lp-genre-pill:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.lp-features-section{background:var(--bg);padding:6rem 1rem}.lp-steps-section{background:var(--primary-pale);padding:5rem 1rem}.lp-testimonials-section{background:var(--bg);padding:6rem 1rem}.lp-features-inner{max-width:1140px;margin:0 auto}.lp-features-header{text-align:center;margin-bottom:3.5rem}.lp-features-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-pale);padding:.3rem .9rem;border-radius:20px;margin-bottom:1rem}.lp-features-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--text);line-height:1.3;margin:0 0 .9rem}.lp-features-title em{color:var(--primary);font-style:italic}.lp-features-sub{font-size:1rem;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.75}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.lp-feature-card{position:relative;overflow:hidden;background:var(--surface);border:1.5px solid rgba(20,102,91,.16);border-radius:var(--radius);padding:2rem 1.75rem;transition:transform .25s var(--ease-spring),box-shadow .25s,border-color .25s;animation:slideUp .5s ease both}.lp-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.lp-feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--primary)}.lp-feature-icon{width:58px;height:58px;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:var(--primary-pale);border-radius:var(--radius-sm);border:1.5px solid rgba(20,102,91,.12)}.lp-feature-card h3{font-size:1.05rem;font-weight:700;color:var(--primary-dark);margin:0 0 .6rem}.lp-feature-card p{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0}.lp-steps-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.lp-step{background:var(--surface);border-radius:var(--radius);padding:2rem 1.75rem;text-align:center;min-width:200px;max-width:260px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);flex:1;transition:transform .25s var(--ease-spring),box-shadow .25s}.lp-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.lp-step-num{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--primary);background:var(--primary-pale);display:inline-block;padding:.2rem .65rem;border-radius:20px;margin-bottom:.75rem}.lp-step-icon{font-size:2rem;margin-bottom:.75rem}.lp-step h3{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.lp-step p{font-size:.88rem;color:var(--muted);line-height:1.65;margin:0}.lp-step-arrow{font-size:1.5rem;color:var(--primary);font-weight:700;flex-shrink:0}.lp-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.lp-testimonial-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;transition:transform .25s var(--ease-spring),box-shadow .25s}.lp-testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-pale)}.lp-testimonial-stars{color:#f59e0b;font-size:1rem;margin-bottom:.85rem;letter-spacing:.1em}.lp-testimonial-card>p{font-size:.92rem;color:var(--text);line-height:1.75;font-style:italic;margin:0 0 1.25rem}.lp-testimonial-author{display:flex;align-items:center;gap:.85rem}.lp-testimonial-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0}.lp-testimonial-name{font-size:.88rem;font-weight:700;color:var(--text)}.lp-testimonial-role{font-size:.78rem;color:var(--muted);margin-top:.1rem}.lp-cta-section{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,var(--primary-light) 100%);padding:6rem 1rem;position:relative;overflow:hidden;text-align:center}.lp-cta-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.lp-cta-deco{position:absolute;font-size:3.5rem;opacity:.15;pointer-events:none;-webkit-user-select:none;user-select:none;animation:lpBookBreathe 4s ease-in-out infinite}.lp-cta-deco-1{top:10%;left:5%;animation-delay:0s}.lp-cta-deco-2{top:20%;right:8%;animation-delay:1s}.lp-cta-deco-3{bottom:15%;left:12%;animation-delay:2s}.lp-cta-badge{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .9rem;border-radius:20px;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.25)}.lp-cta-title{font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;color:#fff;line-height:1.25;margin:0 0 1rem}.lp-cta-title em{font-style:italic;color:#fff0a0}.lp-cta-text{font-size:1rem;color:#fffc;line-height:1.75;margin:0 auto 2.5rem;max-width:480px}.lp-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}.lp-cta-ghost{font-size:.9rem;font-weight:600;color:#fffc;text-decoration:none;transition:color .2s}.lp-cta-ghost:hover{color:#fff}@media(max-width:768px){.lp-steps-row{flex-direction:column;align-items:stretch}.lp-step{max-width:100%}.lp-step-arrow{transform:rotate(90deg);margin:0 auto}.lp-cta-buttons{flex-direction:column;align-items:center}}.nav{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);animation:navSlideDown .45s var(--ease-smooth) both;box-shadow:0 1px 12px #0000000f;padding-top:var(--safe-top)}.nav-inner{position:relative;max-width:1320px;margin:0 auto;padding:0 clamp(.75rem,3vw,2rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:64px;gap:.75rem 1rem}.nav-menu-cb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:var(--touch-min);height:var(--touch-min);border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.nav-burger:hover{border-color:var(--primary);background:var(--primary-pale)}.nav-burger-bar{display:block;width:20px;height:2px;border-radius:1px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}.nav-menu-cb:checked~.nav-end-cluster .nav-burger .nav-burger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-menu-cb:checked~.nav-end-cluster .nav-burger .nav-burger-bar:nth-child(2){opacity:0}.nav-menu-cb:checked~.nav-end-cluster .nav-burger .nav-burger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.nav-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;transition:transform .3s var(--ease-bounce),box-shadow .3s ease;box-shadow:0 4px 12px #14665b4d}.nav-logo:hover .nav-logo-icon{transform:rotate(-8deg) scale(1.1);box-shadow:0 6px 20px #14665b66}.nav-logo-icon svg{width:22px;height:22px;fill:#fff}.nav-brand{color:var(--ink);font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.nav-brand span{display:block;font-size:.65rem;color:var(--muted);font-weight:500;letter-spacing:.04em;text-transform:none;margin-top:.12rem}.nav-links{display:flex;align-items:center;justify-content:center;gap:.2rem;grid-column:2;grid-row:1;justify-self:center;min-width:0}.nav-link{color:var(--muted);text-decoration:none;padding:.5rem .9rem;font-size:var(--font-sm);font-weight:500;letter-spacing:.01em;background:none;border:none;position:relative;transition:color .2s ease;border-radius:var(--radius-sm)}.nav-link:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:2px;background:var(--primary);border-radius:var(--radius-full);transition:width .3s var(--ease-smooth)}.nav-link:hover{color:var(--primary);background:var(--primary-pale)}.nav-link:hover:after,.nav-link.active:after{width:60%}.nav-link.active{color:var(--primary);font-weight:600}.nav-logo{grid-column:1;grid-row:1}.nav-end-cluster{display:flex;align-items:center;gap:.5rem;grid-column:3;grid-row:1;justify-self:end;flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.nav-btn-text{display:inline}.nav-cart-btn{position:relative;background:var(--primary);border:none;width:44px;height:44px;min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:var(--radius-sm);transition:transform .25s var(--ease-bounce),box-shadow .25s ease;box-shadow:0 2px 8px #14665b40}.nav-cart-btn:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 6px 20px #14665b59}.nav-cart-btn--catch{animation:navCartCatch .5s var(--ease-bounce)}.nav-cart-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);animation:bounceIn .4s var(--ease-bounce)}.cart-flyer{position:fixed;top:0;left:0;width:56px;height:72px;z-index:9999;pointer-events:none;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #14665b59;will-change:transform,opacity}.cart-flyer img{width:100%;height:100%;object-fit:cover;display:block}@keyframes navCartCatch{0%{transform:scale(1)}35%{transform:scale(1.28);box-shadow:0 0 0 10px #14665b2e}to{transform:scale(1)}}.nav-user-btn{background:none;border:1.5px solid var(--border);color:var(--ink-2);padding:.42rem 1rem;font-size:var(--font-sm);font-weight:500;border-radius:var(--radius-sm);transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.nav-user-btn:hover{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.nav-logout-btn{background:var(--danger-light);border-color:#dc26264d;color:var(--danger)}.nav-logout-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.nav-user-info{display:flex;align-items:center;gap:.55rem;padding:.3rem .75rem;border:1.5px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm)}.nav-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.nav-user-name{font-size:var(--font-sm);color:var(--ink);font-weight:500}@media(min-width:769px){.nav-inner{min-height:68px;gap:.8rem 1.2rem}.nav-brand{font-size:clamp(1rem,1.05vw,1.0625rem)}.nav-brand span{font-size:clamp(.64rem,.72vw,.7rem)}.nav-user-btn{padding:.5rem 1.1rem;font-size:.9375rem}.nav-cart-btn{width:46px;height:46px;font-size:1.15rem}}.hero{background:linear-gradient(135deg,#f0faf8,#e8f5f2 45%,#f9fafb);overflow:hidden;position:relative;padding:6rem 2rem 5rem;border-bottom:1px solid var(--border)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,rgba(20,102,91,.1) 0%,transparent 55%),radial-gradient(ellipse at 10% 80%,rgba(31,138,112,.06) 0%,transparent 50%);pointer-events:none;animation:heroGlow 5s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.hero-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative}.hero-left{animation:slideInLeft .8s var(--ease-smooth) both}.hero-right{animation:slideInRight .8s var(--ease-smooth) .2s both}.hero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--primary);margin-bottom:1.1rem;display:flex;align-items:center;gap:.6rem}.hero-eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--primary);border-radius:var(--radius-full)}.hero-title{color:var(--ink);font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.12;font-weight:800;letter-spacing:-.02em}.hero-title em{color:var(--primary);font-style:italic}.hero-subtitle{color:var(--muted);margin:1.25rem 0 2rem;line-height:1.85;font-size:1rem;max-width:480px;font-weight:400}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.hero-book-card{background:var(--surface);border:1.5px solid var(--border);padding:.85rem;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .38s var(--ease-bounce),border-color .25s ease,box-shadow .3s ease;animation:heroFloat 4.5s ease-in-out infinite;cursor:pointer}.hero-book-card:nth-child(2){animation-delay:-1.5s}.hero-book-card:nth-child(3){animation-delay:-3s}.hero-book-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--primary);box-shadow:var(--shadow-md)}.hero-book-cover{width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;font-weight:700;overflow:hidden;border-radius:var(--radius-sm);transition:transform .45s ease}.hero-book-card:hover .hero-book-cover img{transform:scale(1.06)}.hero-book-cover img{transition:transform .45s ease}.hero-book-title{font-size:.75rem;margin-top:.6rem;color:var(--muted);font-weight:500}.hero-book-skeleton{pointer-events:none}.hero-skeleton-cover{width:100%;aspect-ratio:2/3;background:linear-gradient(90deg,var(--surface-2) 25%,#fff 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-sm)}.hero-skeleton-title{height:10px;margin-top:8px;background:linear-gradient(90deg,var(--surface-2) 25%,#fff 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-full)}.hero-stats{display:flex;gap:2.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.hero-stat-num{font-size:2.2rem;font-weight:800;color:var(--primary);line-height:1;letter-spacing:-.02em}.hero-stat-label{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.3rem;font-weight:500}.home-carousel{--carousel-gap: 1rem;--carousel-cover-width: 220px;--carousel-hero-cover-width: 170px;display:flex;align-items:center;gap:.35rem;width:100%;max-width:100%}.home-carousel--hero{--carousel-cover-width: var(--carousel-hero-cover-width)}.home-carousel--covers{--carousel-cover-width: 220px}.home-carousel-viewport{flex:1;min-width:0;overflow:hidden;border-radius:var(--radius)}.home-carousel-track{display:flex;gap:var(--carousel-gap);transition:transform .45s cubic-bezier(.25,.8,.25,1);will-change:transform}.home-carousel--loop .home-carousel-viewport--loop{overflow:hidden}.home-carousel-track--loop{width:max-content;transition:none}.home-carousel-track--animating{animation-name:homeCarouselLoop;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.home-carousel-track--animating{animation:none!important}}.home-carousel-item{flex:0 0 var(--carousel-cover-width);width:var(--carousel-cover-width);box-sizing:border-box;cursor:pointer;text-align:center;transition:transform .25s var(--ease-smooth)}.home-carousel-item--book-card{text-align:initial}.home-carousel-item--book-card>app-book-card{display:block;height:100%}.home-carousel-item--book-card>app-book-card .book-card{height:100%}.home-carousel-item:hover{transform:translateY(-4px)}.home-carousel-image{aspect-ratio:2 / 3;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);border:1.5px solid var(--border)}.home-carousel-image img{width:100%;height:100%;object-fit:cover;display:block}.home-carousel-fallback{font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:700;color:#fff;padding:.35rem}.home-carousel-title{font-size:.7rem;margin-top:.45rem;color:var(--muted);font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-nav{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--primary);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease,border-color .2s ease,opacity .2s ease;flex-shrink:0}.carousel-nav:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow)}.carousel-nav:disabled{opacity:.35;cursor:not-allowed}.hero-books-carousel{min-width:0}.hero-carousel-empty{margin:0;font-size:var(--font-sm);color:var(--muted);line-height:1.65;max-width:280px}.hero-carousel-loading{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:.25rem 0}.hero-carousel-skeleton-card{flex:0 0 var(--carousel-hero-cover-width, 132px);width:var(--carousel-hero-cover-width, 132px);text-align:center}.hero-carousel-skeleton-card .hero-skeleton-cover{width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,#fff 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.hero-carousel-skeleton-card .hero-skeleton-title{height:10px;margin-top:8px;margin-left:auto;margin-right:auto;width:85%;background:linear-gradient(90deg,var(--surface-2) 25%,#fff 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-full)}@keyframes homeCarouselLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-events-scroll-wrap{--event-card-width: 320px;--carousel-gap: 1.1rem;width:100%;max-width:100%}.home-events-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:.35rem}.home-events-scroll-track{display:flex;align-items:stretch;gap:var(--carousel-gap);width:max-content;min-height:200px}.home-event-carousel-card{flex:0 0 var(--event-card-width);width:var(--event-card-width);max-width:min(var(--event-card-width),90vw);box-sizing:border-box;scroll-snap-align:start}.home-event-carousel-card .event-card-img{flex-shrink:0}.event-card-img-strip{display:flex;height:100%;width:100%}.event-card-img-strip-cell{flex:1;min-width:0;height:100%}.event-card-img-strip-cell img{width:100%;height:100%;object-fit:cover;display:block}.event-card-img-strip-more{flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:#1118279e;color:#fff;font-size:.82rem;font-weight:700}.book-detail-modal.event-detail-modal{display:block;padding:0;max-height:min(94vh,920px);overflow:hidden;position:relative}.book-detail-modal.event-detail-modal .modal-close{z-index:6}.event-detail-modal-inner{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:0;width:100%;max-height:min(94vh,920px)}.event-modal-media{background:var(--surface-2);border-right:1px solid var(--border)}.event-modal-carousel-viewport{container-type:inline-size;container-name:event-modal-carousel;width:100%;aspect-ratio:4 / 3;max-height:min(42vh,380px);overflow:hidden;background:var(--surface-2)}.event-modal-carousel-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px}.event-modal-carousel-placeholder .event-card-img-placeholder{font-size:3rem;background:transparent}.event-modal-carousel-track{display:flex;height:100%;width:max-content}.event-modal-carousel-track.home-carousel-track--loop{transition:none}.event-modal-carousel-slide{flex:0 0 100cqi;width:100cqi;height:100%;box-sizing:border-box}.event-modal-carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.event-modal-body.book-detail-body{padding:1.35rem 1.75rem;margin:0;max-height:min(94vh,920px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.event-modal-body .book-detail-genre{margin-top:.15rem}.event-modal-body .book-detail-title{margin-top:.25rem}.event-modal-body .book-detail-description:last-child,.event-modal-body .event-modal-desc:last-child{margin-bottom:0}@media(max-width:600px){.home-events-scroll-wrap{--event-card-width: 286px}}.landing-welcome{background:linear-gradient(135deg,var(--primary-ultra) 0%,#fff 100%);padding:4.5rem 2rem;text-align:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.landing-welcome:before{content:"\1f4da";position:absolute;top:-10px;left:5%;font-size:8rem;opacity:.05;animation:float 6s ease-in-out infinite;pointer-events:none}.landing-welcome:after{content:"\270d\fe0f";position:absolute;bottom:-10px;right:5%;font-size:7rem;opacity:.05;animation:float 8s ease-in-out infinite reverse;pointer-events:none}.landing-welcome-inner{max-width:800px;margin:0 auto;position:relative}.landing-welcome h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);font-weight:800;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.landing-welcome h2 em{color:var(--primary);font-style:italic}.landing-welcome p{font-size:1rem;color:var(--muted);line-height:1.85;max-width:580px;margin:0 auto 2rem}.landing-welcome-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.welcome-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:3rem}.welcome-card{position:relative;overflow:hidden;background:var(--surface);border:1.5px solid rgba(20,102,91,.16);border-radius:var(--radius);padding:1.85rem 1.35rem 1.6rem;text-align:center;box-shadow:var(--shadow);transition:transform .3s var(--ease-bounce),box-shadow .3s ease,border-color .3s ease;animation:slideUp .6s var(--ease-smooth) both}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.welcome-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.welcome-card-icon{width:64px;height:64px;margin:0 auto .95rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--primary-pale);color:var(--primary-dark);border-radius:var(--radius);border:1.5px solid rgba(20,102,91,.12);animation:pulseSoft 3.5s ease-in-out infinite}.welcome-card h4{font-size:1rem;font-weight:700;color:var(--primary-dark);margin-bottom:.45rem}.welcome-card p{font-size:var(--font-sm);color:var(--muted);line-height:1.7}.btn-primary,.btn-outline{padding:.8rem 2rem;border:2px solid transparent;font-size:var(--font-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;position:relative;overflow:hidden;border-radius:var(--radius-sm);font-family:Poppins,sans-serif;display:inline-flex;align-items:center;gap:.5rem;transition:transform .25s var(--ease-smooth),box-shadow .25s ease,background .25s ease}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #14665b40}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #14665b4d}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-pale);transform:translateY(-2px);box-shadow:0 6px 18px #14665b26}.btn-sm{padding:.45rem .9rem;font-size:var(--font-xs)}.section{padding:clamp(2.5rem,5vw,5rem) clamp(1rem,3vw,2rem)}.section-inner{max-width:min(1320px,100%);margin:0 auto;padding-inline:clamp(0px,2vw,.5rem)}.section-cream{background:var(--cream)}.section-gold-pale{background:var(--primary-ultra)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.75rem}.section-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem}.section-title{font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.15;font-weight:800;color:var(--ink);letter-spacing:-.02em}.section-title em{color:var(--primary);font-style:italic}.section-link{font-size:var(--font-sm);font-weight:600;letter-spacing:.04em;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;border-bottom:1.5px solid var(--primary);padding-bottom:1px;transition:opacity .2s,color .2s}.section-link:hover{opacity:.7}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem;align-items:stretch}.books-grid>*{height:100%}.book-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);animation:slideUp .55s var(--ease-smooth) both;height:100%;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.book-card:hover .book-card-cover img{transform:scale(1.06)}.book-card-cover{aspect-ratio:2/3;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.book-card-cover img{transition:transform .45s ease}.book-card-cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#ffffffd9;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.25) 100%)}.book-card-spine{position:absolute;left:0;top:0;bottom:0;width:6px;background:#00000026}.book-card-badge{position:absolute;top:.65rem;right:.65rem;background:var(--accent);color:var(--ink);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .55rem;border-radius:var(--radius-full)}.book-card-body{padding:1rem;display:flex;flex-direction:column;flex:1}.book-card-genre{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:600}.book-card-title{font-size:.95rem;font-weight:700;margin-top:.2rem;line-height:1.35;color:var(--ink)}.book-card-author{font-size:var(--font-xs);color:var(--muted);margin-top:.25rem;font-weight:400}.book-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.75rem;margin-top:auto}.book-price{font-size:1rem;font-weight:700;color:var(--ink)}.book-price-original{font-size:var(--font-xs);color:var(--muted-2);text-decoration:line-through;margin-left:.35rem}.book-add-btn{width:34px;height:34px;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:300;border-radius:var(--radius-sm);position:relative;overflow:visible;transition:transform .2s var(--ease-bounce),background .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #14665b40}.book-add-btn:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.15) rotate(90deg);box-shadow:0 4px 12px #14665b59}.book-add-btn:disabled{cursor:default}.book-add-btn--success{background:var(--primary-dark);font-size:1.05rem;font-weight:700;animation:bookAddSuccess .7s var(--ease-bounce) both;box-shadow:0 4px 14px #14665b66}.book-add-btn-ripple{position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--primary);animation:bookAddRipple .7s ease-out both;pointer-events:none}.book-card--just-added,.book-card--adding{animation:bookCardAdded .75s var(--ease-bounce) both;border-color:var(--primary);z-index:2}.book-card-added-flash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#14665bc7;color:#fff;animation:bookAddedFlash .9s ease both;pointer-events:none;z-index:2}.book-card-added-check{width:44px;height:44px;border-radius:50%;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;animation:bookCheckPop .55s var(--ease-bounce) both}.book-card-added-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:fadeIn .35s ease .12s both}.book-card-plus-one{position:absolute;top:12px;right:12px;z-index:3;background:#fff;color:var(--primary);font-size:.85rem;font-weight:800;padding:.2rem .5rem;border-radius:var(--radius-full);box-shadow:0 4px 14px #0000002e;animation:bookPlusOneFly .9s var(--ease-smooth) both;pointer-events:none}.book-card-qty{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.book-card-qty--enter{animation:bookQtyEnter .4s var(--ease-bounce) both}.book-qty-btn{background:var(--surface-2);border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--ink);transition:background .2s ease,color .2s ease;cursor:pointer;font-family:inherit}.book-qty-btn:hover:not(:disabled){background:var(--primary-pale);color:var(--primary)}.book-qty-btn:disabled{opacity:.55;cursor:wait}.book-qty-val{min-width:28px;text-align:center;font-size:var(--font-sm);font-weight:700;border-left:1px solid var(--border);border-right:1px solid var(--border);height:30px;display:flex;align-items:center;justify-content:center;color:var(--ink)}@keyframes bookAddSuccess{0%{transform:scale(.6) rotate(-20deg);opacity:.5}55%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes bookAddRipple{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.85);opacity:0}}@keyframes bookCardAdded{0%{box-shadow:0 0 #14665b73;transform:translateY(0) scale(1)}35%{box-shadow:0 0 0 10px #14665b1f;transform:translateY(-8px) scale(1.02)}to{box-shadow:var(--shadow);transform:translateY(0) scale(1)}}@keyframes bookAddedFlash{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes bookCheckPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes bookPlusOneFly{0%{opacity:0;transform:translateY(8px) scale(.7)}25%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-28px) scale(.9)}}@keyframes bookQtyEnter{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.authors-section-group{margin-top:1.4rem}.authors-section-group-spaced{margin-top:2.6rem}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:1rem;align-items:stretch}.authors-grid-spotlight{max-width:400px;margin-inline:auto}.author-card{background:var(--surface);border:1.5px solid var(--border);padding:2.25rem 1.75rem;min-height:430px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);animation:slideUp .55s var(--ease-smooth) both}.author-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.author-avatar{width:90px;height:90px;border-radius:50%;border:3px solid var(--primary);margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));transition:border-color .25s ease,transform .35s var(--ease-bounce),box-shadow .35s ease}.author-card:hover .author-avatar{transform:scale(1.1);border-color:var(--accent);box-shadow:0 0 0 4px #f59e0b33}.author-otm-badge{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-light);border:1.5px solid rgba(245,158,11,.4);padding:.22rem .7rem;margin-bottom:.75rem;display:inline-block;border-radius:var(--radius-full)}.author-name{font-size:1.15rem;font-weight:700;color:var(--ink)}.author-genres{font-size:var(--font-xs);color:var(--muted);letter-spacing:.04em;margin-bottom:.75rem;font-weight:500}.author-bio{font-size:var(--font-sm);color:var(--muted);line-height:1.75;flex:1;margin:.35rem 0 0}.author-social{display:flex;gap:.5rem;justify-content:center;margin-top:1.1rem;padding-top:.25rem}.author-social a{color:var(--muted);font-size:var(--font-xs);text-decoration:none;border:1.5px solid var(--border);padding:.3rem .75rem;border-radius:var(--radius-full);font-weight:500;transition:all .25s ease}.author-social a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.featured-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:5rem 2rem;position:relative;overflow:hidden}.featured-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.featured-banner-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;color:#fff;position:relative}.featured-banner h2{font-size:2.2rem;line-height:1.15;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em}.featured-banner p{color:#fffc;line-height:1.85;margin-bottom:1.6rem;font-size:1rem}.featured-banner .btn-primary{background:#fff;color:var(--primary);border-color:#fff;box-shadow:0 4px 16px #0000002e}.featured-banner .btn-primary:hover{background:var(--primary-pale);border-color:var(--primary-pale);color:var(--primary-dark);transform:translateY(-2px)}.cart-overlay{position:fixed;inset:0;background:#11182766;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-overlay.open{opacity:1;pointer-events:all}.cart-panel{position:fixed;right:0;top:0;bottom:0;width:440px;background:var(--bg);z-index:201;transform:translate(100%);transition:transform .4s var(--ease-smooth);display:flex;flex-direction:column;box-shadow:-12px 0 48px #0000001f}.cart-panel.open{transform:translate(0)}.cart-header{padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--primary);border-bottom:1px solid var(--primary-dark);flex-shrink:0}.cart-title{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cart-count-badge{background:#ffffff40;color:#fff;font-size:.65rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 .3rem;animation:scaleIn .25s var(--ease-bounce)}.cart-close{background:none;border:none;color:#ffffffb3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);transition:color .2s,background .2s}.cart-close:hover{color:#fff;background:#ffffff26}.cart-auth-notice{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:var(--primary-ultra);border-bottom:1px solid var(--border);font-size:var(--font-sm);color:var(--muted);flex-shrink:0}.cart-items{flex:1;padding:1rem 1.25rem;overflow-y:auto}.cart-items::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-track{background:transparent}.cart-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.cart-item{display:grid;grid-template-columns:72px 1fr;gap:.9rem;background:var(--surface);border:1.5px solid var(--border);padding:.9rem;margin-bottom:.75rem;border-radius:var(--radius);animation:slideUp .3s var(--ease-smooth) both;transition:box-shadow .2s ease,border-color .2s ease}.cart-item:hover{box-shadow:var(--shadow);border-color:var(--primary)}.cart-item-cover{width:72px;height:90px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.cart-item-cover:after{content:attr(data-initials);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#ffffffe6;opacity:1}.cart-item-cover img{position:relative;z-index:1}.cart-item-cover.cover-fallback img{display:none!important}.cart-item-info{min-width:0;display:flex;flex-direction:column}.cart-item-title{font-weight:600;font-size:.875rem;line-height:1.3;margin-bottom:.2rem;color:var(--ink)}.cart-item-author{font-size:var(--font-xs);color:var(--muted);margin-bottom:.4rem}.cart-item-price-inline{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.6rem}.cart-item-controls{display:flex;align-items:center;gap:.6rem;margin-top:auto}.qty-group{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{background:var(--surface-2);border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s ease}.qty-btn:hover{background:var(--primary-pale);color:var(--primary)}.qty-val{min-width:32px;text-align:center;font-size:var(--font-sm);font-weight:600;border-left:1px solid var(--border);border-right:1px solid var(--border);height:30px;display:flex;align-items:center;justify-content:center}.cart-item-remove{background:none;border:none;color:var(--muted);font-size:var(--font-xs);display:flex;align-items:center;gap:.25rem;transition:color .2s;padding:.25rem 0;font-family:Poppins,sans-serif}.cart-item-remove:hover{color:var(--danger)}.cart-footer{border-top:1px solid var(--border);background:var(--surface);padding:1.25rem 1.5rem;flex-shrink:0}.cart-summary{margin-bottom:.9rem}.cart-summary-row{display:flex;justify-content:space-between;font-size:var(--font-sm);color:var(--muted);margin-bottom:.4rem}.cart-summary-shipping{color:var(--success)}.cart-free-tag{font-weight:700;font-size:var(--font-xs);letter-spacing:.04em;color:var(--success)}.cart-summary-divider{height:1px;background:var(--border);margin:.65rem 0}.cart-total-row{display:flex;justify-content:space-between;align-items:center}.cart-total-label{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.cart-total-amount{font-size:1.5rem;font-weight:800;color:var(--ink)}.cart-checkout-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:.9rem;font-size:var(--font-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.65rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 8px #14665b40;font-family:Poppins,sans-serif}.cart-checkout-btn:hover:not([disabled]){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #14665b4d}.cart-checkout-btn[disabled]{opacity:.5;cursor:not-allowed}.cart-clear-btn{width:100%;background:none;border:1.5px solid var(--border);color:var(--muted);padding:.6rem;font-size:var(--font-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease;font-family:Poppins,sans-serif}.cart-clear-btn:hover{border-color:var(--danger);color:var(--danger)}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.cart-empty-icon{font-size:3rem;margin-bottom:.85rem}.payment-steps{margin-top:1.4rem;display:flex;flex-direction:column;gap:.6rem;text-align:left}.payment-step{display:flex;align-items:center;gap:.75rem;font-size:var(--font-sm);color:var(--muted)}.payment-step-dot{width:9px;height:9px;border-radius:50%;background:var(--border);flex-shrink:0}.payment-step.active .payment-step-dot{background:var(--primary);animation:pulseSoft 1s ease-in-out infinite}.payment-step.active{color:var(--ink);font-weight:600}.success-icon{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--success),#047857);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;animation:bounceIn .5s var(--ease-bounce);box-shadow:0 4px 20px #05966959}.success-delivery-box{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--cream);border:1.5px solid var(--border);padding:.75rem 1.25rem;margin-top:.9rem;font-size:var(--font-sm);border-radius:var(--radius)}.modal-overlay{position:fixed;inset:0;background:#1118278c;z-index:300;display:flex;justify-content:center;align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.modal{background:var(--surface);width:100%;max-width:460px;padding:2.5rem;position:relative;animation:scaleIn .32s var(--ease-smooth);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border-top:4px solid var(--primary)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.4rem;color:var(--muted);transition:color .2s,background .2s;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--danger);background:var(--danger-light)}.modal-title{font-size:1.75rem;margin-bottom:.45rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.modal-subtitle{font-size:var(--font-sm);color:var(--muted);margin-bottom:2rem;line-height:1.7}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:var(--font-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}.form-input{width:100%;border:1.5px solid var(--border);background:var(--surface);padding:.8rem 1rem;font-family:Poppins,sans-serif;font-size:.9rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;outline:none;border-radius:var(--radius-sm)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #14665b1f}.form-input:hover:not(:focus){border-color:var(--muted-2)}.form-input::placeholder{color:var(--muted-2)}textarea.form-input{resize:vertical}select.form-input{cursor:pointer}.password-field{position:relative}.password-field .form-input{padding-right:3.5rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);padding:.45rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-family:Poppins,sans-serif}.password-toggle:hover{color:var(--primary);background:var(--primary-ultra)}.form-submit{width:100%;background:var(--primary);color:#fff;border:none;padding:.95rem;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);transition:background .25s ease,transform .25s ease,box-shadow .25s ease;font-family:Poppins,sans-serif;box-shadow:0 2px 8px #14665b40}.form-submit:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #14665b4d}.form-submit[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-submit.is-loading{position:relative;pointer-events:none}.form-submit.is-loading:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .75s linear infinite}.form-error{font-size:var(--font-xs);color:var(--danger);margin-top:.35rem;font-weight:500}.form-checkboxes{display:flex;gap:2rem;flex-wrap:wrap}.form-checkbox-item{display:flex;align-items:center;gap:.55rem;font-size:.9rem;cursor:pointer}.form-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:var(--primary);width:16px;height:16px}.modal-switch{text-align:center;margin-top:1rem;font-size:var(--font-sm);color:var(--muted)}.modal-switch a{color:var(--primary);text-decoration:none;font-weight:600}.modal-switch button{background:none;border:none;padding:0;color:var(--primary);font-weight:600;font-family:Poppins,sans-serif;font-size:var(--font-sm);cursor:pointer;transition:opacity .2s}.modal-switch button:hover{opacity:.75}.img-upload-group{display:flex;flex-direction:column;gap:.5rem}.img-upload-btn-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.img-upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary-pale);border:1.5px dashed var(--primary);color:var(--primary);padding:.5rem 1rem;font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.img-upload-btn:hover{background:var(--primary);color:#fff;border-style:solid}.img-upload-preview{width:76px;height:76px;object-fit:cover;border:1.5px solid var(--border);border-radius:var(--radius-sm);animation:scaleIn .3s var(--ease-bounce)}.img-upload-hint{font-size:.7rem;color:var(--muted)}.book-detail-modal{background:var(--surface);width:100%;max-width:760px;display:grid;grid-template-columns:280px 1fr;overflow:hidden;border-radius:var(--radius-lg);border-top:4px solid var(--primary);box-shadow:var(--shadow-lg)}.book-detail-cover{min-height:420px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#ffffffd9;background:linear-gradient(135deg,var(--primary),var(--primary-dark));overflow:hidden}.book-detail-cover img{transition:transform .45s ease}.book-detail-cover:hover img{transform:scale(1.04)}.book-detail-body{padding:2.25rem}.book-detail-genre{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem;font-weight:600}.book-detail-title{font-size:1.85rem;margin-bottom:.5rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.book-detail-author{font-size:1rem;color:var(--muted);margin-bottom:1.25rem}.book-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.book-detail-meta-item label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;font-weight:600}.book-detail-meta-item span{font-size:.875rem;font-weight:600;color:var(--ink)}.book-detail-desc{font-size:.9rem;color:var(--muted);line-height:1.85;margin-bottom:1rem}.book-detail-price{display:flex;gap:.75rem;align-items:baseline;margin-bottom:1rem}.book-detail-price-main{font-size:2rem;font-weight:800;color:var(--ink)}.book-detail-price-old{font-size:1rem;color:var(--muted-2);text-decoration:line-through}.book-detail-add{width:100%;background:var(--primary);color:#fff;border:none;padding:.9rem;font-size:var(--font-sm);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);font-weight:600;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;font-family:Poppins,sans-serif;box-shadow:0 2px 8px #14665b40}.book-detail-add:hover:not([disabled]){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #14665b4d}.book-detail-add[disabled]{background:var(--muted-2);box-shadow:none;cursor:not-allowed}.book-detail-page{background:var(--bg);min-height:100vh;position:relative}.bd-breadcrumb-bar{background:var(--surface);border-bottom:1px solid rgba(20,102,91,.1);padding:.75rem 2rem;animation:slideDown .45s var(--ease-smooth) both}.bd-breadcrumb{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.bd-breadcrumb-link{color:var(--ink-2);text-decoration:none;font-size:var(--font-xs);font-weight:500;transition:color .2s}.bd-breadcrumb-link:hover{color:var(--primary);text-decoration:underline}.bd-breadcrumb svg{color:var(--muted-2);flex-shrink:0}.bd-breadcrumb-current{font-size:var(--font-xs);color:var(--muted);font-weight:400}.bd-section{position:relative;padding:2.5rem 2rem 5rem;overflow:hidden}.bd-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 12% 18%,rgba(20,102,91,.12),transparent 70%),radial-gradient(ellipse 40% 35% at 88% 8%,rgba(20,102,91,.07),transparent 65%)}.bd-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:3.5rem;align-items:start}.bd-left{position:sticky;top:84px;animation:bdCoverIn .7s var(--ease-smooth) both}.bd-cover-stage{position:relative;padding:.75rem}.bd-cover-glow{position:absolute;inset:8% 4% auto;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(20,102,91,.28),transparent 68%);filter:blur(8px);animation:booksEmptyGlow 4.8s ease-in-out infinite;pointer-events:none}.bd-cover-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #14665b1f;border:1.5px solid rgba(20,102,91,.14);aspect-ratio:2/3;background:var(--surface);animation:booksEmptyFloat 5.5s ease-in-out .8s infinite}.bd-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.bd-cover-wrap:hover .bd-cover-img{transform:scale(1.04)}.bd-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,12vw,4rem);font-weight:700;color:#fff;background:linear-gradient(145deg,var(--primary),var(--primary-dark))}.bd-cover-added{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#14665bc7;color:#fff;animation:bookAddedFlash .9s ease both;z-index:3}.bd-cover-added span{width:48px;height:48px;border-radius:50%;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;animation:bookCheckPop .55s var(--ease-bounce) both}.bd-cover-added strong{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.bd-badge-sale{position:absolute;top:.85rem;left:.85rem;background:var(--primary);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.12em;padding:.3rem .7rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #14665b4d;animation:bounceIn .5s var(--ease-bounce) .35s both}.bd-badge-new{position:absolute;top:.85rem;right:.85rem;background:#fff;color:var(--primary-dark);font-size:.58rem;font-weight:700;letter-spacing:.06em;padding:.3rem .7rem;border-radius:var(--radius-full);border:1.5px solid rgba(20,102,91,.2);animation:bounceIn .5s var(--ease-bounce) .45s both}.bd-oos-overlay{position:absolute;inset:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:2}.bd-oos-overlay span{background:var(--danger);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.25rem;border-radius:var(--radius-full)}.bd-trust-grid{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem}.bd-trust-item{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1.5px solid rgba(20,102,91,.14);padding:.85rem 1rem;border-radius:var(--radius);transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease;animation:slideUp .5s var(--ease-smooth) both}.bd-trust-item:hover{border-color:var(--primary);transform:translate(4px);box-shadow:var(--shadow)}.bd-trust-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary-pale);border:1.5px solid rgba(20,102,91,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.bd-trust-label{font-size:var(--font-xs);font-weight:700;color:var(--primary-dark)}.bd-trust-sub{font-size:.65rem;color:var(--muted);margin-top:.1rem}.bd-right{animation:bdDetailsIn .7s var(--ease-smooth) .12s both}.bd-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.bd-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border-radius:var(--radius-full)}.bd-chip-genre{background:var(--primary-pale);color:var(--primary-dark);border:1.5px solid rgba(20,102,91,.16)}.bd-chip-new{background:var(--surface);color:var(--primary);border:1.5px solid rgba(20,102,91,.2)}.bd-title{font-size:clamp(1.85rem,3.2vw,2.55rem);font-weight:800;color:var(--ink);line-height:1.15;letter-spacing:-.02em;margin-bottom:.85rem}.bd-author{display:flex;align-items:center;gap:.65rem;font-size:.95rem;color:var(--muted);margin-bottom:1.35rem}.bd-author-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #14665b40}.bd-author strong{color:var(--primary-dark);font-weight:600}.bd-divider{height:1px;background:linear-gradient(90deg,rgba(20,102,91,.25),transparent 85%);margin-bottom:1.5rem}.bd-buy-panel{background:var(--surface);border:1.5px solid rgba(20,102,91,.14);border-radius:var(--radius-lg);padding:1.25rem 1.35rem 1.35rem;margin-bottom:1.5rem;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:scaleIn .55s var(--ease-smooth) .2s both}.bd-buy-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.bd-price-block{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:1rem;max-width:none;width:auto}.bd-price-row{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap;margin-bottom:.4rem}.bd-price-main{font-size:2.35rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.02em}.bd-price-original{font-size:1.1rem;color:var(--muted-2);text-decoration:line-through}.bd-price-save{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary-pale);color:var(--primary-dark);font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.28rem .7rem;border-radius:var(--radius-full);border:1.5px solid rgba(20,102,91,.16)}.bd-price-note{font-size:.7rem;color:var(--muted)}.bd-stock-row{margin-bottom:1.15rem}.bd-stock-in{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary-dark);font-size:var(--font-sm);font-weight:600;background:var(--primary-pale);padding:.42rem .9rem;border-radius:var(--radius-full);border:1.5px solid rgba(20,102,91,.2)}.bd-stock-out{display:inline-flex;align-items:center;gap:.45rem;color:var(--danger);font-size:var(--font-sm);font-weight:600;background:transparent;padding:.4rem .85rem;border-radius:var(--radius-full);border:1px solid rgba(220,38,38,.35)}.bd-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:0}.bd-btn-cart{flex:0 1 auto;min-width:180px;max-width:min(100%,300px);background:var(--primary);color:#fff;border:none;padding:.8rem 1.35rem;font-size:.9rem;font-weight:700;letter-spacing:.02em;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:background .25s ease,transform .2s var(--ease-bounce),box-shadow .25s ease;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 6px 18px #14665b47}.bd-btn-cart:hover:not([disabled]){background:var(--primary-dark);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px #14665b52}.bd-btn-cart[disabled]{background:var(--muted-2);box-shadow:none;cursor:not-allowed}.bd-btn-cart--added{background:var(--primary-dark)!important;animation:bookAddSuccess .55s var(--ease-bounce)}.bd-qty{display:flex;align-items:center;border:1.5px solid rgba(20,102,91,.2);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);animation:bookQtyEnter .4s var(--ease-bounce) both}.bd-qty-btn{width:40px;height:42px;border:none;background:var(--primary-pale);color:var(--primary-dark);font-size:1.15rem;font-weight:700;cursor:pointer;transition:background .2s ease}.bd-qty-btn:hover:not(:disabled){background:var(--primary);color:#fff}.bd-qty-btn:disabled{opacity:.55;cursor:wait}.bd-qty-val{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary-dark);border-left:1px solid rgba(20,102,91,.14);border-right:1px solid rgba(20,102,91,.14)}.bd-btn-back{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--primary-dark);border:1.5px solid rgba(20,102,91,.25);background:var(--surface);border-radius:var(--radius-sm);text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease;white-space:nowrap;font-family:Poppins,sans-serif}.bd-btn-back:hover{background:var(--primary-pale);border-color:var(--primary);transform:translateY(-1px)}.bd-about{background:var(--surface);border:1.5px solid rgba(20,102,91,.14);border-radius:var(--radius);padding:1.35rem 1.4rem;margin-bottom:1.5rem;animation:slideUp .55s var(--ease-smooth) .28s both}.bd-section-head{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem}.bd-section-head svg{color:var(--primary);flex-shrink:0}.bd-desc{font-size:.95rem;color:var(--muted);line-height:1.9}.bd-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bd-meta-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid rgba(20,102,91,.14);padding:.95rem 1rem;border-radius:var(--radius);transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease;animation:slideUp .45s var(--ease-smooth) both}.bd-meta-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.bd-meta-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-pale);border:1.5px solid rgba(20,102,91,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.bd-meta-icon svg{display:block}.bd-meta-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.bd-meta-val{font-size:.875rem;font-weight:700;color:var(--primary-dark);margin-top:.12rem}.bd-error-state{text-align:center;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.bd-error-icon{font-size:3.5rem}.bd-error-state h3{font-size:1.25rem;font-weight:700;color:var(--ink)}.bd-error-state p{color:var(--muted);font-size:var(--font-sm)}@keyframes bdCoverIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bdDetailsIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.bd-left,.bd-right,.bd-cover-wrap,.bd-cover-glow,.bd-trust-item,.bd-buy-panel,.bd-about,.bd-meta-card,.bd-breadcrumb-bar{animation:none!important}}@media(max-width:900px){.bd-layout{grid-template-columns:1fr;gap:2rem}.bd-left{position:static}.bd-cover-stage{max-width:320px;margin:0 auto}.bd-cover-wrap{animation:none}.bd-actions{flex-direction:column;align-items:stretch}.bd-btn-cart,.bd-btn-back,.bd-qty{width:100%;max-width:none;justify-content:center}.bd-btn-back{text-align:center}}@media(max-width:480px){.bd-meta-grid{grid-template-columns:1fr}.bd-title{font-size:1.6rem}.bd-price-main{font-size:1.9rem}}.spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;padding:5rem}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:500;display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--ink);color:#fff;padding:1rem 1.5rem;border-left:4px solid var(--primary);font-size:.9rem;min-width:280px;animation:toastIn .35s var(--ease-smooth) both;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);font-weight:500}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.footer{background:#0d3d36;color:#ffffffa6;padding:4rem 2rem 1.75rem}.footer-inner{max-width:1320px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.1rem;margin-top:1.75rem;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs)}.footer-brand{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:-.01em}.footer-tagline{font-size:var(--font-xs);color:#ffffff80;font-style:italic;margin-bottom:.85rem}.footer-desc{font-size:var(--font-xs);color:#ffffff80;line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.footer-col h4{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;margin-bottom:.85rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.footer-col ul li{font-size:var(--font-xs);color:#ffffff80;cursor:pointer;transition:color .2s ease}.footer-col ul li a{color:inherit;text-decoration:none;transition:color .2s ease}.footer-col ul li:hover,.footer-col ul li a:hover{color:#ffffffe6}.content-page-inner{max-width:820px}.content-page-body{margin-top:.5rem}.content-page-lead{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.85rem}.content-page-text{color:var(--muted);line-height:1.9;font-size:1rem;margin-bottom:1.1rem}.content-faq-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem}.content-faq-item{border:1.5px solid rgba(20,102,91,.14);border-radius:var(--radius);background:var(--surface);padding:1.1rem 1.25rem;border-top:3px solid var(--primary)}.content-faq-q{font-size:1rem;font-weight:700;color:var(--primary-dark);margin-bottom:.45rem}.content-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.25rem 0 .5rem}.content-contact-card{border:1.5px solid rgba(20,102,91,.16);border-radius:var(--radius);background:var(--surface);padding:1.1rem 1.2rem;border-top:3px solid var(--primary)}.content-contact-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--primary);margin-bottom:.35rem}.content-contact-value{font-size:.95rem;font-weight:600;color:var(--ink);word-break:break-word}.content-page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.admin-section{padding:2.5rem 2rem;min-height:calc(100vh - 68px);background:var(--cream);border-top:1px solid var(--border)}.admin-layout{display:grid;gap:1.5rem;align-items:start}.admin-inner{max-width:1380px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.4rem 1.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);animation:slideDown .45s var(--ease-smooth) both;box-shadow:0 4px 20px #14665b40}.admin-header-left{display:flex;align-items:center;gap:1rem}.admin-header-icon{width:44px;height:44px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm)}.admin-header-icon svg{width:22px;height:22px;stroke:#fff}.admin-title{font-size:1.5rem;color:#fff;font-weight:800;line-height:1;letter-spacing:-.02em}.admin-header-sub{font-size:var(--font-xs);color:#fff9;margin-top:.2rem}.admin-header-badge{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.25);padding:.3rem .85rem;background:#ffffff1a;border-radius:var(--radius-full)}.admin-top-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;padding:.55rem .65rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:slideDown .45s var(--ease-smooth) both}.admin-top-tabs .admin-tab{border:1.5px solid transparent;background:transparent;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .85rem;font-size:var(--font-sm);font-weight:500;color:var(--muted);border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease,border-color .2s ease;font-family:Poppins,sans-serif}.admin-top-tabs .admin-tab svg{width:16px;height:16px;flex-shrink:0;opacity:.55;transition:opacity .2s}.admin-top-tabs .admin-tab:hover{background:var(--primary-pale);color:var(--primary);border-color:#14665b33}.admin-top-tabs .admin-tab:hover svg{opacity:1}.admin-top-tabs .admin-tab.active{background:var(--primary-pale);color:var(--primary);border-color:var(--primary);font-weight:600}.admin-top-tabs .admin-tab.active svg{opacity:1;stroke:var(--primary)}.admin-main-content{min-width:0;width:100%;animation:contentFadeIn .45s var(--ease-smooth) both}.admin-content-animate{animation:contentFadeIn .45s var(--ease-smooth) both}.admin-section-title{margin-bottom:1.5rem}.admin-section-title h3{font-size:1.35rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.admin-section-hint{font-size:var(--font-xs);color:var(--muted);margin-top:.2rem;display:block}.admin-subsection-title{font-size:var(--font-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--border)}.admin-form{background:var(--surface);border:1.5px solid rgba(20,102,91,.12);padding:clamp(1.1rem,3vw,2rem);border-radius:var(--radius);box-shadow:0 6px 28px #14665b17,var(--shadow)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-form-full{grid-column:1 / -1}.admin-split{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.08fr);gap:1.25rem;align-items:start}.admin-split-pane{min-width:0}.admin-split-manage .admin-form{max-height:min(78vh,920px);overflow-y:auto}@media(max-width:960px){.admin-split{grid-template-columns:1fr}}.admin-form .form-input:not(textarea){padding:.5rem .65rem;font-size:.85rem}.admin-form textarea.form-input{min-height:88px;padding:.65rem .75rem;font-size:.88rem}.admin-form .form-submit{width:auto;min-width:min(100%,200px);padding:.62rem 1.15rem;font-size:.78rem;letter-spacing:.04em;text-transform:none}.admin-submit-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.admin-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;align-items:stretch}.admin-filter-row>*{min-width:0}.admin-filter-row--single{grid-template-columns:1fr}.admin-entity-list{display:flex;flex-direction:column;gap:.55rem}.admin-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:stretch}.admin-book-card{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;margin:0;min-width:0;height:100%;background:var(--surface);border:1.5px solid rgba(20,102,91,.14);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 4px 20px #14665b12,var(--shadow);min-height:118px}.admin-book-card .admin-book-card-title{font-weight:700;color:var(--ink);line-height:1.35;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-book-card .admin-book-card-meta{margin:.25rem 0 0;color:var(--muted);font-size:var(--font-xs);line-height:1.45}.admin-book-card .admin-book-card-actions{display:flex;justify-content:flex-end;margin-top:auto}@media(max-width:380px){.admin-book-grid{grid-template-columns:1fr}}.admin-entity-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:.8rem .95rem}.admin-entity-main strong{display:block;color:var(--ink);line-height:1.35}.admin-entity-main p{margin:.15rem 0 0;color:var(--muted);font-size:var(--font-xs)}.admin-entity-actions{display:flex;align-items:center;gap:.55rem}.admin-media-layout{display:grid;grid-template-columns:minmax(132px,200px) minmax(0,1fr);gap:1.5rem;align-items:start;margin-bottom:1rem}.admin-media-aside .img-upload-group{max-width:200px}.admin-media-main .admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.admin-media-main .author-genre-cell{min-width:0}.admin-tab-books{padding-bottom:.5rem}.admin-book-cover-preview{width:100%;max-width:180px;aspect-ratio:2/3;height:auto;object-fit:cover}.author-photo-preview{width:96px;height:96px;border-radius:50%;object-fit:cover}.event-banner-preview{width:100%;max-width:200px;aspect-ratio:3/2;height:auto;object-fit:cover}.magazine-cover-preview{width:100%;max-width:140px;aspect-ratio:2/3;height:auto;object-fit:cover}@media(max-width:768px){.admin-media-layout{grid-template-columns:1fr}}.field-error{font-size:.8rem;color:#b91c1c;margin:.35rem 0 0}.field-hint{font-size:.8rem;color:var(--muted);margin:.35rem 0 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.5rem}.kpi-card{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;border:1.5px solid var(--border);background:var(--surface);position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);animation:kpiCountUp .55s var(--ease-smooth) both}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}.kpi-gold:after{background:var(--primary)}.kpi-rust:after{background:var(--danger)}.kpi-sage:after{background:var(--success)}.kpi-ink:after{background:var(--muted)}.kpi-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:var(--primary-ultra)}.kpi-body{min-width:0}.kpi-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.kpi-value{font-size:1.6rem;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.02em}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.charts-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1.1rem}.chart-card{border:1.5px solid var(--border);padding:1.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-card-header h4{font-size:.95rem;font-weight:700;color:var(--ink)}.chart-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1.5px solid var(--border);padding:.18rem .55rem;border-radius:var(--radius-full)}.chart-empty{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:var(--font-sm)}.chart-empty svg{margin:0 auto .75rem;opacity:.3}.bar-chart-wrap{display:flex;flex-direction:column;gap:.65rem}.bar-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:.65rem}.bar-label{font-size:var(--font-sm);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:10px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;border-radius:var(--radius-full)}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-light),var(--primary));animation:barGrow .9s var(--ease-smooth) both;border-radius:var(--radius-full)}.bar-fill-rust{background:linear-gradient(90deg,#f87171,var(--danger))}.bar-count{font-size:var(--font-sm);font-weight:700;text-align:right;color:var(--ink)}.pie-wrap{display:flex;justify-content:center;padding:.5rem 0 1.25rem}.pie-chart{width:160px;height:160px;border-radius:50%;border:8px solid var(--surface);box-shadow:var(--shadow-md);transition:transform .35s var(--ease-bounce)}.pie-chart:hover{transform:scale(1.05)}.pie-legend{display:flex;flex-direction:column;gap:.35rem}.legend-row{display:flex;align-items:center;gap:.5rem;font-size:var(--font-sm);padding:.18rem 0}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-row span{flex:1}.legend-row strong{font-weight:700}.author-spotlight-row{display:flex;align-items:center;gap:1.25rem;padding:.55rem 0}.author-spotlight-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;border:2.5px solid var(--primary)}.author-spotlight-name{font-size:1rem;font-weight:700;color:var(--ink)}.author-spotlight-stat{font-size:var(--font-sm);color:var(--muted);margin-top:.2rem}.user-list-table{display:flex;flex-direction:column;gap:.85rem}.user-row-card{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:1rem;border:1.5px solid var(--border);padding:1rem 1.25rem;background:var(--surface);border-radius:var(--radius);transition:box-shadow .2s ease,opacity .2s ease,border-color .2s ease;animation:slideUp .35s var(--ease-smooth) both}.user-row-card:hover{box-shadow:var(--shadow);border-color:var(--primary)}.user-row-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.user-row-info strong{font-size:.95rem;font-weight:600;color:var(--ink)}.user-row-info p{font-size:var(--font-xs);color:var(--muted);margin-top:.15rem}.user-row-role{display:flex;align-items:center}.toggle-role{display:flex;align-items:center;gap:.6rem;cursor:pointer}.toggle-role input[type=checkbox]{display:none}.toggle-track{width:44px;height:24px;background:var(--border);border-radius:var(--radius-full);position:relative;transition:background .28s ease;flex-shrink:0}.toggle-role input:checked+.toggle-track{background:var(--primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .28s var(--ease-bounce);box-shadow:0 1px 4px #00000026}.toggle-role input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle-label{font-size:var(--font-sm);font-weight:600;color:var(--ink)}.user-row-actions{display:flex;align-items:center;gap:.5rem}.filters-bar{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1.25rem}.filter-chip{background:var(--surface);border:1.5px solid var(--border);padding:.42rem 1rem;font-size:var(--font-sm);cursor:pointer;border-radius:var(--radius-full);font-weight:500;transition:all .22s ease;font-family:Poppins,sans-serif}.filter-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-pale)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-bar{display:flex;margin-bottom:1.4rem}.search-input{flex:1;border:1.5px solid var(--border);padding:.8rem 1.1rem;font-family:Poppins,sans-serif;font-size:.9rem;border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);outline:none;box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #14665b1a}.search-input::placeholder{color:var(--muted-2)}.books-toolbar{max-width:min(100%,480px)}.books-toolbar .search-bar{margin-bottom:1rem}.books-empty{position:relative;overflow:hidden;text-align:center;padding:clamp(2.25rem,6vw,3.75rem) clamp(1.1rem,4vw,2.5rem);margin-top:1rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(20,102,91,.1),transparent 65%),linear-gradient(165deg,var(--primary-ultra) 0%,var(--surface) 48%,#fff 100%);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:booksEmptyIn .7s var(--ease-smooth) both}.books-empty-glow{position:absolute;width:280px;height:280px;left:50%;top:-40px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(31,138,112,.22),transparent 70%);pointer-events:none;animation:booksEmptyGlow 4.5s ease-in-out infinite}.books-empty-visual{position:relative;width:min(100%,440px);margin:0 auto 1.5rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md),0 0 0 1px #14665b14;aspect-ratio:4 / 3;background:var(--surface-2);animation:booksEmptyVisual .85s var(--ease-bounce) .12s both,booksEmptyFloat 5s ease-in-out 1s infinite}.books-empty-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.books-empty-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translate(-120%);animation:booksEmptyShine 3.8s var(--ease-smooth) 1.1s infinite;pointer-events:none}.books-empty-copy{position:relative;z-index:1;animation:booksEmptyCopy .7s var(--ease-smooth) .28s both}.books-empty-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:.55rem}.books-empty-title{font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:800;color:var(--ink);margin:0 0 .55rem;letter-spacing:-.02em}.books-empty-text{font-size:var(--font-sm);color:var(--muted);margin:0 auto 1.5rem;max-width:30rem;line-height:1.75}.books-empty-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.books-empty-actions .btn-primary,.books-empty-actions .btn-outline{min-height:44px;padding-inline:1.25rem}@keyframes booksEmptyIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes booksEmptyVisual{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes booksEmptyCopy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes booksEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes booksEmptyGlow{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:.95;transform:translate(-50%) scale(1.12)}}@keyframes booksEmptyShine{0%{transform:translate(-120%)}35%,to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.books-empty,.books-empty-visual,.books-empty-copy,.books-empty-glow,.books-empty-shine{animation:none!important}}.authors-empty{text-align:center;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem);margin-top:1rem;background:linear-gradient(180deg,var(--cream) 0%,var(--surface) 100%);border:1.5px dashed var(--border);border-radius:var(--radius-lg)}.authors-empty-visual{width:112px;height:112px;margin:0 auto 1.1rem;color:var(--primary)}.authors-empty-visual svg{width:100%;height:100%}.authors-empty-title{font-size:1.15rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.authors-empty-text{font-size:var(--font-sm);color:var(--muted);margin:0 auto;max-width:26rem;line-height:1.65}.orders-empty{text-align:center;padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2rem);margin:0 auto;max-width:28rem;background:linear-gradient(180deg,var(--cream) 0%,var(--surface) 100%);border:1.5px dashed var(--border);border-radius:var(--radius-lg)}.orders-empty-visual{width:100px;height:100px;margin:0 auto 1rem;color:var(--primary)}.orders-empty-visual svg{width:100%;height:100%}.orders-empty-title{font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.orders-empty-text{font-size:var(--font-sm);color:var(--muted);margin:0 0 1.25rem;line-height:1.65}.auth-page{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center;padding:5rem 1rem;background:linear-gradient(135deg,var(--primary-ultra) 0%,#fff 60%,var(--primary-pale) 100%);position:relative}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,102,91,.08) 0%,transparent 65%);pointer-events:none}.auth-card{width:100%;max-width:460px;background:var(--surface);padding:2.75rem;border:1.5px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border-top:4px solid var(--primary);animation:scaleIn .45s var(--ease-smooth) both;position:relative}.auth-title{font-size:2rem;margin-bottom:.45rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.auth-subtitle{color:var(--muted);margin-bottom:1.6rem;line-height:1.7;font-size:var(--font-sm)}.auth-switch{margin-top:1rem;font-size:var(--font-sm);color:var(--muted)}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:600}.payment-modal{max-width:460px;text-align:center;animation:scaleIn .32s var(--ease-smooth)}.payment-modal .spinner{animation:spin .75s linear infinite,pulseSoft 1.4s ease-in-out infinite;width:52px;height:52px;border-width:4px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;margin-top:1.5rem}.order-card{background:var(--surface);border:1.5px solid var(--border);overflow:hidden;border-radius:var(--radius);animation:orderCardIn .55s var(--ease-smooth) both;box-shadow:var(--shadow)}.order-card:nth-child(1){animation-delay:.05s}.order-card:nth-child(2){animation-delay:.1s}.order-card:nth-child(3){animation-delay:.15s}.order-card:nth-child(4){animation-delay:.2s}.order-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary)}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem 0}.order-id{font-weight:700;font-size:.85rem;font-family:monospace;color:var(--ink)}.order-date{font-size:var(--font-xs);color:var(--muted);margin-top:.18rem}.order-status{font-size:.62rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--success);border:1.5px solid rgba(5,150,105,.3);padding:.25rem .7rem;background:var(--success-light);white-space:nowrap;border-radius:var(--radius-full)}.order-delivery{padding:.6rem 1.25rem;font-size:var(--font-sm);color:var(--ink);background:var(--primary-ultra);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:.75rem}.order-items{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}.order-item-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px dashed var(--border)}.order-item-row:last-child{border-bottom:none}.order-item-thumb{width:44px;height:56px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm)}.order-item-detail{flex:1;min-width:0}.order-item-title{font-size:var(--font-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.order-item-qty{font-size:var(--font-xs);color:var(--muted);margin-top:.15rem}.order-item-price{font-weight:700;font-size:.875rem;white-space:nowrap;color:var(--ink)}.order-total{padding:.85rem 1.25rem;font-weight:800;text-align:right;background:var(--primary);color:#fff;font-size:1rem;letter-spacing:.02em}.about-card{position:relative;overflow:hidden;background:var(--surface);border:1.5px solid rgba(20,102,91,.18);padding:3.25rem;text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.scroll-reveal{opacity:0;will-change:opacity,transform;transition:opacity .65s var(--ease-smooth),transform .65s var(--ease-smooth)}.reveal-up{transform:translateY(36px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-scale{transform:scale(.94)}.scroll-reveal.revealed{opacity:1;transform:none}.events-section{background:linear-gradient(135deg,var(--primary-ultra) 0%,#fff 100%);position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.events-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,rgba(20,102,91,.07) 0%,transparent 55%),radial-gradient(ellipse at 10% 80%,rgba(31,138,112,.05) 0%,transparent 50%)}.events-section .section-eyebrow{color:var(--primary)}.events-section .section-title{color:var(--ink)}.events-section .section-title em{color:var(--primary)}.events-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.25rem;position:relative}.events-section .section-inner{position:relative;z-index:1}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem;margin-top:1.5rem}.event-card{background:var(--surface);border:1.5px solid var(--border);overflow:hidden;border-radius:var(--radius);transition:transform .32s var(--ease-smooth),box-shadow .32s ease,border-color .32s ease;box-shadow:var(--shadow)}.event-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.event-card-img{position:relative;height:185px;background:linear-gradient(135deg,var(--primary-pale),var(--primary-ultra));overflow:hidden}.event-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.event-card:hover .event-card-img img{transform:scale(1.07)}.event-card-img-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:3.5rem}.events-empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);border:1.5px dashed var(--border);margin-top:1rem;border-radius:var(--radius);background:var(--surface)}.events-empty-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.events-empty-state h3{font-size:1.15rem;color:var(--ink);margin-bottom:.5rem;font-weight:700}.events-empty-state p{font-size:var(--font-sm)}.event-card-past{opacity:.65}.event-card-past:hover{opacity:.95}.event-past-badge{position:absolute;top:.75rem;left:.75rem;background:#6b7280e6;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.22rem .55rem;border-radius:var(--radius-full)}.event-live-badge{position:absolute;top:.75rem;left:.75rem;background:#dc2626eb;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.25rem .6rem;border-radius:var(--radius-full);animation:pulseSoft 1.5s ease-in-out infinite}.event-card-body{padding:1.25rem 1.5rem}.event-dates{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.event-date-chip{display:flex;flex-direction:column;align-items:center;width:46px;height:52px;background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;border-radius:var(--radius-sm);box-shadow:0 2px 8px #14665b40}.event-date-day{font-size:1.25rem;font-weight:800;line-height:1}.event-date-month{font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.event-time-range{font-size:var(--font-xs);color:var(--muted);line-height:1.6}.event-title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;line-height:1.35}.event-location{font-size:var(--font-xs);color:var(--muted);display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.event-description{font-size:var(--font-sm);color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.events-admin-list{display:flex;flex-direction:column;gap:.85rem}.event-admin-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;border:1.5px solid var(--border);padding:.9rem 1rem;background:var(--surface);border-radius:var(--radius);animation:slideUp .38s var(--ease-smooth) both;transition:box-shadow .2s ease,border-color .2s ease}.event-admin-row:hover{box-shadow:var(--shadow);border-color:var(--primary)}.event-admin-thumb{width:80px;height:56px;background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1.5px solid var(--border);flex-shrink:0;border-radius:var(--radius-sm)}.event-admin-thumb img{width:100%;height:100%;object-fit:cover}.event-admin-info strong{font-size:.9rem;font-weight:600;display:block;color:var(--ink)}.event-admin-info p{font-size:var(--font-xs);color:var(--muted);margin-top:.15rem}.event-admin-delete{width:36px;height:36px;background:none;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);border-radius:var(--radius-sm);transition:all .22s ease}.event-admin-delete:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.event-gallery-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem;max-width:100%}.event-gallery-item{position:relative;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border);flex-shrink:0}.event-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.event-gallery-badge{position:absolute;left:0;bottom:0;right:0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#14665beb;color:#fff;text-align:center;padding:.15rem .2rem}.event-gallery-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:4px;border:none;background:#0000008c;color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.event-gallery-remove:hover{background:var(--danger)}.role-password-banner{display:flex;align-items:flex-start;gap:1rem;background:var(--primary-ultra);border:1.5px solid rgba(20,102,91,.25);padding:1rem 1.25rem;margin-bottom:1.5rem;animation:slideDown .38s var(--ease-smooth) both;border-radius:var(--radius)}.role-password-banner svg{flex-shrink:0;margin-top:.25rem;stroke:var(--primary)}.role-password-ready{display:flex;align-items:center;gap:.35rem;font-size:var(--font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--success);white-space:nowrap;animation:scaleIn .28s var(--ease-bounce)}.toggle-disabled{opacity:.4;pointer-events:none}.toggle-label-admin{color:var(--primary)!important}.user-row-saving{opacity:.65;pointer-events:none}.user-row-saving-indicator{display:flex;align-items:center;gap:.5rem;font-size:var(--font-xs);color:var(--muted);font-style:italic;grid-column:1 / -1}.why-card{position:relative;overflow:hidden;background:var(--surface);border:1.5px solid rgba(20,102,91,.16);padding:2rem 1.5rem 1.75rem;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .32s var(--ease-smooth),box-shadow .32s ease,border-color .32s ease}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.why-card-icon{width:64px;height:64px;margin:0 auto .95rem;display:flex;align-items:center;justify-content:center;font-size:1.7rem;background:var(--primary-pale);border-radius:var(--radius);border:1.5px solid rgba(20,102,91,.12)}.why-card h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-dark)}.why-card p{font-size:var(--font-sm);color:var(--muted);line-height:1.8}.magazine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.75rem}.magazine-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);animation:slideUp .55s var(--ease-smooth) both;transition:transform .32s var(--ease-bounce),box-shadow .32s ease,border-color .32s ease}.magazine-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary)}.magazine-card-cover{height:200px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#ffffffd9;position:relative;overflow:hidden}.magazine-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.magazine-card:hover .magazine-card-cover img{transform:scale(1.05)}.magazine-card-issue{position:absolute;top:.7rem;right:.7rem;background:#111827bf;color:#fff;font-size:.6rem;font-weight:700;padding:.22rem .6rem;border-radius:var(--radius-full)}.magazine-card-body{padding:1.1rem}.magazine-card-category{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:600}.magazine-card-title{font-size:1rem;font-weight:700;margin-top:.2rem;line-height:1.35;color:var(--ink)}.magazine-card-desc{font-size:var(--font-xs);color:var(--muted);margin-top:.4rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magazine-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.75rem;margin-top:.75rem}.magazine-date{font-size:var(--font-xs);color:var(--muted)}.magazine-read-btn{font-size:var(--font-xs);font-weight:600;color:var(--primary);background:var(--primary-pale);border:1.5px solid var(--primary);padding:.3rem .75rem;border-radius:var(--radius-full);transition:all .2s ease;text-decoration:none}.magazine-read-btn:hover{background:var(--primary);color:#fff}.magazine-page-intro{max-width:42rem;color:var(--muted);font-size:var(--font-sm);line-height:1.75;margin:-1.25rem 0 2.25rem}.magazine-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.magazine-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.magazine-viewer-section{padding-bottom:2rem}html.magazine-viewer-open,html.magazine-viewer-open body{overflow:hidden}.magazine-viewer-fullscreen{position:fixed;inset:0;z-index:200;background:#111}.magazine-viewer-back-float{position:absolute;top:1rem;left:1rem;z-index:10;padding:.55rem 1rem;border-radius:999px;font-weight:600;color:#fff;text-decoration:none;background:#000000b8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.magazine-viewer-back-float:hover{background:#000000e0;transform:translateY(-1px)}.magazine-viewer-title-float{position:absolute;top:1rem;right:1rem;z-index:10;max-width:min(50vw,420px);margin:0;padding:.45rem .85rem;border-radius:999px;font-size:var(--font-sm);font-weight:600;color:#fff;background:#000000b8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.magazine-viewer-frame-fullscreen{display:block;width:100%;height:100%;border:0;background:#111}.magazine-viewer-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.magazine-viewer-back{align-self:flex-start;font-size:var(--font-sm);font-weight:600;color:var(--primary);text-decoration:none;transition:opacity .2s ease}.magazine-viewer-back:hover{opacity:.75}.magazine-viewer-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--ink);margin-top:.35rem;line-height:1.25}.magazine-viewer-subtitle{margin-top:.35rem;color:var(--muted);font-size:var(--font-sm)}.magazine-viewer-dot{margin:0 .35rem}.magazine-viewer-frame-wrap{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;min-height:min(78vh,900px)}.magazine-viewer-frame{display:block;width:100%;height:min(78vh,900px);border:0;background:var(--surface-2)}.magazine-viewer-empty{text-align:center;padding:3rem 1rem 4rem}.magazine-viewer-note{margin:.6rem 0 0;color:var(--muted);font-size:var(--font-sm);line-height:1.7}.magazine-viewer-empty .btn-primary{display:inline-flex;margin-top:1.25rem}.magazine-admin-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;border:1.5px solid var(--border);padding:.9rem 1rem;background:var(--surface);border-radius:var(--radius);animation:slideUp .38s var(--ease-smooth) both;transition:box-shadow .2s ease,border-color .2s ease}.magazine-admin-row:hover{box-shadow:var(--shadow);border-color:var(--primary)}.magazine-admin-thumb{width:80px;height:56px;background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1.5px solid var(--border);flex-shrink:0;border-radius:var(--radius-sm)}.magazine-admin-thumb img{width:100%;height:100%;object-fit:cover}.magazine-admin-info strong{font-size:.9rem;font-weight:600;display:block;color:var(--ink)}.magazine-admin-info p{font-size:var(--font-xs);color:var(--muted);margin-top:.15rem}.magazine-admin-delete{width:36px;height:36px;background:none;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);border-radius:var(--radius-sm);transition:all .22s ease}.magazine-admin-delete:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.magazine-admin-list{display:flex;flex-direction:column;gap:.85rem}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.user-row-card{grid-template-columns:44px 1fr;grid-template-rows:auto auto}.user-row-role,.user-row-actions{grid-column:1 / -1}.admin-section{padding:1.75rem 1.15rem;min-height:auto}.admin-inner{padding-inline:0}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem}.bd-layout{gap:2.5rem}.bd-breadcrumb-bar{padding:.65rem 1rem}}@media(max-width:768px){:root{--font-base: 16px}.hero-inner,.featured-banner-inner{grid-template-columns:1fr}.hero-right{display:none}.hero-right.hero-books-carousel{display:block!important;margin-top:2rem;width:100%}.admin-top-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.admin-top-tabs .admin-tab{flex-shrink:0}.admin-header{flex-direction:column;align-items:flex-start;gap:.75rem}.kpi-grid{grid-template-columns:1fr 1fr}.charts-grid,.book-detail-modal{grid-template-columns:1fr}.book-detail-cover{min-height:240px}.event-detail-modal-inner{grid-template-columns:1fr;max-height:none}.event-modal-media{border-right:none;border-bottom:1px solid var(--border)}.event-modal-carousel-viewport{max-height:min(38vh,320px)}.event-modal-body.book-detail-body{max-height:none;overflow-y:visible;padding:1.25rem 1.25rem 1.35rem}.book-detail-modal.event-detail-modal{max-height:min(94vh,920px);overflow-y:auto}.footer-top{grid-template-columns:1fr 1fr}.admin-form-grid{grid-template-columns:1fr}.cart-panel{width:100%;max-width:100%}.orders-grid{grid-template-columns:1fr}.user-row-card{grid-template-columns:44px 1fr;grid-template-rows:auto auto}.user-row-role{grid-column:1 / -1}.bar-row{grid-template-columns:minmax(0,72px) 1fr 36px;gap:.45rem}.hero-stats{gap:1.75rem;flex-wrap:wrap}.events-grid{grid-template-columns:1fr}.event-admin-row{grid-template-columns:64px 1fr auto}.admin-filter-row{grid-template-columns:1fr}.admin-entity-row{flex-direction:column;align-items:flex-start}.role-password-banner{flex-direction:column}.section{padding:3rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.section-link{align-self:flex-start}.nav-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;padding:.4rem clamp(.65rem,2.5vw,1rem) .45rem;min-height:auto;gap:.35rem .5rem}.nav-logo{grid-column:1;grid-row:1;min-width:0;align-self:center}.nav-logo-icon{width:36px;height:36px}.nav-logo-icon svg{width:20px;height:20px}.nav-brand{font-size:clamp(.9rem,4vw,1rem);line-height:1.2}.nav-brand span{font-size:clamp(.58rem,2.6vw,.65rem);letter-spacing:.03em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-end-cluster{grid-column:2;grid-row:1;justify-self:end;align-self:center;gap:.2rem;margin-left:.25rem}.nav-actions{gap:.2rem;flex-wrap:nowrap}.nav-burger{display:flex;width:40px;height:40px;min-width:40px;min-height:40px;margin:0}.nav-cart-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1rem;box-shadow:0 1px 4px #14665b33}.nav-cart-btn:hover{transform:translateY(-1px) scale(1.04)}.nav-user-name{display:none}.nav-user-info{padding:0;border:none;background:transparent;gap:0}.nav-user-avatar{width:36px;height:36px;font-size:.72rem;border:1.5px solid var(--border);box-sizing:border-box}.nav-end-cluster .nav-user-btn{min-width:40px;width:40px;height:40px;padding:0;position:relative}.nav-end-cluster .nav-user-btn .nav-btn-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-links{grid-column:1 / -1;grid-row:2;justify-self:stretch;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-height:0;overflow:hidden;opacity:0;padding:0;pointer-events:none;transition:max-height .4s var(--ease-smooth),opacity .25s ease,padding .25s ease;border-top:1px solid transparent}.nav-menu-cb:checked~.nav-links{max-height:min(78vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;padding:.35rem 0 .85rem;pointer-events:all;border-top-color:var(--border)}.nav-link{min-height:var(--touch-min);padding:.75rem .85rem;display:flex;align-items:center;font-size:1rem;border-radius:var(--radius-sm)}.nav-link:after{display:none}.form-input,.search-input,select.form-input{font-size:1rem!important;min-height:var(--touch-min);padding:.75rem 1rem!important}textarea.form-input{font-size:1rem!important;min-height:7.5rem;padding:.85rem 1rem!important}.form-label{font-size:.75rem}.form-submit{min-height:var(--touch-min);font-size:1rem;padding:.85rem 1.25rem}.btn-primary,.btn-outline{min-height:var(--touch-min);padding:.75rem 1.35rem;font-size:.95rem}.filter-chip{min-height:40px;padding:.5rem 1rem;font-size:.9rem}.modal-overlay{align-items:flex-end;padding:0;padding-bottom:var(--safe-bottom)}.modal{max-height:min(92dvh,100%);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:auto;padding:1.75rem 1.25rem 1.5rem}.auth-page{padding:2rem 1rem 3rem;min-height:calc(100dvh - 120px)}.auth-card{padding:1.75rem 1.25rem}.auth-title{font-size:1.65rem}.toast-container{left:.75rem;right:.75rem;bottom:max(1rem,var(--safe-bottom))}.toast{min-width:0;width:100%;font-size:.95rem}.admin-form .form-input:not(textarea),.admin-form textarea.form-input{font-size:1rem!important;min-height:var(--touch-min);padding:.75rem 1rem!important}.admin-form textarea.form-input{min-height:120px}.admin-form .form-submit{width:100%;min-height:var(--touch-min);font-size:.95rem}.qty-btn{min-width:40px;min-height:40px}.cart-checkout-btn,.cart-clear-btn{min-height:var(--touch-min)}}@media(max-width:480px){:root{--font-base: 16px}.hero{padding:3rem 1rem 2.5rem}.home-carousel{--carousel-cover-width: 190px;--carousel-hero-cover-width: 136px}.hero-stat-num{font-size:1.65rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:1rem}.authors-grid,.magazine-grid,.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:.65rem}.nav-brand{font-size:.88rem}.nav-brand span{font-size:.58rem;letter-spacing:.08em}.nav-logo-icon{width:36px;height:36px}.kpi-grid{grid-template-columns:1fr}.lp-hero{min-height:auto}.lp-content{padding-top:3.5rem}.lp-cta-primary,.lp-cta-secondary{width:100%;justify-content:center;min-height:var(--touch-min)}.bd-actions{flex-direction:column}.bd-btn-cart,.bd-btn-back{width:100%;justify-content:center}}