:root{--color-primary: #1a1a2e;--color-secondary: #16213e;--color-accent: #e94560;--color-accent-hover: #ff6b6b;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-surface: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, serif;--container-max: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .2);--shadow-md: 0 10px 30px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-attachment:fixed;color:var(--color-text);min-height:100vh;line-height:1.6}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.header{padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:#1a1a2ecc;border-bottom:1px solid var(--color-border)}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none}.nav{display:flex;gap:var(--spacing-lg)}.nav a{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color .3s;display:flex;align-items:center}.nav a:hover,.nav a[aria-current=page]{color:var(--color-text)}.nav-cart{position:relative;transition:transform .2s ease}.nav-cart:hover{transform:translateY(-2px)}.cart-badge{position:absolute;top:-8px;right:-10px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-primary);box-shadow:0 2px 5px #0000004d}.cart-bump{animation:cart-bump-anim .3s ease-out}@keyframes cart-bump-anim{0%{transform:scale(1)}50%{transform:scale(1.2) translateY(-2px)}to{transform:scale(1)}}.footer{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.page-header{text-align:center;padding:var(--spacing-2xl) 0 var(--spacing-xl);max-width:800px;margin:0 auto var(--spacing-xl)}.page-header h1{margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-weight:800;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-10px;left:25%;right:25%;height:2px;background:var(--color-accent);border-radius:2px;opacity:.6}.page-description{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 20px #e9456066}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 30px #e9456080}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:#ffffff1a}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-books{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;max-width:1000px;margin-left:auto;margin-right:auto}.section{padding:var(--spacing-2xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl)}.genre-tag{display:inline-block;background:var(--color-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}input,select,textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent)}@media(max-width:768px){.nav{gap:var(--spacing-sm)}.header-inner{flex-direction:column;gap:var(--spacing-sm)}}