:root{--primary-color: #FFD700;--primary-dim: #cca300;--primary-glow: rgba(255, 215, 0, .5);--secondary-color: #000000;--surface-dark: #0a0a0a;--surface-light: #141414;--surface-border: #333;--text-main: #ffffff;--text-muted: #b3b3b3;--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--secondary-color);color:var(--text-main);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 50%,rgba(255,215,0,.08) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(255,215,0,.05) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,100,0,.05) 0%,transparent 50%);z-index:-1;animation:pulse-bg 10s ease-in-out infinite alternate;pointer-events:none}@keyframes pulse-bg{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.container{max-width:1400px;margin:0 auto;padding:0 40px}.main-content{flex:1;padding:80px 0}.site-header{background:#000000b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:1000;padding:20px 0;transition:all .3s ease}.nav-flex{display:flex;justify-content:space-between;align-items:center}.logo img{height:48px;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.nav-links{display:flex;gap:40px}.nav-links a{text-decoration:none;font-family:var(--font-display);font-weight:500;color:var(--text-muted);font-size:.95rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);text-shadow:0 0 10px var(--primary-glow)}.hero{text-align:center;padding:120px 20px 80px;position:relative}.hero h1{font-family:var(--font-display);font-size:4.5rem;font-weight:800;margin-bottom:24px;color:#fff;letter-spacing:-2px;line-height:1.1}.hero h1 span{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.hero h1 span:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;opacity:.3;filter:blur(20px)}.hero p{font-size:1.3rem;color:var(--text-muted);max-width:600px;margin:0 auto 60px;font-weight:300}.search-bar-container{display:flex;background:#141414cc;border:1px solid rgba(255,255,255,.1);padding:6px;border-radius:50px;box-shadow:0 10px 30px #00000080;max-width:600px;margin:0 auto;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 20px #ffd70033;transform:scale(1.02)}.search-input{flex:1;background:transparent;border:none;padding:16px 24px;color:#fff;font-size:1.1rem;font-family:var(--font-body)}.search-input:focus{outline:none}.search-input::placeholder{color:#555}.btn{background:var(--primary-color);color:#000;border:none;padding:14px 36px;font-family:var(--font-display);font-weight:700;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s var(--ease-out-back);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:.5s;z-index:-1}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}.btn:hover:before{transform:translate(100%)}.btn:active{transform:translateY(-1px)}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:40px 0}@media (max-width: 1199px){.featured-section .book-grid .book-card:nth-of-type(n+6){display:none}}@media (min-width: 1200px){.book-grid{grid-template-columns:repeat(6,1fr);gap:30px}.featured-section .book-grid .book-card:nth-of-type(n+6){display:flex}}.book-card{background:#14141499;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .4s var(--ease-smooth);display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--primary-dim);box-shadow:0 20px 40px -10px #000c,0 0 20px #ffd7001a;z-index:10}.book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;transition:all .5s ease;filter:brightness(.9) contrast(1.1)}.book-card:hover .book-cover{filter:brightness(1.1) contrast(1);transform:scale(1.05)}.book-info{padding:20px;flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#14141400,#0a0a0acc)}.book-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{color:var(--text-muted);font-size:.9rem;margin-bottom:16px;font-style:italic}.book-actions{margin-top:auto}.book-actions .btn{width:100%;padding:12px 0;font-size:.85rem;background:transparent;border:1px solid var(--primary-dim);color:var(--primary-color);border-radius:8px}.book-actions .btn:hover{background:var(--primary-color);color:#000;box-shadow:0 0 15px #ffd7004d}.category-card{position:relative;background:linear-gradient(145deg,#1a1a1a,#111);border:1px solid #2a2a2a;padding:40px 20px;border-radius:16px;text-align:center;transition:all .4s var(--ease-smooth);text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:180px;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0006}.category-card:hover:before{transform:scaleX(1)}.category-card h3{font-family:var(--font-display);font-size:1.8rem;color:#fff;transition:all .3s ease;z-index:2}.category-card:hover h3{color:var(--primary-color);transform:scale(1.1)}h2{font-family:var(--font-display);font-size:2.2rem;color:#fff;margin-bottom:50px;position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-12px;left:0;width:40px;height:4px;background:var(--primary-color);box-shadow:0 0 10px var(--primary-glow)}footer{margin-top:100px;padding:60px 0;background:#050505;border-top:1px solid #222;text-align:center;color:var(--text-muted);font-size:.9rem}#loading{color:var(--primary-color);font-family:var(--font-display);animation:flash 1.5s infinite ease-in-out}@keyframes flash{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 768px){.hero h1{font-size:3rem}.container{padding:0 20px}.nav-links{display:none}.search-bar-container{padding:4px}.search-input{padding:12px 16px;font-size:1rem;width:100%;min-width:0}.search-bar-container .btn{padding:12px 20px;font-size:.9rem}h2{font-size:1.5rem}.category-card h3{font-size:.9rem!important}}.meta-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;padding:30px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;flex-direction:column;gap:8px}.meta-label{color:#666;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px}.meta-label svg{width:14px;height:14px;stroke:var(--primary-color)}.meta-value{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-display)}.category-card:hover img{transform:scale(1.1)}.category-card:hover div{background:#0003!important}.mobile-nav{position:fixed;bottom:20px;left:20px;right:20px;width:auto;background:#111;border-radius:50px;box-shadow:0 10px 30px #00000080;display:flex;justify-content:space-around;align-items:center;padding:12px 20px;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;font-size:.65rem;gap:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:60px}.nav-item svg{stroke:#666;transition:all .3s;width:22px;height:22px}.nav-item svg{stroke:#888;transition:stroke .3s}.nav-item.active svg{stroke:var(--primary-color)}.nav-item.active span{color:var(--primary-color)}@media (min-width: 769px){.mobile-nav{display:none}}