:root{
  --navy:#14213D;
  --navy2:#1E2E52;
  --text:#1A1A2E;
  --text-dim:#6b7280;
  --border:#e6e8ef;
  --bg-soft:#f7f8fb;
  --purple:#7A5AF8;
  --red:#e0435c;
  --gold:#F5C451;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Pretendard','Apple SD Gothic Neo',sans-serif;
  background:#fff;
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
.wrap{max-width:600px;margin:0 auto;padding:0 20px;}
img,svg{max-width:100%;}

/* HEADER (seller strip) */
.seller-bar{
  padding:16px 0;
  border-bottom:1px solid var(--border);
}
.seller-bar .wrap{
  display:flex;
  align-items:center;
  gap:10px;
}
.seller-bar .logo{
  width:32px;height:32px;border-radius:8px;
  background:var(--navy);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:14px;
}
.seller-bar .name{font-weight:700;font-size:15px;color:var(--navy);}

/* COVER CARD */
.cover-section{padding:28px 0 0;}
.cover-card{
  background:var(--bg-soft);
  border-radius:18px;
  padding:24px;
  display:flex;
  gap:16px;
  align-items:center;
}
.cover-card .left{flex:1;}
.cover-card .left h2{
  font-size:17px;
  font-weight:800;
  color:var(--navy);
  line-height:1.4;
  margin-bottom:14px;
}
.cover-check{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:13px;
  color:#3a3f52;
  margin-bottom:9px;
  font-weight:500;
}
.cover-check .ck{
  color:var(--navy);
  font-weight:900;
  flex-shrink:0;
}
.cover-card .right{
  width:118px;
  flex-shrink:0;
}
.book{
  background:linear-gradient(160deg,var(--navy),var(--navy2));
  border-radius:8px;
  padding:14px 10px;
  color:#fff;
  aspect-ratio:3/4.2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 10px 24px rgba(20,33,61,.35);
}
.book .k{font-size:9.5px;font-weight:700;color:var(--gold);letter-spacing:.3px;}
.book .t{font-size:14px;font-weight:900;line-height:1.3;margin-top:6px;}

/* TITLE / RATING */
.title-section{padding:24px 0 0;}
.title-section h1{
  font-size:23px;
  font-weight:900;
  color:var(--text);
  line-height:1.4;
}
.rating{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:var(--text-dim);
}
.rating .stars{color:var(--gold);font-weight:700;}
.rating .score{font-weight:800;color:var(--text);}

/* TABS */
.tabs{
  margin-top:22px;
  display:flex;
  border-bottom:1px solid var(--border);
}
.tab{
  padding:12px 18px 12px 0;
  margin-right:18px;
  font-size:15px;
  font-weight:700;
  color:var(--text-dim);
  cursor:pointer;
}
.tab.active{
  color:var(--navy);
  border-bottom:2px solid var(--navy);
}

/* REVIEW BONUS BANNER */
.review-bonus-banner{
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:12px;
  background:linear-gradient(90deg,#c22e46,var(--red));
  color:#fff;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(224,67,92,.25);
}
.review-bonus-banner .rb-icon{font-size:20px;}
.review-bonus-banner .rb-text{flex:1;font-size:13.5px;line-height:1.5;}
.review-bonus-banner .rb-text b{font-weight:900;}
.review-bonus-banner .rb-arrow{font-size:12.5px;font-weight:700;white-space:nowrap;opacity:.9;}
@media(max-width:480px){
  .review-bonus-banner{flex-wrap:wrap;}
  .review-bonus-banner .rb-arrow{margin-left:30px;}
}

/* DETAIL BODY */
.detail-body{padding:24px 0 8px;}
.lead-quote{
  font-size:17px;
  font-weight:800;
  color:var(--navy);
  line-height:1.5;
}
.detail-body p{
  margin-top:14px;
  font-size:14.5px;
  color:#3a3f52;
  line-height:1.7;
}
.detail-body p b{color:var(--text);}

.pain-box{
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pain-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:14px;
  color:#3a3f52;
}
.pain-row .icon{flex-shrink:0;font-size:18px;}

.insight-card{
  margin-top:16px;
  background:var(--bg-soft);
  border-left:3px solid var(--navy);
  border-radius:0 12px 12px 0;
  padding:16px 18px;
}
.insight-card .q{
  font-size:14.5px;
  font-weight:700;
  color:var(--text);
  line-height:1.55;
}
.insight-card .src{
  margin-top:6px;
  font-size:12px;
  color:var(--text-dim);
}

.curriculum{margin-top:28px;}
.curriculum h3{
  font-size:16px;
  font-weight:800;
  color:var(--navy);
  margin-bottom:14px;
}
.curri-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:13px 0;
  border-bottom:1px solid var(--border);
  font-size:14px;
}
.curri-item .num{
  flex-shrink:0;
  width:22px;height:22px;
  border-radius:6px;
  background:var(--navy);
  color:#fff;
  font-size:11px;
  font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.curri-item .txt b{display:block;color:var(--text);font-weight:700;}
.curri-item .txt span{color:var(--text-dim);font-size:12.5px;}

.bonus-box{
  margin-top:24px;
  background:#fff7e6;
  border:1px solid #f0d59a;
  border-radius:14px;
  padding:18px 18px;
}
.bonus-box .tag{
  display:inline-block;
  background:var(--gold);
  color:#3a2e00;
  font-size:11.5px;
  font-weight:800;
  padding:3px 9px;
  border-radius:6px;
}
.bonus-box h4{
  margin-top:10px;
  font-size:15.5px;
  font-weight:800;
  color:var(--text);
}
.bonus-box p{margin-top:6px;font-size:13.5px;color:#5b4d1f;}

/* REVIEWS TAB */
.review-panel{display:none;padding:20px 0 8px;}
.review-panel.active{display:block;}
.review-item{
  padding:16px 0;
  border-bottom:1px solid var(--border);
}
.review-item .who{
  font-size:13.5px;
  font-weight:700;
  color:var(--text);
}
.review-item .date{
  font-size:12px;
  color:var(--text-dim);
  margin-left:6px;
  font-weight:400;
}
.review-item .stars{color:var(--gold);font-size:12px;margin:4px 0;}
.review-item .body{font-size:13.5px;color:#3a3f52;line-height:1.6;white-space:pre-wrap;}

.review-write{
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  margin-bottom:22px;
}
.review-write h4{
  font-size:14.5px;
  font-weight:800;
  color:var(--text);
  margin-bottom:12px;
}
.star-picker{
  font-size:24px;
  letter-spacing:4px;
  color:#d9dce3;
  margin-bottom:12px;
  cursor:pointer;
}
.star-picker span{transition:color .1s;}
.star-picker span.on{color:var(--gold);}
.review-input{
  width:100%;
  border:1px solid var(--border);
  border-radius:8px;
  padding:11px 12px;
  font-size:14px;
  font-family:inherit;
  margin-bottom:10px;
  resize:vertical;
  background:#fff;
  color:var(--text);
}
.review-input:focus{outline:none;border-color:var(--navy);}
.review-submit-btn{
  width:100%;
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:12px;
  font-size:14.5px;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
}
.review-submit-btn:disabled{opacity:.6;cursor:default;}
.review-msg{margin-top:8px;font-size:12.5px;text-align:center;min-height:1em;}
.review-msg.success{color:#1a9e6b;font-weight:700;}
.review-msg.error{color:var(--red);font-weight:700;}

.bonus-download{
  margin-top:16px;
  background:#fff7e6;
  border:1px solid #f0d59a;
  border-radius:12px;
  padding:16px;
  text-align:center;
}
.bonus-download .tag{
  display:inline-block;
  background:var(--gold);
  color:#3a2e00;
  font-size:11px;
  font-weight:800;
  padding:3px 9px;
  border-radius:6px;
}
.bonus-download h4{font-size:15px;font-weight:800;color:var(--text);margin-top:8px;}
.bonus-download p{font-size:13px;color:#5b4d1f;margin-top:6px;}
.bonus-download-btn{
  display:inline-block;
  margin-top:12px;
  background:var(--navy);
  color:#fff;
  font-weight:700;
  font-size:13.5px;
  padding:10px 20px;
  border-radius:8px;
  text-decoration:none;
}

.review-summary{
  font-size:13.5px;
  color:var(--text-dim);
  font-weight:600;
  margin-bottom:14px;
}
.review-summary .stars{color:var(--gold);}
.review-pager{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:center;
  margin-top:20px;
}
.page-btn{
  min-width:34px;
  height:34px;
  border:1px solid var(--border);
  background:#fff;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  color:var(--text-dim);
  cursor:pointer;
  font-family:inherit;
}
.page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);}

.review-loading,.review-empty{
  padding:24px 0;
  text-align:center;
  font-size:13.5px;
  color:var(--text-dim);
}

/* PRODUCT PICKER (multi-product checkout) */
.product-pick-list{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
.product-pick-item{
  display:flex;align-items:center;gap:10px;
  border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;cursor:pointer;font-size:14px;
}
.product-pick-item input{accent-color:var(--navy);width:16px;height:16px;flex-shrink:0;}
.product-pick-item .ppi-info{flex:1;min-width:0;}
.product-pick-item .ppi-name{display:block;color:var(--text);font-weight:600;}
.product-pick-item .ppi-desc{display:block;margin-top:3px;font-size:12px;color:var(--text-dim);line-height:1.5;font-weight:400;}
.product-pick-item .ppi-price{color:var(--text-dim);font-weight:700;font-size:13px;white-space:nowrap;}
.product-pick-item:has(input:checked){border-color:var(--navy);background:var(--bg-soft);}

/* STORE (전체 상품 허브) */
.store-hero{
  background:linear-gradient(160deg,var(--navy),var(--navy2));
  color:#fff;
  padding:44px 0 40px;
  text-align:center;
}
.store-hero h1{font-size:24px;font-weight:900;line-height:1.4;}
.store-hero .sub{margin-top:14px;font-size:13.5px;color:#c8c8d0;line-height:1.7;}

.store-list{margin-top:24px;display:flex;flex-direction:column;gap:14px;}
.store-item{
  display:block;
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  cursor:pointer;
}
.store-item.checked{border-color:var(--navy);background:var(--bg-soft);}
.store-item .store-cb{display:none;}
.si-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.si-name{font-size:15.5px;font-weight:800;color:var(--text);}
.si-price{font-size:15px;font-weight:800;color:var(--text);white-space:nowrap;}
.si-desc{margin-top:8px;font-size:13px;color:var(--text-dim);line-height:1.6;}
.si-link{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--navy);text-decoration:none;}

.store-summary{margin-top:28px;border-top:1px solid var(--border);padding-top:20px;padding-bottom:20px;}

.coupon-box{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff7e6;
  border:1px solid #f0d59a;
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:16px;
  font-size:13.5px;
  font-weight:700;
  color:#8a6d1a;
  cursor:pointer;
}
.coupon-box input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0;}

/* PRICE CARD */
.price-section{padding:30px 0 20px;}
.price-card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:22px 20px;
}
.price-card .pname{
  font-size:16px;
  font-weight:800;
  color:var(--text);
  margin-bottom:14px;
}
.price-card .original{
  font-size:14px;
  color:var(--text-dim);
  text-decoration:line-through;
}
.price-final-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:4px;
}
.price-final-row .final{
  font-size:30px;
  font-weight:900;
  color:var(--text);
}
.price-final-row .badge{
  background:#fdeaec;
  color:var(--red);
  font-weight:800;
  font-size:13px;
  padding:3px 9px;
  border-radius:6px;
}
.po-badge{
  display:inline-block;
  margin-left:6px;
  background:var(--gold);
  color:#3a2e00;
  font-size:10.5px;
  font-weight:800;
  padding:2px 7px;
  border-radius:5px;
  vertical-align:middle;
}

.price-lines{margin-top:18px;}
.price-line{
  display:flex;
  justify-content:space-between;
  font-size:13.5px;
  color:var(--text-dim);
  padding:8px 0;
}
.price-line.total{
  border-top:1px solid var(--border);
  margin-top:6px;
  padding-top:14px;
  font-size:15px;
  font-weight:800;
  color:var(--text);
}
.price-line .discount{color:var(--red);font-weight:700;}

.buy-btn{
  display:block;
  width:100%;
  text-align:center;
  background:var(--red);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:16px;
  font-size:16px;
  font-weight:800;
  font-family:inherit;
  margin-top:20px;
  cursor:pointer;
  text-decoration:none;
}
.buy-btn:disabled{
  background:#d9dce3;
  color:#9a9aa8;
  cursor:default;
}
.price-note{
  text-align:center;
  margin-top:10px;
  font-size:12px;
  color:var(--text-dim);
}

/* FORM */
.form-section{
  background:var(--bg-soft);
  padding:36px 0 44px;
  margin-top:12px;
}
.form-section h2{
  font-size:20px;
  font-weight:900;
  text-align:center;
  color:var(--text);
  line-height:1.4;
}
.form-section .sub{
  text-align:center;
  color:var(--text-dim);
  margin-top:8px;
  font-size:13.5px;
}
.lead-form{
  margin-top:24px;
  background:#fff;
  border-radius:16px;
  padding:24px 20px;
  border:1px solid var(--border);
}
.field{margin-bottom:14px;}
.field label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--text);
  margin-bottom:6px;
}
.field label .req{color:var(--red);}
.field input{
  width:100%;
  background:#fff;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:8px;
  padding:12px 13px;
  font-size:14.5px;
  font-family:inherit;
}
.field input::placeholder{color:#a9adba;}
.field input:focus{outline:none;border-color:var(--navy);}
.policy{
  font-size:12px;
  color:var(--text-dim);
  display:flex;
  gap:7px;
  align-items:flex-start;
  margin:16px 0;
}
.policy input{margin-top:3px;accent-color:var(--navy);}
.submit-btn{
  width:100%;
  background:var(--red);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:15px;
  font-size:15.5px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
}
.submit-btn:active{transform:scale(.98);}
.form-result{margin-top:12px;font-size:13px;text-align:center;min-height:1em;}
.form-result.success{color:#1a9e6b;font-weight:700;}

footer{
  padding:28px 0 80px;
  text-align:center;
  color:var(--text-dim);
  font-size:11.5px;
  line-height:1.7;
}

.sticky-cta{
  position:fixed;
  bottom:0;left:0;right:0;
  background:#fff;
  border-top:1px solid var(--border);
  padding:12px 20px;
  display:flex;
  justify-content:center;
  z-index:50;
  box-shadow:0 -4px 16px rgba(0,0,0,.06);
}
.sticky-cta a,.sticky-cta button{
  display:block;
  width:100%;
  max-width:560px;
  text-align:center;
  background:var(--red);
  color:#fff;
  font-weight:800;
  font-size:15px;
  padding:14px;
  border-radius:10px;
  text-decoration:none;
  border:none;
  font-family:inherit;
  cursor:pointer;
}
.seller-info{font-size:11.5px;line-height:1.8;}

/* ===== LONGFORM SALES LETTER (1st landing) ===== */
.lf-dark{
  background:#0c0c10;
  color:#fff;
  padding:44px 0;
  text-align:center;
}
.lf-dark .tag{
  color:var(--red);
  font-weight:800;
  font-size:14px;
  margin-bottom:12px;
}
.lf-dark h1{
  font-size:26px;
  font-weight:900;
  line-height:1.45;
}
.lf-dark h1 .hl{color:var(--gold);}
.lf-dark .sub{
  margin-top:18px;
  font-size:14.5px;
  color:#c8c8d0;
  line-height:1.7;
}
.proof-card{
  margin:28px 20px 0;
  background:#17171d;
  border:1px solid #2b2b35;
  border-radius:14px;
  padding:22px;
  text-align:left;
}
.proof-card .num{font-size:26px;font-weight:900;color:var(--gold);}
.proof-card .label{font-size:12.5px;color:#9a9aa8;margin-top:4px;}
.proof-grid{display:flex;justify-content:space-between;gap:10px;text-align:center;}
.proof-grid>div{flex:1;}
.proof-grid .num{font-size:20px;}

.lf-white{padding:44px 0;}
.lf-white h2{
  font-size:21px;
  font-weight:900;
  text-align:center;
  line-height:1.5;
  color:var(--text);
}
.lf-white h2 .hl{color:var(--red);}
.lf-white .sub{
  text-align:center;
  margin-top:12px;
  font-size:14px;
  color:var(--text-dim);
}

.expand-row{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.expand-row span{
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:20px;
  padding:7px 14px;
  font-size:13px;
  font-weight:600;
  color:#3a3f52;
}

.problem-list{margin-top:28px;display:flex;flex-direction:column;gap:12px;}
.problem-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 18px;
}
.problem-item .ic{font-size:20px;flex-shrink:0;}
.problem-item .tx{font-size:14px;color:#3a3f52;}
.problem-item .tx b{color:var(--text);}

.solution-box{
  margin-top:28px;
  background:linear-gradient(135deg,#eef1ff,#f7f8fb);
  border:1px solid #d8ddf5;
  border-radius:16px;
  padding:26px 22px;
  text-align:center;
}
.solution-box .big{
  font-size:18px;
  font-weight:900;
  color:var(--navy);
  line-height:1.5;
}
.solution-box .small{
  margin-top:10px;
  font-size:13.5px;
  color:var(--text-dim);
}

/* success stories */
.story-list{margin-top:28px;display:flex;flex-direction:column;gap:16px;}
.story-card{
  border:1px dashed #cfd3e0;
  border-radius:14px;
  padding:20px;
  background:var(--bg-soft);
}
.story-card .head{
  font-size:14.5px;
  font-weight:800;
  color:var(--navy);
}
.story-card .placeholder{
  margin-top:8px;
  font-size:13px;
  color:#a9adba;
  font-style:italic;
}

/* real growth stat callout */
.growth-stat{
  margin-top:28px;
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  color:#fff;
}
.growth-stat .tag{
  font-size:12.5px;
  font-weight:800;
  color:var(--gold);
  letter-spacing:.3px;
}
.growth-stat .row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:14px;
}
.growth-stat .before,.growth-stat .after{flex:1;max-width:150px;}
.growth-stat .lbl{font-size:11.5px;color:#b8bccb;}
.growth-stat .amt{font-size:17px;font-weight:800;margin-top:4px;}
.growth-stat .before .amt{color:#c8c8d0;}
.growth-stat .after .amt{color:#fff;font-size:20px;}
.growth-stat .arrow{font-size:18px;color:var(--gold);font-weight:700;}
.growth-badge{
  display:inline-block;
  margin-top:16px;
  background:var(--red);
  color:#fff;
  font-weight:800;
  font-size:13.5px;
  padding:8px 18px;
  border-radius:20px;
}
.growth-note{
  margin-top:12px;
  font-size:11.5px;
  color:#9a9aa8;
}

/* real testimonial screenshot gallery */
.review-gallery{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.review-gallery a{
  display:block;
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--border);
}
.review-gallery img{
  display:block;
  width:100%;
  height:auto;
}
.gallery-note{
  margin-top:12px;
  font-size:11.5px;
  color:#a9adba;
  text-align:center;
}

/* revenue report screenshots - 2 per row, they're tall/narrow phone shots */
.revenue-gallery{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.revenue-gallery a{
  display:block;
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--border);
}
.revenue-gallery img{
  display:block;
  width:100%;
  height:auto;
}

/* youtube testimonial embeds */
.yt-embed{
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:14px;
  background:#000;
}
.yt-embed.vertical{
  padding-bottom:177.78%;
  max-width:320px;
  margin:0 auto;
}
.yt-embed iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}
.yt-caption{
  margin-top:8px;
  font-size:12.5px;
  font-weight:700;
  color:var(--text);
  text-align:center;
  line-height:1.5;
}
.testimonial-video{
  margin-top:20px;
  width:100%;
  border-radius:14px;
  background:#000;
  display:block;
}

/* urgency / price schedule */
.urgency-box{
  margin-top:30px;
  border:2px solid #fbdada;
  background:#fff6f6;
  border-radius:16px;
  padding:22px;
}
.urgency-box .warn{
  color:var(--red);
  font-weight:800;
  font-size:14.5px;
  text-align:center;
}
.feature-list{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.feature-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13.5px;
  color:#5b3d3d;
}
.feature-item .ic{font-size:17px;flex-shrink:0;}
.feature-item .tx b{color:var(--text);font-weight:700;}
.schedule{margin-top:18px;display:flex;flex-direction:column;gap:8px;}
.sched-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 14px;
  border-radius:10px;
  font-size:13.5px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--text-dim);
}
.sched-row.done span{text-decoration:line-through;}
.sched-row.current{
  background:#fff;
  border:2px solid var(--red);
  font-weight:800;
  color:var(--text);
}
.sched-row.current .price{color:var(--red);}
.sched-row.next{color:#a9adba;}

.trust-box{
  margin-top:24px;
  text-align:center;
  padding:20px;
}
.trust-box .icon{font-size:22px;}
.trust-box p{
  margin-top:10px;
  font-size:13.5px;
  color:#3a3f52;
  line-height:1.7;
}

.lf-cta{
  display:block;
  max-width:560px;
  margin:30px auto 0;
  text-align:center;
  background:var(--red);
  color:#fff;
  font-weight:800;
  font-size:16px;
  padding:17px;
  border-radius:12px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  width:100%;
}

/* AUTH MODAL */
.auth-overlay{
  position:fixed;
  inset:0;
  background:rgba(20,33,61,.55);
  display:none;
  align-items:flex-end;
  justify-content:center;
  z-index:300;
}
.auth-overlay.show{display:flex;}
.auth-modal{
  width:100%;
  max-width:440px;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:28px 24px 32px;
  max-height:88vh;
  overflow-y:auto;
}
.auth-modal h3{
  font-size:18px;
  font-weight:900;
  color:var(--text);
  text-align:center;
}
.auth-modal .sub{
  text-align:center;
  font-size:13px;
  color:var(--text-dim);
  margin-top:6px;
}
.auth-close{
  text-align:right;
  font-size:20px;
  color:var(--text-dim);
  cursor:pointer;
  margin-bottom:4px;
}
.google-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--border);
  background:#fff;
  border-radius:10px;
  padding:13px;
  font-size:14.5px;
  font-weight:700;
  color:var(--text);
  cursor:pointer;
  margin-top:20px;
  font-family:inherit;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 0;
  color:var(--text-dim);
  font-size:12px;
}
.auth-divider::before,.auth-divider::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--border);
}
.auth-tabs{
  display:flex;
  gap:8px;
  margin-bottom:14px;
}
.auth-tab{
  flex:1;
  text-align:center;
  padding:9px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  color:var(--text-dim);
  background:var(--bg-soft);
  cursor:pointer;
}
.auth-tab.active{background:var(--navy);color:#fff;}
.auth-submit-btn{
  width:100%;
  background:var(--red);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:14px;
  font-size:14.5px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  margin-top:4px;
}
.auth-msg{margin-top:10px;font-size:12.5px;text-align:center;min-height:1em;color:var(--red);font-weight:700;}

/* review permission notice */
.review-locked{
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:14px;
  padding:20px;
  text-align:center;
  margin-bottom:22px;
}
.review-locked p{font-size:13.5px;color:var(--text-dim);margin-bottom:12px;}
.review-locked button{
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:11px 18px;
  font-size:13.5px;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
}
.verified-badge{
  display:inline-block;
  background:#e7f7f0;
  color:#1a9e6b;
  font-size:11px;
  font-weight:800;
  padding:2px 7px;
  border-radius:5px;
  margin-left:6px;
}

/* mypage */
.mypage-nav{
  display:flex;
  gap:6px;
  margin-top:20px;
  border-bottom:1px solid var(--border);
}
.mypage-nav div{
  padding:12px 16px;
  font-size:14px;
  font-weight:700;
  color:var(--text-dim);
  cursor:pointer;
}
.mypage-nav div.active{color:var(--navy);border-bottom:2px solid var(--navy);}
.order-card{
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  margin-top:16px;
}
.order-card .pname{font-size:15px;font-weight:800;color:var(--text);}
.order-card .meta{font-size:12.5px;color:var(--text-dim);margin-top:6px;}
.order-card .status{
  display:inline-block;
  background:#e7f7f0;
  color:#1a9e6b;
  font-size:11.5px;
  font-weight:800;
  padding:3px 9px;
  border-radius:6px;
  margin-top:10px;
}
.download-btn{
  display:block;
  width:100%;
  text-align:center;
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:12px;
  font-size:14px;
  font-weight:700;
  font-family:inherit;
  margin-top:14px;
  cursor:pointer;
  text-decoration:none;
}
.empty-state{
  text-align:center;
  padding:60px 20px;
  color:var(--text-dim);
  font-size:13.5px;
}
.mypage-header{
  padding:20px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.mypage-header .email{font-size:13px;color:var(--text-dim);}
.logout-btn{
  background:none;
  border:1px solid var(--border);
  border-radius:8px;
  padding:7px 12px;
  font-size:12.5px;
  color:var(--text-dim);
  cursor:pointer;
  font-family:inherit;
}

/* page transition loading overlay */
.page-loading{
  position:fixed;
  inset:0;
  background:#fff;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:200;
  font-size:15px;
  color:var(--text-dim);
  font-weight:600;
}
.page-loading.show{display:flex;}