:root{
  --white:#ffffff;--cream:#f8f5ef;--cream-2:#fffaf0;--gold:#c8a24a;--gold-2:#e7c96b;--dark:#171717;--muted:#6f6b62;--border:#e8e2d3;--shadow:0 18px 55px rgba(21,18,10,.10);--radius:24px;
}
*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#fff 0%,#fbf7ec 45%,#fff 100%);color:var(--dark);min-height:100vh}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,226,211,.9)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:1.5rem;line-height:1}
.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:14px;border:1px solid var(--border);background:#fff;color:#39352d;font-size:1.05rem;cursor:pointer}
.nav-toggle:hover{border-color:var(--gold);color:#8a6717}.brand-mark{width:44px;height:44px;border-radius:999px;object-fit:cover;background:#fff;box-shadow:var(--shadow)}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:#39352d;font-weight:700;font-size:.94rem}.nav-links a.active,.gold{color:var(--gold)}.btn{border:0;border-radius:999px;padding:12px 20px;background:var(--dark);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.14)}.btn.gold-btn{background:linear-gradient(135deg,var(--gold),#9e781c)}.btn.light{background:#fff;color:var(--dark);border:1px solid var(--border)}.btn.danger{background:#9f2424}.hero{padding:80px 0 55px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-size:.76rem;font-weight:900}.hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.92;letter-spacing:-.075em;margin:14px 0}.lead{font-size:1.1rem;color:var(--muted);line-height:1.7;max-width:620px}.hero-card{background:rgba(255,255,255,.72);border:1px solid rgba(232,226,211,.92);border-radius:32px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.cover-stack{position:relative;min-height:430px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at top left,#fff7d8,#f8f5ef 50%,#ffffff)}.fake-cover{position:absolute;border-radius:28px;box-shadow:0 25px 70px rgba(0,0,0,.18);background:linear-gradient(135deg,#222,#4d3b14 52%,#d6b451);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.fake-cover.one{width:260px;height:350px;left:70px;top:35px;transform:rotate(-7deg)}.fake-cover.two{width:220px;height:300px;right:65px;bottom:30px;transform:rotate(8deg);background:linear-gradient(135deg,#f7f2e7,#b68e2e);color:#1e1b14}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px}.stat strong{font-size:1.55rem}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px 20px;margin-bottom:20px;flex-wrap:wrap}.section h1,.section h2{font-size:clamp(1.6rem,4.5vw,2.2rem);letter-spacing:-.05em;margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#search{width:100%;max-width:320px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.book-card img,.book-cover{width:100%;height:250px;object-fit:cover;background:#f0eadc}.book-card .body{padding:16px}.title{font-weight:900;letter-spacing:-.03em}.muted{color:var(--muted)}.price{display:inline-flex;margin-top:12px;background:#fff7de;color:#815f0e;border:1px solid #f0d682;border-radius:999px;padding:7px 12px;font-weight:900}.form{background:rgba(255,255,255,.84);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:24px}.field{display:grid;gap:8px;margin-bottom:14px}.field label{font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:16px;padding:13px 14px;background:#fff;outline:none}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,#search:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.field textarea{min-height:110px}.password-field{position:relative}.password-field input{padding-right:44px;width:100%}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:999px}.password-toggle:hover{color:var(--gold)}.auth-wrap{min-height:calc(100vh - 73px);display:grid;place-items:center;padding:40px 0}.auth-card{width:min(470px,92%)}.tabs{display:flex;gap:8px;background:#f2ecdf;border-radius:999px;padding:6px;margin-bottom:16px}.tabs button{flex:1;border:0;background:transparent;border-radius:999px;padding:10px;font-weight:900;cursor:pointer}.tabs button.active{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.08)}.book-detail{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}.audio-mini,.player{border:1px solid var(--border);background:rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:28px;padding:20px}.rating{display:flex;gap:5px;font-size:1.7rem;color:#ddd;cursor:pointer}.rating .on{color:var(--gold)}.library-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.player-shell{max-width:850px;margin:50px auto}.player-cover{width:180px;height:180px;border-radius:28px;object-fit:cover;box-shadow:var(--shadow)}.player-top{display:flex;gap:22px;align-items:center}.controls{display:flex;align-items:center;gap:14px;margin-top:22px}.round{width:58px;height:58px;border-radius:999px;border:0;background:var(--dark);color:#fff;font-weight:900;cursor:pointer}.range{width:100%;accent-color:var(--gold)}.chapters{margin-top:24px;display:grid;gap:10px}.chapter{padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;cursor:pointer}.chapter.active{border-color:var(--gold);background:#fff9e6}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#171717;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:12px 14px;border-radius:14px;color:#eee;margin:6px 0;font-weight:800}.sidebar a.active,.sidebar a:hover{background:#2b2514;color:#ffd66d}.admin-main{padding:28px;background:#fbf8f1}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 10px 35px rgba(0,0,0,.06)}.metric strong{font-size:2rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 35px rgba(0,0,0,.06);margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #eee}th{font-size:.82rem;text-transform:uppercase;color:#777}.notice{padding:12px 14px;border-radius:16px;background:#fff9e6;border:1px solid #eed584;color:#71540d;margin:12px 0}.hidden{display:none!important}.footer{padding:35px 0;color:#777;border-top:1px solid var(--border);margin-top:60px}@media(max-width:900px){.hero-grid,.book-detail,.admin-layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid,.cards,.library-list,.stats{grid-template-columns:1fr 1fr}.cover-stack{min-height:340px}.fake-cover.one{left:30px}.fake-cover.two{right:25px}}
@media(max-width:1024px){
  .nav-toggle{display:inline-flex}
  .nav-links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;background:rgba(255,255,255,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-top:0;border-radius:0 0 22px 22px;padding:14px 16px 18px;box-shadow:0 24px 50px rgba(21,18,10,.14);max-height:calc(100vh - 70px);overflow-y:auto;z-index:30}
  .nav-links.open{display:flex}
  .nav-links a,.nav-links button,.nav-links .coin-pill{width:100%;justify-content:flex-start;padding:12px 14px}
}
@media(max-width:400px){.brand{font-size:1.25rem}}

/* === Compact catalogue-card sample player === */
.card-sample{margin-top:12px;display:flex;align-items:center;gap:9px;background:#faf6ea;border:1px solid var(--border);border-radius:999px;padding:6px 12px 6px 6px}
.sample-play-btn{width:32px;height:32px;flex-shrink:0;border-radius:999px;border:0;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem}
.sample-play-btn:hover{background:linear-gradient(135deg,var(--gold),#9e781c)}
.sample-progress-wrap{flex:1;height:4px;border-radius:999px;background:#e9e0c8;overflow:hidden;min-width:34px}
.sample-progress-bar{height:100%;width:0%;background:var(--gold);border-radius:999px;transition:width .12s linear}
.sample-time{font-size:.72rem;font-weight:800;color:var(--muted);white-space:nowrap}

/* === Modern audio player (sample + premium) === */
.audio-player{border:1px solid var(--border);background:rgba(255,255,255,.86);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);margin-top:14px}
.audio-player.premium{background:linear-gradient(135deg,rgba(255,250,238,.94),rgba(255,255,255,.94));border-color:rgba(200,162,74,.45)}
.audio-player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.audio-player-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#8a6717;background:#fff7de;border:1px solid #f0d682;border-radius:999px;padding:5px 12px}
.audio-player.premium .audio-player-badge{background:linear-gradient(135deg,var(--gold),#9e781c);color:#fff;border:0;box-shadow:0 6px 16px rgba(200,162,74,.3)}
.audio-player-el{display:none}
.audio-player-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.audio-player-play{width:46px;height:46px;flex-shrink:0;border-radius:999px;border:0;background:var(--dark);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.audio-player-play:hover{transform:scale(1.06)}
.audio-player.premium .audio-player-play{background:linear-gradient(135deg,var(--gold),#9e781c)}
.audio-player-seek-wrap{flex:1 1 160px;min-width:140px}
.audio-player-time{font-size:.78rem;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}
.audio-player-volume-wrap{display:flex;align-items:center;gap:8px;color:var(--muted)}
.audio-player-volume{width:80px}
.audio-player-speed,.audio-player-chapter{border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:#fff;font-weight:800;font-size:.8rem;cursor:pointer}
.audio-player-status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#3d7a3d}
.audio-player-prev,.audio-player-next{width:38px;height:38px;flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:#fff;color:#39352d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.audio-player-prev:hover:not(:disabled),.audio-player-next:hover:not(:disabled){border-color:var(--gold);color:#8a6717}
.audio-player-prev:disabled,.audio-player-next:disabled{opacity:.35;cursor:default}
.audio-player-episodes{margin-top:16px;display:grid;gap:8px;max-height:340px;overflow-y:auto}
.episode-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:#fff}
.episode-row.active{border-color:var(--gold);background:#fff9e6}
.episode-play{width:32px;height:32px;flex-shrink:0;border-radius:999px;border:0;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem}
.episode-row.active .episode-play{background:linear-gradient(135deg,var(--gold),#9e781c)}
.episode-title{flex:1;font-weight:700;font-size:.9rem}
.episode-download{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 13px;font-weight:800;font-size:.76rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#39352d}
.episode-download:hover:not(:disabled){border-color:var(--gold);color:#8a6717}
.episode-download.downloaded{color:#3d7a3d;border-color:#bfe3bf;background:#f2fbf2;cursor:default}
.episode-download:disabled{opacity:.8}
@media(max-width:560px){.audio-player-volume-wrap{display:none}.audio-player-seek-wrap{flex-basis:100%;order:1}.episode-row{flex-wrap:wrap}.episode-download{margin-left:42px}}

.library-card .chip-mini{margin-top:8px}
.library-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}
.library-actions .btn{width:100%;justify-content:center}
.download-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}

.skeleton{background-color:#eee7d8;border-radius:8px}
@media(prefers-reduced-motion:no-preference){
  .skeleton{background-image:linear-gradient(90deg,#eee7d8 25%,#f6f1e4 37%,#eee7d8 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}
}
@keyframes skeleton-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
.skeleton-card .skeleton-block{width:100%;aspect-ratio:1/1;border-radius:0}
.skeleton-line{height:13px;border-radius:6px;margin-top:9px}
.skeleton-card .body .skeleton-line:first-child{margin-top:0}
.load-more-sentinel{height:1px}

.premium-reveal{opacity:0;transform:translateY(12px);animation:premium-in .5s ease forwards}
@keyframes premium-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.premium-reveal{animation:none;opacity:1;transform:none}}@media(max-width:560px){.grid,.cards,.library-list,.stats{grid-template-columns:1fr}.player-top{flex-direction:column;align-items:flex-start}.book-detail{gap:18px}}


/* === Akamwenyu luxury glass update === */
.glass-nav{
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,250,238,.42));
  backdrop-filter:blur(24px) saturate(165%);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  border-bottom:1px solid rgba(200,162,74,.22);
  box-shadow:0 18px 50px rgba(80,62,20,.08);
}
.nav-inner{position:relative}.nav-inner:before{content:"";position:absolute;inset:9px -14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.18));border:1px solid rgba(255,255,255,.6);z-index:-1;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.nav-links a{padding:9px 12px;border-radius:999px;transition:.2s}.nav-links a:hover,.nav-links a.active{background:rgba(200,162,74,.12);color:#8a6717}.coin-pill,.cart-pill{background:linear-gradient(135deg,#fff6d8,#fff);border:1px solid rgba(200,162,74,.35);box-shadow:0 8px 24px rgba(200,162,74,.12)}
.cart-pill{display:inline-flex;align-items:center;gap:8px}
.cart-count{background:var(--gold);color:#fff;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:900;min-width:18px;text-align:center;line-height:1.5}
.file-list,.chapter-editor{display:grid;gap:10px}.chapter-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:end;border:1px solid var(--border);background:#fff;border-radius:18px;padding:12px}.chapter-row.existing{grid-template-columns:1.2fr 1fr auto}.mini-img{width:70px;height:70px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.success{background:#eefaf0;border-color:#b9e7c0;color:#1e6b2c}.danger-text{color:#9f2424}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coin-balance{font-size:clamp(2rem,7vw,3rem);letter-spacing:-.06em;margin:8px 0}.empty-state{padding:30px;border:1px dashed var(--border);border-radius:24px;background:rgba(255,255,255,.7);text-align:center}.upload-progress{font-weight:800;color:#8a6717}
@media(max-width:760px){.chapter-row,.chapter-row.existing,.account-grid{grid-template-columns:1fr}.nav-inner:before{display:none}.nav{border-radius:0}}

/* === Luxury glass toast + upload progress UI === */
.toast-wrap{position:fixed;right:22px;top:22px;z-index:9999;display:grid;gap:12px;width:min(380px,calc(100vw - 32px));pointer-events:none}.glass-toast{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,250,238,.58));border:1px solid rgba(200,162,74,.32);box-shadow:0 22px 70px rgba(36,28,10,.16);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);transform:translateY(-10px) scale(.98);opacity:0;transition:.26s ease;color:#251f12;font-weight:800;line-height:1.35}.glass-toast.show{transform:translateY(0) scale(1);opacity:1}.glass-toast.error{border-color:rgba(170,45,45,.34);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,238,238,.64))}.glass-toast.info{border-color:rgba(88,126,180,.3)}.toast-dot{width:12px;height:12px;border-radius:999px;margin-top:4px;background:linear-gradient(135deg,var(--gold),#fff0a7);box-shadow:0 0 0 6px rgba(200,162,74,.14)}.glass-toast.error .toast-dot{background:#b33131;box-shadow:0 0 0 6px rgba(179,49,49,.12)}.button-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;display:inline-block;animation:spin .8s linear infinite}.btn.light .button-spinner{border-color:rgba(25,25,25,.22);border-top-color:#1f1f1f}.progress-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:rgba(25,22,15,.26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px}.progress-card{width:min(460px,94vw);text-align:center;border-radius:34px;border:1px solid rgba(200,162,74,.34);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,250,238,.72));box-shadow:0 30px 90px rgba(24,20,11,.22);padding:30px}.lux-spinner{width:54px;height:54px;margin:0 auto 15px;border-radius:999px;border:4px solid rgba(200,162,74,.18);border-top-color:var(--gold);animation:spin .9s linear infinite}.progress-card h3{margin:0 0 8px;font-size:1.45rem;letter-spacing:-.04em}.progress-track{height:12px;border-radius:999px;background:#efe7d6;overflow:hidden;margin-top:18px;border:1px solid rgba(200,162,74,.18)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#9e781c,var(--gold),#f3dc87);border-radius:999px;transition:width .22s ease}.progress-percent{font-weight:900;color:#8a6717;margin-top:10px}.image-preview-card{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72)}.image-preview-card img{width:72px;height:72px;object-fit:cover;border-radius:16px}.upload-hint{font-size:.88rem;color:var(--muted);margin-top:8px}@keyframes spin{to{transform:rotate(360deg)}}

/* === Premium homepage sections === */
.chip-row{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 18px;font-weight:800;font-size:.9rem;transition:.2s}
.chip:hover{border-color:var(--gold);color:#8a6717;transform:translateY(-1px);box-shadow:0 10px 25px rgba(200,162,74,.14)}
.book-card{position:relative}
.ribbon{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.03em;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.book-card-media{display:block}
.wishlist-btn{position:absolute;top:12px;right:12px;z-index:2}
.wishlist-btn.active{color:#c0304a}
.title-link{color:inherit}
.chip-mini{display:inline-block;background:#fff7de;color:#8a6717;border:1px solid #f0d682;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.card-desc{color:var(--muted);font-size:.86rem;line-height:1.5;margin:4px 0 0}
.card-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.92);color:#39352d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-size:.95rem}
.icon-btn:hover{border-color:var(--gold);color:#8a6717;transform:translateY(-1px)}
.buy-now-btn{flex:1;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.03em;font-size:.86rem;padding:10px 16px}
@media(max-width:420px){.card-actions{flex-wrap:wrap}.buy-now-btn{flex-basis:100%}}
.ribbon.gold{background:linear-gradient(135deg,var(--gold),#9e781c);color:#fff}
.ribbon.dark{background:var(--dark);color:#ffd66d}
.sold-count{font-size:.78rem;color:var(--muted);margin-top:6px}
.sample-card{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;gap:16px;align-items:center}
.sample-card img{width:78px;height:78px;border-radius:18px;object-fit:cover;flex-shrink:0;background:#f0eadc}
.sample-card .body{flex:1;min-width:0}
.sample-card audio{width:100%;margin-top:10px;height:36px}
.sample-tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:900;color:#8a6717;text-transform:uppercase;letter-spacing:.08em}
.section-empty{padding:26px;border:1px dashed var(--border);border-radius:24px;background:rgba(255,255,255,.6);text-align:center;color:var(--muted)}
.cta-banner{background:linear-gradient(135deg,#171717,#3a2f14 55%,#171717);border-radius:36px;padding:50px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:var(--shadow)}
.cta-banner h2{color:#fff;margin:0 0 8px;font-size:2rem;letter-spacing:-.05em}
.cta-banner p{color:#d8d1bf;margin:0;max-width:480px}
.samples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:760px){.samples-grid{grid-template-columns:1fr}.sample-card{flex-direction:column;align-items:flex-start}.sample-card img{width:100%;height:160px}.cta-banner{padding:34px 26px;text-align:center;justify-content:center}}

/* === Lively header banner === */
.promo-banner{background:linear-gradient(90deg,#171717,#4a3a16,#171717);background-size:220% 100%;animation:shimmer 9s ease infinite;overflow:hidden}
.promo-inner{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;font-size:.84rem;font-weight:800;color:#ffe9ad;letter-spacing:.01em;text-align:center;flex-wrap:wrap}
.promo-dot{width:7px;height:7px;border-radius:999px;background:#ffd66d;box-shadow:0 0 0 4px rgba(255,214,109,.22);flex-shrink:0;animation:pulse 1.8s ease infinite}
.promo-text{transition:opacity .26s ease,transform .26s ease}
.promo-text.fade-out{opacity:0;transform:translateY(-4px)}
@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}

/* === Liveliness: motion on cards, hero and reveal-on-scroll === */
.book-card{transition:transform .28s ease,box-shadow .28s ease}
.book-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 60px rgba(21,18,10,.16)}
.book-card img{transition:transform .4s ease}
.book-card:hover img{transform:scale(1.045)}
.sample-card{transition:transform .28s ease,box-shadow .28s ease}
.sample-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(21,18,10,.14)}
.chip{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}
.fake-cover.one{animation:float-a 6s ease-in-out infinite}
.fake-cover.two{animation:float-b 7s ease-in-out infinite}
@keyframes float-a{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-14px)}}
@keyframes float-b{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-10px)}}
.ribbon.sample{background:linear-gradient(135deg,#5a7fb0,#2e4a6e);color:#fff}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.promo-banner,.promo-dot,.fake-cover.one,.fake-cover.two{animation:none}.reveal{opacity:1;transform:none}.book-card:hover,.sample-card:hover{transform:none}}

/* === Icons, language toggle, ebinusu currency, footer links === */
.nav-links a i,.nav-links button i{margin-right:6px;color:var(--gold)}
.nav-links a.active i{color:inherit}
.lang-toggle{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;font-size:.82rem;cursor:pointer;color:#39352d;display:inline-flex;align-items:center;gap:6px;transition:.2s}
.lang-toggle:hover{border-color:var(--gold);color:#8a6717;transform:translateY(-1px)}
.lang-toggle i{color:var(--gold)}
.ebinusu-icon{color:var(--gold);margin-right:6px}
.price .ebinusu-icon,.coin-pill .ebinusu-icon,.coin-balance-row .ebinusu-icon{color:#9e781c}
.btn i,.chip i{margin-right:7px}
.footer-contact{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--border)}
.footer-contact-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.footer-contact-links a,.footer-contact-links span{display:inline-flex;align-items:center;gap:6px;color:#7a7364;font-weight:800}
.footer-contact-links a:hover{color:#8a6717}
.footer-contact-links i{color:var(--gold)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{font-weight:800;color:#7a7364;display:inline-flex;align-items:center;gap:6px}
.footer-links a:hover{color:#8a6717}
.footer-links a i{color:var(--gold)}
.hero-logo{width:138px;height:138px;border-radius:999px;box-shadow:var(--shadow);margin-bottom:22px;animation:float-a 6s ease-in-out infinite}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{width:34px;height:34px;border-radius:999px;box-shadow:var(--shadow);flex-shrink:0}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}
.policy-page{max-width:820px;margin:0 auto}
.policy-page h2{margin-top:34px;font-size:1.4rem;letter-spacing:-.03em}
.policy-page h2:first-of-type{margin-top:8px}
.policy-page p,.policy-page li{color:var(--muted);line-height:1.75}
.policy-page ul{padding-left:22px}
.policy-updated{color:var(--gold);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.demo-credit-badge{display:inline-flex;align-items:center;gap:6px;background:#eef6ff;border:1px solid #bcd9f5;color:#2e5f8f;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:800;margin-left:10px}

/* === Homepage hero carousel === */
.carousel{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px;background:#f0eadc}
.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-slide{flex:0 0 100%;scroll-snap-align:start}
.carousel-slide a,.carousel-slide>img{display:block;width:100%;height:100%}
.carousel-slide{aspect-ratio:16/6;min-height:180px}
.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.16);z-index:2;color:#1f1c15;transition:.2s}
.carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.carousel-arrow.prev{left:14px}
.carousel-arrow.next{right:14px}
.carousel-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.carousel-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:.2s;padding:0}
.carousel-dot.active{background:#fff;width:24px;border-radius:999px}
@media(max-width:760px){.carousel-slide{aspect-ratio:4/3}.carousel-arrow{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}
@media(max-width:760px){.nav-links{gap:10px}.footer-inner{flex-direction:column;text-align:center}}