:root{--bg:#0d1117;--text:#e6edf3;--muted:#9aa4b2;--white:#ffffff;--shadow:0 20px 50px rgba(0,0,0,.35);--brand1:#007A9B;--brand2:#00C9A7}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Lato',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:28px}
h1,h2{font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;margin:0 0 12px}
.p{color:var(--muted);font-size:18px;margin:0 0 18px}
.section{margin-top:28px}
.card{background:var(--white);color:#0b1220;border-radius:18px;box-shadow:var(--shadow);padding:24px}
.hero{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.book{width:100%;max-width:460px;height:auto;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4);margin:0 auto}
.whitebox{background:var(--white);color:#0b1220;border-radius:18px;box-shadow:var(--shadow);padding:22px}
.btn-wp img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
.disc{margin-top:12px}
.footer{padding:28px;text-align:center;font-size:13px;color:var(--muted);border-top:1px solid rgba(255,255,255,.07)}
.footer a{color:var(--muted)}
.small{font-size:13px;color:#6b7686}
/* JV */
.headerFlex{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}
.bookTop{width:220px;height:auto;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.btnGrad{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--brand1),var(--brand2));box-shadow:0 10px 25px rgba(0,0,0,.25);text-decoration:none}
.btnGrad:hover{filter:brightness(1.06)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
.list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.list li{display:flex;gap:10px}
.list li:before{content:'•';color:#12a87a;margin-right:4px}
.accordion{background:#f4f6f9;border:1px solid #e5eaf2;border-radius:14px;padding:10px}
.accordion details{border-radius:10px;background:#fff;margin:6px 0;border:1px solid #e6e9ef;overflow:hidden}
.accordion summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700}
.accordion summary::-webkit-details-marker{display:none}
.accordion pre{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:12px 14px;font-size:14px;line-height:1.5;border-top:1px solid #eef1f6;background:#fafbfe}
.note{background:#fff3cd;color:#664d03;border:1px solid #ffec99;border-radius:10px;padding:10px}