/* ══════════════════════════════════════════
   THE LEGACY LIBRARY — MAIN STYLESHEET
══════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --walnut:#1A0F08;--walnut-md:#2C1A0E;--walnut-lt:#3D2415;
  --mahogany-l:#6B3018;--leather:#7A4A28;
  --brass:#B8860B;--brass-l:#D4A017;--brass-ll:#F0C040;--brass-dim:#8A6208;
  --parch:#F0E6C8;--parch2:#D8C898;--parch3:#C0A870;--cream:#FAF3E0;
  --ink:#0D0702;--txl:#8A6848;
  --b1:#7A2020;--b2:#1E3F78;--b3:#1E6B30;--b4:#52207A;
  --b5:#6B4210;--b6:#1E5252;--b7:#7A4020;--b8:#2E1E6B;
  --b9:#406B1E;--b10:#6B1E42;
}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:var(--parch);font-family:'Spectral',Georgia,serif;overflow-x:hidden;}

/* ── WHATSAPP BUTTON ── */
.wa-btn{
  position:fixed;right:20px;bottom:24px;z-index:999;
  display:flex;align-items:center;gap:8px;
  background:#25D366;color:#fff;
  padding:12px 18px;border-radius:50px;
  text-decoration:none;font-family:'Cinzel',serif;font-size:11px;
  letter-spacing:.1em;font-weight:600;
  box-shadow:0 4px 20px rgba(37,211,102,.45);
  transition:transform .25s,box-shadow .25s;
}
.wa-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 28px rgba(37,211,102,.6);}

/* ── NAV ── */
.nav{
  position:sticky;top:0;z-index:700;
  height:68px;display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;
  background:rgba(11,6,2,.97);
  border-bottom:1px solid rgba(184,134,11,.25);
  backdrop-filter:blur(8px);
}
.nav-brand{display:flex;flex-direction:column;cursor:pointer;text-decoration:none;gap:2px;}
.nav-logo{font-family:'Cinzel Decorative',serif;font-size:15px;color:var(--brass-ll);letter-spacing:.05em;text-shadow:0 0 30px rgba(240,192,64,.3);}
.nav-tag{font-family:'Cinzel',serif;font-size:6px;letter-spacing:.28em;color:var(--parch3);text-transform:uppercase;}
.nav-links{display:flex;list-style:none;gap:34px;}
.nav-links a{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--parch3);text-decoration:none;cursor:pointer;position:relative;padding-bottom:4px;transition:color .25s;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:1px;background:var(--brass-l);transition:left .3s,right .3s;}
.nav-links a:hover,.nav-links a.act{color:var(--brass-ll);}
.nav-links a:hover::after,.nav-links a.act::after{left:0;right:0;}
.nav-user{display:flex;align-items:center;gap:12px;}
.nav-uname{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.12em;color:var(--parch2);}
.nav-badge{font-family:'Cinzel',serif;font-size:7px;letter-spacing:.14em;background:rgba(212,160,23,.15);color:var(--brass-ll);border:1px solid rgba(212,160,23,.3);padding:3px 8px;}
.nav-link-plain{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--parch3);text-decoration:none;}
.nav-btn{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:linear-gradient(135deg,var(--brass-l),var(--brass-ll));padding:10px 22px;cursor:pointer;text-decoration:none;transition:all .25s;border:none;white-space:nowrap;}
.nav-btn:hover{background:var(--brass-ll);transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,160,23,.4);}

/* ── MOBILE NAV ── */
.ham{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:6px;width:36px;height:36px;position:relative;z-index:710;}
.ham span{width:22px;height:2px;background:var(--brass-l);display:block;transition:transform .3s ease,opacity .3s ease;transform-origin:center;}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob-overlay{display:none;position:fixed;inset:0;top:68px;z-index:698;background:rgba(0,0,0,.45);}
.mob-overlay.show{display:block;}
.mob{position:fixed;top:68px;left:0;right:0;z-index:699;background:rgba(7,3,1,.98);border-bottom:2px solid rgba(184,134,11,.28);transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .28s ease,visibility .28s;display:flex;flex-direction:column;padding-bottom:16px;max-height:calc(100vh - 68px);overflow-y:auto;}
.mob.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;}
.mob-link{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--parch2);padding:17px 28px;border-bottom:1px solid rgba(184,134,11,.1);cursor:pointer;display:block;transition:color .2s,background .2s;text-decoration:none;}
.mob-link:hover,.mob-link.act{color:var(--brass-ll);background:rgba(184,134,11,.06);}
.mob-cta{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:700;display:block;text-align:center;margin:16px 24px 0;padding:14px 20px;background:linear-gradient(135deg,var(--brass-l),var(--brass-ll));cursor:pointer;text-decoration:none;border:none;}

/* ── UTILITIES ── */
.eyebrow{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:10px;}
.sec-title{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--cream);line-height:1.05;}
.sec-title em{font-style:italic;color:var(--brass-ll);}
.rule{width:68px;height:1px;background:linear-gradient(90deg,var(--brass),transparent);margin-top:14px;}
.btn-gold{font-family:'Cinzel',serif;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:linear-gradient(135deg,var(--brass-l),var(--brass-ll));padding:14px 36px;text-decoration:none;cursor:pointer;display:inline-block;transition:all .25s;border:none;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(212,160,23,.45);}
.btn-outline{font-family:'Cinzel',serif;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-l);background:transparent;border:1px solid rgba(184,134,11,.45);padding:14px 36px;text-decoration:none;cursor:pointer;display:inline-block;transition:all .25s;}
.btn-outline:hover{border-color:var(--brass-l);color:var(--brass-ll);background:rgba(184,134,11,.06);}
.w100{width:100%;text-align:center;}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.reveal.vis{opacity:1;transform:translateY(0);}

/* ── HERO ── */
.hero{width:100%;min-height:100vh;position:relative;display:flex;overflow:hidden;background:#080401;}
.hero-atm{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 40% 35% at 50% 8%,rgba(255,160,40,.10) 0%,transparent 55%),radial-gradient(ellipse 28% 90% at 0% 50%,rgba(60,20,5,.75) 0%,transparent 65%),radial-gradient(ellipse 28% 90% at 100% 50%,rgba(60,20,5,.75) 0%,transparent 65%),linear-gradient(180deg,#0A0401 0%,#160C04 55%,#0E0702 100%);}
.h-ceil{position:absolute;top:0;left:0;right:0;height:54px;z-index:8;background:linear-gradient(180deg,#030201 0%,#180A03 65%,#2C1408 100%);border-bottom:4px solid #6B3018;box-shadow:0 4px 20px rgba(0,0,0,.7);}
.h-ceil::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--brass-dim) 25%,var(--brass) 50%,var(--brass-dim) 75%,transparent 95%);}
.h-floor{position:absolute;bottom:0;left:0;right:0;height:60px;z-index:8;background:repeating-linear-gradient(90deg,#2E1408 0,#2E1408 130px,#1E0C04 130px,#1E0C04 132px,#361608 132px,#361608 264px,#1E0C04 264px,#1E0C04 266px);border-top:4px solid #6B3018;box-shadow:0 -4px 20px rgba(0,0,0,.6);}
.hero-inner{position:relative;z-index:5;width:100%;display:flex;align-items:stretch;padding-top:54px;padding-bottom:60px;min-height:100vh;}
.shelf-col{flex:0 0 clamp(180px,27vw,400px);display:flex;flex-direction:column;position:relative;background:repeating-linear-gradient(90deg,#0A0400 0,#0A0400 2px,#120700 2px,#120700 48px,#0D0600 48px,#0D0600 50px,#180A04 50px,#180A04 98px,#0A0400 98px,#0A0400 100px);}
.shelf-col.L::after{content:'';position:absolute;top:0;right:0;bottom:0;width:70px;background:linear-gradient(to right,transparent,rgba(0,0,0,.75));z-index:10;pointer-events:none;}
.shelf-col.R{transform:scaleX(-1);}
.shelf-col.R::after{content:'';position:absolute;top:0;right:0;bottom:0;width:70px;background:linear-gradient(to right,transparent,rgba(0,0,0,.75));z-index:10;pointer-events:none;}
.shelf-row{flex:1;display:flex;flex-direction:column;}
.shelf-books{flex:1;display:flex;align-items:flex-end;padding:6px 10px 0 12px;gap:clamp(2px,.4vw,5px);position:relative;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 35%);}
.shelf-plank{height:22px;flex-shrink:0;position:relative;background:linear-gradient(180deg,#E2A86A 0%,#C88040 5%,#A86228 16%,#8A4C1C 30%,#6C3810 46%,#502808 60%,#3A1E06 74%,#281204 86%,#180A02 100%);box-shadow:0 10px 30px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,220,130,.24);}
.bs{height:var(--h,115px);width:var(--w,30px);background:var(--bg,var(--b1));position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transform-origin:bottom center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s;box-shadow:inset 3px 0 7px rgba(255,255,255,.16),inset -4px 0 12px rgba(0,0,0,.72),2px 0 0 rgba(0,0,0,.6),6px 5px 18px rgba(0,0,0,.6);overflow:visible;border-radius:1px 3px 0 0;}
.bs::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.24) 0%,rgba(255,255,255,.09) 12%,transparent 38%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.58) 100%);pointer-events:none;border-radius:inherit;}
.bs::after{content:'';position:absolute;top:-4px;left:1px;right:1px;height:4px;background:linear-gradient(to bottom,#EDE0C4,#C8AA82,#A48862);border-radius:1px 1px 0 0;pointer-events:none;}
.bs:hover{transform:translateY(-28px) scale(1.1) rotateY(-5deg);filter:brightness(1.6) drop-shadow(0 -10px 22px rgba(255,170,50,.55));z-index:40;}
.bs-lbl{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Cormorant Garamond',serif;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:.044em;white-space:nowrap;overflow:hidden;max-height:90%;position:relative;z-index:1;text-shadow:0 1px 5px rgba(0,0,0,.95);padding:0 3px;}
.shelf-col.R .bs-lbl{transform:rotate(180deg) scaleX(-1);}
.hero-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;z-index:10;}
.h-title{font-family:'Cinzel Decorative',serif;font-size:clamp(17px,2.8vw,50px);font-weight:700;color:var(--cream);line-height:1.05;text-shadow:0 4px 60px rgba(0,0,0,.95);animation:fadeUp .9s ease .2s both;}
.h-title span{display:block;font-family:'Cormorant Garamond',serif;font-size:.54em;font-style:italic;font-weight:300;color:var(--brass-ll);margin-top:7px;letter-spacing:.06em;}
.h-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(11px,1.3vw,15px);color:var(--parch2);margin:14px 0;line-height:1.8;animation:fadeUp .9s ease .4s both;}
.h-orn{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;animation:fadeUp .9s ease .5s both;}
.h-orn::before,.h-orn::after{content:'';flex:1;max-width:40px;height:1px;}
.h-orn::before{background:linear-gradient(90deg,transparent,rgba(184,134,11,.6));}
.h-orn::after{background:linear-gradient(270deg,transparent,rgba(184,134,11,.6));}
.h-orn-ic{color:var(--brass);font-size:10px;letter-spacing:4px;}
.h-btns{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;animation:fadeUp .9s ease .65s both;}
.h-stats{display:flex;justify-content:center;flex-wrap:wrap;animation:fadeUp .9s ease .85s both;}
.hs{padding:8px 12px;text-align:center;background:rgba(20,10,4,.92);border:1px solid rgba(184,134,11,.2);border-right:none;}
.hs:last-child{border-right:1px solid rgba(184,134,11,.2);}
.hs-n{font-family:'Cinzel',serif;font-size:clamp(12px,1.4vw,16px);font-weight:700;color:var(--brass-ll);display:block;line-height:1;}
.hs-l{font-family:'Cinzel',serif;font-size:6px;letter-spacing:.18em;text-transform:uppercase;color:var(--txl);display:block;margin-top:3px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

/* ── WHY SECTION ── */
.why{padding:90px 56px;background:linear-gradient(180deg,#0D0702,#160C04);}
.why-in{max-width:1200px;margin:0 auto;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px;}
.wcard{background:var(--walnut-md);border:1px solid rgba(184,134,11,.08);padding:30px 24px;position:relative;overflow:hidden;cursor:pointer;transition:background .3s,transform .3s;}
.wcard:hover{background:var(--walnut-lt);transform:translateY(-4px);}
.wcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac,var(--brass));transform:scaleY(0);transform-origin:bottom;transition:transform .35s;}
.wcard:hover::before{transform:scaleY(1);}
.wc-ic{font-size:24px;margin-bottom:12px;display:block;}
.wc-t{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:var(--cream);margin-bottom:7px;}
.wc-d{font-family:'Spectral',serif;font-style:italic;font-size:13px;color:var(--txl);line-height:1.8;}

/* ── TESTIMONIALS ── */
.testi{padding:90px 56px;background:#100804;}
.testi-in{max-width:1200px;margin:0 auto;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px;}
.tc{background:var(--walnut-md);border:1px solid rgba(184,134,11,.07);padding:28px 24px;transition:background .3s;}
.tc:hover{background:var(--walnut-lt);}
.tc-stars{color:var(--brass);letter-spacing:3px;font-size:11px;margin-bottom:11px;}
.tc-txt{font-family:'Spectral',serif;font-style:italic;font-size:13.5px;color:var(--parch2);line-height:1.85;margin-bottom:16px;}
.tc-au{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(184,134,11,.1);padding-top:12px;}
.tc-ini{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--walnut-lt),var(--leather));border:1px solid var(--brass);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:13px;font-weight:700;color:var(--brass-ll);flex-shrink:0;}
.tc-nm{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:600;color:var(--cream);}
.tc-pl{font-family:'Cinzel',serif;font-size:7px;letter-spacing:.13em;color:var(--brass);text-transform:uppercase;}

/* ── HOME CTA ── */
.hcta{padding:100px 56px;text-align:center;background:var(--walnut);border-top:1px solid rgba(184,134,11,.15);position:relative;overflow:hidden;}
.hcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(184,134,11,.04),transparent);}
.hcta-sc{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:var(--brass);display:block;margin-bottom:10px;}
.hcta-h{font-family:'Cinzel Decorative',serif;font-size:clamp(22px,4.5vw,50px);font-weight:700;color:var(--cream);line-height:1.05;margin-bottom:14px;}
.hcta-h em{font-style:italic;color:var(--brass-ll);font-family:'Cormorant Garamond',serif;font-weight:300;}
.hcta-sub{font-family:'Spectral',serif;font-style:italic;font-size:16px;color:var(--parch2);margin-bottom:32px;}
.hcta-acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.hcta-note{margin-top:14px;font-family:'Cinzel',serif;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--txl);}

/* ── WELCOME BANNER ── */
.welcome-banner{background:linear-gradient(135deg,rgba(30,107,48,.3),rgba(30,63,120,.3));border-bottom:1px solid rgba(30,107,48,.4);padding:14px 30px;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.14em;color:var(--cream);text-align:center;}

/* ── BOOKSHELF PAGE ── */
.shelf-page{min-height:100vh;background:radial-gradient(ellipse 55% 30% at 50% 2%,rgba(255,140,30,.07) 0%,transparent 48%),linear-gradient(180deg,#0A0401,#120804);}
.fbar{background:rgba(9,5,1,.97);border-bottom:1px solid rgba(184,134,11,.2);position:sticky;top:68px;z-index:100;}
.fbar-inner{display:flex;align-items:center;flex-wrap:wrap;padding:0 32px;overflow-x:auto;scrollbar-width:none;max-width:1700px;margin:0 auto;}
.fbar-inner::-webkit-scrollbar{display:none;}
.ftab{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;padding:14px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--txl);cursor:pointer;white-space:nowrap;transition:all .22s;}
.ftab:hover{color:var(--parch2);}
.ftab.act{color:var(--brass-ll);border-bottom-color:var(--brass-l);}
.fsearch{margin-left:auto;padding:6px 0;}
.si{background:rgba(184,134,11,.06);border:1px solid rgba(184,134,11,.22);padding:7px 12px;font-family:'Spectral',serif;font-style:italic;font-size:13px;color:var(--parch);outline:none;width:190px;transition:border-color .25s;}
.si::placeholder{color:var(--txl);}
.si:focus{border-color:rgba(212,160,23,.5);}
.bookcase{max-width:1700px;margin:0 auto;padding:36px 32px 60px;}
.shelf-row-unit{position:relative;margin-bottom:0;}
.shelf-back-wall{background:repeating-linear-gradient(90deg,#0C0500 0,#0C0500 2px,#160904 2px,#160904 52px,#0F0702 52px,#0F0702 54px,#1C0C06 54px,#1C0C06 108px,#0C0500 108px,#0C0500 110px);padding:22px 18px 0;display:flex;align-items:flex-end;gap:clamp(4px,.6vw,10px);position:relative;overflow:visible;box-shadow:inset 0 0 50px rgba(0,0,0,.55);}
.shelf-back-wall::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.45) 0%,transparent 7%,transparent 93%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:1;}
.bookcase-plank{height:28px;position:relative;z-index:5;background:linear-gradient(180deg,#EEBC80 0%,#D09050 4%,#AE6E2C 11%,#8E5020 22%,#703C14 36%,#562C0C 50%,#3E1E08 63%,#2C1204 76%,#1A0A02 88%,#100602 100%);box-shadow:0 12px 35px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,230,155,.26);}
.shelf-empty{padding:60px 0;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--txl);width:100%;}
.shelf-empty span{display:block;font-family:'Cinzel',serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-dim);margin-top:8px;}
.bk{width:clamp(68px,8.5vw,128px);aspect-ratio:512/800;position:relative;cursor:pointer;flex-shrink:0;transform-origin:bottom center;transition:transform .3s cubic-bezier(.25,.46,.45,.94),filter .3s;}
.bk:hover{transform:translateY(-18px) scale(1.07);filter:brightness(1.1) drop-shadow(0 -8px 18px rgba(255,155,35,.38));z-index:50;}
.bk-cover{width:100%;height:100%;position:relative;border-radius:2px 5px 5px 2px;overflow:hidden;background:var(--bk-color,#3A1A1A);box-shadow:-8px 10px 24px rgba(0,0,0,.82),-3px 3px 8px rgba(0,0,0,.58),inset -2px 0 0 rgba(0,0,0,.5);}
.bk-cover::before{content:'';position:absolute;left:0;top:0;bottom:0;width:18%;background:linear-gradient(to right,rgba(0,0,0,.78),rgba(0,0,0,.3) 55%,transparent);z-index:3;}
.bk-cover::after{content:'';position:absolute;top:-3px;left:2px;right:2px;height:4px;background:linear-gradient(to bottom,#EDE0C4,#C4AA80);border-radius:1px 1px 0 0;z-index:3;}
.bk-img{width:100%;height:100%;object-fit:cover;display:block;}
.bk-fb{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14% 9%;position:relative;background:inherit;}
.bk-fb::before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.13) 0%,transparent 38%,rgba(0,0,0,.48) 100%);}
.bk-fb-title{font-family:'Cormorant Garamond',serif;font-size:clamp(8px,.9vw,13px);font-weight:700;color:rgba(255,255,255,.97);text-align:center;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.8);position:relative;z-index:1;margin-bottom:5px;}
.bk-fb-line{width:22px;height:1px;background:rgba(212,160,23,.7);margin:5px auto;position:relative;z-index:1;}
.bk-fb-auth{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(6px,.65vw,10px);color:rgba(220,196,148,.85);text-align:center;position:relative;z-index:1;line-height:1.3;}
.bk-fb-genre{font-family:'Cinzel',serif;font-size:clamp(5px,.5vw,7px);letter-spacing:.16em;text-transform:uppercase;color:rgba(212,160,23,.75);position:relative;z-index:1;margin-top:6px;}

/* ── AUTH PAGES ── */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(255,140,0,.05),transparent 60%),linear-gradient(180deg,#0A0401,#160C04);}
.auth-box{width:100%;max-width:440px;background:var(--walnut-md);border:1px solid rgba(184,134,11,.2);padding:40px;}
.auth-logo{text-align:center;margin-bottom:28px;}
.auth-logo-t{font-family:'Cinzel Decorative',serif;font-size:18px;color:var(--brass-ll);display:block;}
.auth-logo-sub{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.28em;color:var(--parch3);text-transform:uppercase;display:block;margin-top:4px;}
.auth-tabs{display:flex;border-bottom:1px solid rgba(184,134,11,.2);margin-bottom:24px;}
.auth-tab{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--txl);padding:12px 20px;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s;}
.auth-tab.act{color:var(--brass-ll);border-bottom-color:var(--brass-l);}
.auth-err{background:rgba(120,30,30,.3);border:1px solid rgba(180,50,50,.4);color:#ffaaaa;padding:12px 16px;font-family:'Spectral',serif;font-size:13px;margin-bottom:16px;border-radius:3px;}
.auth-err a{color:var(--brass-ll);}
.auth-alt{font-family:'Spectral',serif;font-style:italic;font-size:13px;color:var(--txl);margin-top:16px;text-align:center;}
.auth-alt a{color:var(--brass-l);text-decoration:none;}
.trial-banner{background:rgba(30,107,48,.2);border:1px solid rgba(30,107,48,.35);color:#9EE9AA;padding:10px 14px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:.14em;text-align:center;margin-bottom:20px;}
.f-lbl{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:6px;margin-top:14px;}
.f-lbl:first-child{margin-top:0;}
.f-inp{width:100%;background:rgba(184,134,11,.05);border:1px solid rgba(184,134,11,.18);padding:10px 12px;font-family:'Spectral',serif;font-style:italic;font-size:14px;color:var(--cream);outline:none;transition:border-color .25s;margin-bottom:2px;}
.f-inp::placeholder{color:var(--txl);}
.f-inp:focus{border-color:rgba(184,134,11,.5);}
select.f-inp{font-style:normal;background-color:#1A0F08;color:var(--cream);}
.f-hint{font-family:'Spectral',serif;font-size:11px;color:var(--txl);display:block;margin-top:4px;font-style:italic;}

/* ── SUBSCRIBE PAGE ── */
.sub-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(255,140,0,.05),transparent 60%),linear-gradient(180deg,#0A0401,#160C04);}
.sub-box{width:100%;max-width:480px;background:var(--walnut-md);border:1px solid rgba(184,134,11,.2);padding:44px;}
.sub-logo{text-align:center;margin-bottom:28px;}
.sub-title{font-family:'Cinzel Decorative',serif;font-size:20px;color:var(--brass-ll);display:block;}
.sub-sub{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.24em;color:var(--parch3);text-transform:uppercase;display:block;margin-top:5px;}
.sub-alert{background:rgba(184,134,11,.1);border:1px solid rgba(184,134,11,.3);color:var(--parch2);padding:12px 16px;font-family:'Spectral',serif;font-style:italic;font-size:13px;margin-bottom:20px;border-radius:3px;}
.plan-card{background:rgba(20,10,4,.7);border:1px solid rgba(184,134,11,.3);padding:28px;margin-bottom:24px;position:relative;}
.plan-price{font-family:'Cinzel',serif;font-size:42px;color:var(--brass-ll);line-height:1;}
.plan-price span{font-size:16px;color:var(--txl);}
.plan-name{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--cream);margin:8px 0 16px;letter-spacing:.1em;}
.plan-features{list-style:none;padding:0;}
.plan-features li{font-family:'Spectral',serif;font-size:13.5px;color:var(--parch2);padding:7px 0;border-bottom:1px solid rgba(184,134,11,.08);line-height:1.5;}
.sub-note{font-family:'Cinzel',serif;font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--txl);text-align:center;margin-top:10px;}

/* ── ABOUT PAGE ── */
.apg-hero{padding:100px 56px 55px;background:linear-gradient(180deg,var(--walnut),#160C04);border-bottom:1px solid rgba(184,134,11,.12);position:relative;overflow:hidden;}
.apg-body{max-width:1100px;margin:0 auto;padding:64px 56px;display:grid;grid-template-columns:1fr 1fr;gap:60px;}
.ac h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--brass-ll);margin-bottom:12px;}
.ac p{font-family:'Spectral',serif;font-style:italic;font-size:15px;color:var(--parch2);line-height:1.9;margin-bottom:14px;}
.av{list-style:none;}
.av li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid rgba(184,134,11,.08);font-family:'Spectral',serif;font-size:14px;color:var(--parch2);}
.av li::before{content:'◆';color:var(--brass);font-size:7px;margin-top:5px;flex-shrink:0;}

/* ── CONTACT PAGE ── */
.cpg-hero{padding:100px 56px 48px;background:linear-gradient(180deg,var(--walnut),#160C04);border-bottom:1px solid rgba(184,134,11,.12);}
.cpg-body{max-width:1100px;margin:0 auto;padding:64px 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;}
.cf-lbl{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:6px;}
.cf-f{width:100%;background:rgba(184,134,11,.05);border:1px solid rgba(184,134,11,.18);padding:10px 12px;font-family:'Spectral',serif;font-style:italic;font-size:14px;color:var(--cream);outline:none;transition:border-color .25s;margin-bottom:14px;resize:none;}
.cf-f::placeholder{color:var(--txl);}
.cf-f:focus{border-color:rgba(184,134,11,.5);}
.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ci-h3{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:var(--brass-ll);margin-bottom:20px;}
.ci{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(184,134,11,.09);}
.ci-ic{font-size:16px;flex-shrink:0;margin-top:2px;}
.ci-lbl{font-family:'Cinzel',serif;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:4px;}
.ci-val{font-family:'Spectral',serif;font-style:italic;font-size:14px;color:var(--parch2);line-height:1.65;}
.form-success{display:none;padding:20px;background:rgba(30,107,48,.2);border:1px solid rgba(30,107,48,.4);color:var(--cream);font-family:'Spectral',serif;font-style:italic;text-align:center;margin-bottom:20px;}
.form-success.show{display:block;}

/* ── FOOTER ── */
.footer{background:#060301;border-top:1px solid rgba(184,134,11,.12);padding:32px 40px;text-align:center;}
.footer-brand{font-family:'Cinzel Decorative',serif;font-size:14px;color:var(--brass);margin-bottom:8px;}
.footer-copy{font-family:'Cinzel',serif;font-size:7px;letter-spacing:.2em;color:var(--txl);text-transform:uppercase;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .nav{padding:0 20px;}
  .nav-links{display:none;}
  .nav-btn{display:none;}
  .ham{display:flex;}
  .shelf-col{flex-basis:clamp(130px,18vw,230px);}
  .apg-body,.cpg-body{grid-template-columns:1fr;gap:36px;}
  .bookcase{padding:24px 16px 40px;}
}
@media(max-width:768px){
  .shelf-col{flex-basis:clamp(100px,16vw,180px);}
  .why-grid,.testi-grid{grid-template-columns:1fr;}
  .why,.testi,.hcta{padding-left:20px;padding-right:20px;}
  .bk{width:clamp(58px,13vw,110px);}
}
@media(max-width:540px){
  .shelf-col{display:none;}
  .hero-copy{padding:72px 20px;}
  .h-btns{flex-direction:column;align-items:center;}
  .h-stats{display:none;}
  .apg-hero,.apg-body,.cpg-hero,.cpg-body{padding-left:16px;padding-right:16px;}
  .cf-2{grid-template-columns:1fr;}
  .bk{width:clamp(54px,18vw,98px);}
}

/* ── WhatsApp FAB (circle) ── */
.wa-fab{
  position:fixed;right:22px;bottom:24px;z-index:999;
  width:58px;height:58px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 20px rgba(37,211,102,.5),0 2px 8px rgba(0,0,0,.3);
  transition:transform .25s,box-shadow .25s;
  border:none;
}
.wa-fab:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 30px rgba(37,211,102,.65);}

/* ── Footer ── */
.footer{background:var(--footer,#060301);border-top:1px solid rgba(184,134,11,.12);padding:36px 40px 28px;}
.footer-inner{max-width:1200px;margin:0 auto;text-align:center;}
.footer-brand{font-family:'Cinzel Decorative',serif;font-size:16px;color:var(--gold,#D4A017);margin-bottom:14px;}
.footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:14px;flex-wrap:wrap;}
.footer-links a{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted,#8A6848);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--gold,#D4A017);}
.footer-copy{font-family:'Cinzel',serif;font-size:7px;letter-spacing:.18em;color:var(--muted,#8A6848);text-transform:uppercase;}

/* ── Nav dropdown ── */
.nav-dd{position:relative;}
.nav-dd-btn{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--text2);background:rgba(184,134,11,.08);border:1px solid rgba(184,134,11,.2);
  padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;}
.nav-dd-btn:hover{color:var(--gold-br);border-color:rgba(184,134,11,.4);}
.dd-arrow{font-size:9px;}
.nav-dd-menu{position:absolute;top:calc(100% + 8px);right:0;
  background:#100804;border:1px solid rgba(184,134,11,.25);
  box-shadow:0 8px 32px rgba(0,0,0,.8);min-width:170px;
  display:none;z-index:800;}
.nav-dd-menu.show{display:block;}
.dd-item{display:block;font-family:'Cinzel',serif;font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--text2);text-decoration:none;padding:12px 16px;transition:background .2s,color .2s;}
.dd-item:hover{background:rgba(184,134,11,.08);color:var(--gold-br);}
.dd-gold{color:var(--gold-br)!important;}
.dd-red{color:#E08080!important;}
.dd-sep{height:1px;background:rgba(184,134,11,.12);margin:3px 0;}