:root{
  --bg:#02060c;
  --panel:#040a14;
  --panel-2:#08121f;
  --gold:#d7a94e;
  --gold-2:#f0ca79;
  --text:#f5f0e7;
  --muted:#d1d7e0;
  --line:rgba(215,169,78,.34);
  --line-soft:rgba(215,169,78,.22);
  --radius:16px;
  --shadow:0 20px 48px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 50% 8%,rgba(15,33,59,.55),transparent 28%),
  radial-gradient(circle at 90% 70%,rgba(126,88,22,.10),transparent 28%),
  linear-gradient(180deg,#02050a,#02060c 44%,#03070d 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.4}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block;height:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:8px 12px;border-radius:8px}
.page-shell{width:min(100%,780px);margin:0 auto;padding:16px 14px 112px}
.hero-panel,.content-panel,.faq-panel{background:linear-gradient(180deg,rgba(4,10,20,.92),rgba(3,8,14,.96));border-radius:22px}
.hero-panel{position:relative;padding:12px 14px 18px;overflow:hidden;box-shadow:var(--shadow)}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,"Times New Roman",serif;color:var(--gold-2);font-size:16px;line-height:.95}
.brand img{width:42px;height:42px}.volume-pill{padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:#f0d18c;font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;font-size:13px;letter-spacing:.07em;background:rgba(5,10,18,.72)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(154px,43%);gap:10px;align-items:start}
.hero-copy{position:relative;z-index:2;padding-top:6px}
.hero-copy h1{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,7vw,3.35rem);line-height:1.05;letter-spacing:-.03em}
.hero-copy h1 strong{font-weight:400;color:var(--gold-2)}
.hero-sub{margin:0 0 16px;color:#eef1f4;font-size:clamp(1rem,2.6vw,1.15rem);max-width:12ch}
.hero-benefits{display:flex;gap:10px 12px;flex-wrap:wrap;margin-bottom:16px}
.hero-benefits div{display:flex;align-items:center;gap:7px;min-width:0;color:#f6f0e4;font-size:.82rem}.hero-benefits img{width:26px;height:26px;flex:0 0 auto}.hero-benefits span{display:block;max-width:54px;line-height:1.15}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 20px;width:100%;max-width:298px;border-radius:12px;background:linear-gradient(180deg,#e0b55f,#bc8431);color:#fff;font-weight:800;font-size:1rem;letter-spacing:.01em;text-transform:uppercase;border:1px solid rgba(255,230,174,.22);box-shadow:0 14px 34px rgba(188,132,49,.36),inset 0 1px 0 rgba(255,255,255,.36)}
.price-box{margin-top:16px}.price-box small{display:block;color:#fff;font-size:1.05rem;margin-bottom:4px}.price-box strong{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold-2);font-size:clamp(3rem,8vw,4.7rem);line-height:.95;margin-bottom:8px}.price-box ul{list-style:none;padding:0;margin:0}.price-box li{display:flex;align-items:center;gap:8px;color:#e5e7eb;font-size:1rem;margin:8px 0}.price-box li img{width:18px;height:18px}
.hero-visual{position:relative;min-height:392px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}
.mystic-bg{position:absolute;inset:10px -8px auto -10px;height:320px;background:url('../images/hero-mystic.svg') center/cover no-repeat;opacity:.9;filter:drop-shadow(0 0 24px rgba(217,169,78,.12))}
.book-stage{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:108%;height:114px;border-radius:50%;background:
  radial-gradient(circle at 50% 32%,rgba(255,215,140,.18),rgba(193,137,42,.12) 34%,rgba(30,42,62,.94) 57%,rgba(7,11,19,.98) 69%),
  radial-gradient(circle at 50% 70%,rgba(217,169,78,.16),transparent 58%);box-shadow:0 26px 34px rgba(0,0,0,.48),inset 0 0 0 2px rgba(217,169,78,.24)}
.book-main{position:relative;z-index:2;width:min(100%,315px);margin-top:6px;filter:drop-shadow(0 24px 38px rgba(0,0,0,.55));transform:rotateY(-7deg) rotateX(1deg)}
.content-panel{padding:16px 0 0;margin-top:14px}.section-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px 12px}.section-title span{flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,169,78,.62),transparent)}.section-title h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#e3c682;text-transform:uppercase;letter-spacing:.12em;font-size:1.05rem;text-align:center}
.topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 14px 14px}.topic-card{min-height:166px;padding:12px 9px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(8,16,28,.92),rgba(4,10,18,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.topic-card img{width:42px;height:42px;margin-bottom:10px}.topic-card h3{margin:0 0 7px;color:#fff;font-size:1rem;line-height:1.08;text-transform:uppercase}.topic-card p{margin:0;color:#d0d6de;font-size:.8rem;line-height:1.28}.plus-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,202,121,.64);color:var(--gold-2);font-size:1.8rem;line-height:1;margin-bottom:10px}
.card-outline{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(5,11,20,.94),rgba(4,8,16,.90));box-shadow:var(--shadow)}
.guarantee-row{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:12px 16px;margin-top:14px}.seal-box{width:92px;height:92px;margin:auto;border-radius:24px;border:1px solid rgba(242,202,121,.62);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(255,221,145,.18),rgba(20,28,39,.95) 65%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.seal-box strong{font-family:Georgia,"Times New Roman",serif;color:var(--gold-2);font-size:2.45rem;line-height:.9}.seal-box span{color:#eed39a;text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.05em}.guarantee-copy h2,.bonus-copy h2{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.08rem;color:#f0cb7c;text-transform:uppercase;letter-spacing:.02em}.guarantee-copy p{margin:0;color:#eceef1;font-size:1rem;line-height:1.42}
.bonus-row{display:grid;grid-template-columns:168px 1fr;gap:18px;align-items:center;padding:14px 16px;margin-top:14px;background:radial-gradient(circle at 20% 55%,rgba(184,87,55,.16),transparent 28%),linear-gradient(180deg,rgba(6,12,21,.95),rgba(4,9,16,.90))}.bonus-book-wrap img{width:146px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45))}.bonus-label{display:block;margin-bottom:8px;color:#efc773;font-weight:800;text-transform:uppercase;font-size:.97rem;letter-spacing:.05em}.bonus-copy h2{font-size:1.18rem;color:#fff;text-transform:none;letter-spacing:0}.bonus-copy small{display:block;color:#fff;font-size:1rem;margin-top:14px}.bonus-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;color:var(--gold-2);font-weight:400;font-size:3.5rem;line-height:.95}
.faq-panel{padding:14px;margin-top:14px;box-shadow:var(--shadow)}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid rgba(215,169,78,.24);border-radius:10px;background:rgba(5,11,20,.84);overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:#fff;font-size:1rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'⌄';color:var(--gold-2);font-size:20px;transition:transform .2s ease}.faq-list details[open] summary::after{transform:rotate(180deg)}.faq-list p{margin:0;padding:0 14px 14px;color:#d9dde3}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(2,5,10,.96) 22%)}.sticky-buy a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;width:min(100%,780px);margin:0 auto;min-height:76px;padding:10px 18px;border-radius:16px;background:linear-gradient(180deg,#e0b55f,#bc8431);box-shadow:0 20px 44px rgba(188,132,49,.38),inset 0 1px 0 rgba(255,255,255,.34);color:#fff}.cta-icon{display:grid;place-items:center}.cta-text{text-align:center}.cta-text b{display:block;text-transform:uppercase;font-size:1rem;letter-spacing:.04em}.cta-text small{display:block;margin-top:4px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff6df}.cta-arrow{font-size:2.15rem;line-height:1;text-align:right;color:#fff7e2}
@media (max-width:760px){
  .page-shell{max-width:100%;padding:14px 12px 108px}
  .hero-grid{grid-template-columns:minmax(0,1fr) 44%;gap:8px}
  .hero-copy h1{font-size:clamp(1.92rem,8.8vw,2.95rem)}
  .hero-sub{font-size:.94rem;max-width:11ch}
  .hero-benefits{gap:8px}.hero-benefits div{font-size:.74rem}.hero-benefits span{max-width:50px}
  .btn-cta{max-width:none;min-height:56px;font-size:.94rem}
  .price-box small{font-size:.98rem}.price-box strong{font-size:clamp(2.7rem,9.8vw,4rem)}.price-box li{font-size:.92rem}
  .hero-visual{min-height:320px}.mystic-bg{height:264px;top:8px}.book-stage{height:96px;bottom:10px}.book-main{width:min(100%,270px)}
  .topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-card{min-height:176px}
  .guarantee-row,.bonus-row{grid-template-columns:1fr;gap:12px;text-align:left}.guarantee-row{padding:14px}.seal-box{margin:0}
  .bonus-book-wrap img{width:132px}
}
@media (min-width:761px){
  .page-shell{padding-top:18px}
  .hero-panel{padding:16px 18px 22px}
  .hero-top{margin-bottom:16px}
  .brand{font-size:18px}.brand img{width:48px;height:48px}.volume-pill{font-size:15px}
  .hero-copy h1{font-size:4.1rem;max-width:9ch}.hero-sub{max-width:14ch;font-size:1.28rem}.hero-benefits div{font-size:.94rem}.hero-benefits span{max-width:none}
  .btn-cta{max-width:330px}
  .hero-visual{min-height:470px}.mystic-bg{height:380px}.book-stage{height:126px}.book-main{max-width:360px}
  .section-title h2{font-size:1.18rem}.topics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-card{min-height:200px;padding:15px 12px}.topic-card h3{font-size:1.14rem}.topic-card p{font-size:.9rem}
  .guarantee-row{grid-template-columns:126px 1fr;padding:16px 18px}.bonus-row{grid-template-columns:180px 1fr;padding:16px 18px}.bonus-book-wrap img{width:160px}
}