@font-face{font-family:"Conthrax";src:url("fonts/conthrax-sb.otf") format("opentype");font-weight:600;font-display:swap}
:root{
  --navy:#150733;--teal-navy:#123449;--lime:#CDED43;--cyan:#09CEFF;--cyan-dark:#0B7FA0;
  --charcoal:#454545;--muted:#7d7d8a;--paper:#FAFAFB;--rule:#E6E6EC;--white:#fff;
  --grad:linear-gradient(90deg,#CDED43 0%,#09CEFF 100%);
  --ground:linear-gradient(118deg,#150733 0%,#170a38 46%,#123449 100%);
  --display:"Conthrax",system-ui,sans-serif;--body:"Poppins",system-ui,-apple-system,sans-serif;
  --maxw:1120px;--pad:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--charcoal);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);color:var(--navy);margin:0;font-weight:600;letter-spacing:.01em;line-height:1.12;text-transform:uppercase}
p{margin:0 0 14px}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.label{display:block;font:600 11px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-dark);margin:0 0 14px}
.on-dark .label{color:var(--lime)}
.hair{height:5px;width:110px;background:var(--grad);border-radius:3px;margin:0 0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:16px 24px;border-radius:4px;background:var(--navy);color:#fff;text-decoration:none;border:0;cursor:pointer;width:100%}
.on-dark .btn.light,.btn.light{background:#fff;color:var(--navy)}
.field{margin:0 0 12px}
.field label{display:block;font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0 0 6px}
.field .in{border:1px solid #cdcdd8;border-radius:4px;padding:13px 14px;font-size:15px;color:#9a9aa6;background:#fff;display:flex;justify-content:space-between}
.fine{font-size:12px;color:var(--muted);margin:10px 0 0;text-align:center}
.photo-slot{border:2px dashed #c9c9d6;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fafafb,#fafafb 10px,#f2f2f6 10px,#f2f2f6 20px)}
.chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--navy);border-radius:999px;padding:7px 14px;font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.divider-label{background:#ececf2;color:#555;font:600 12px var(--body);letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:14px}
.mast{display:flex;align-items:center;gap:12px;padding:22px 0}
.mast img{height:40px;width:auto}
.mast .wm{font:600 11.5px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--navy);line-height:1.4}
.mast .wm span{display:block;color:var(--muted);font-weight:500}
.on-dark .mast .wm{color:#fff}.on-dark .mast .wm span{color:rgba(255,255,255,.55)}
.stack-covers{position:relative}
.cover-ebook{border-radius:3px 6px 6px 3px;box-shadow:14px 18px 40px -10px rgba(21,7,51,.45)}
.cover-audio{border-radius:10px;box-shadow:10px 14px 34px -10px rgba(21,7,51,.45)}
.thumb{border:1px solid var(--rule);border-radius:3px;box-shadow:0 8px 20px -10px rgba(21,7,51,.35);background:#fff}