*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root { --black: #0a0a0a; --charcoal: #111118; --surface: #16161f; --card: #1c1c28; --border: rgba(212,175,55,0.18); --gold: #d4af37; --gold-light: #f0d060; --white: #f4f2ee; --muted: #8a8a9a; --purple: #7c5cbf; --purple-light: #9d7fe0; --radius: 12px; --green: #22C55E; --red: #EF4444; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; background: var(--black); color: var(--white); line-height: 1.6; overflow-x: hidden; }
  section { width: 100%; padding: 80px 20px; }
  .container { max-width: 860px; margin: 0 auto; }
  .container-wide { max-width: 1100px; margin: 0 auto; }
  #vsl-page { display: block; } #thankyou-page { display: none; } #checkout-page { display: none; }
  .hero { background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(124,92,191,0.18) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 100%, rgba(212,175,55,0.08) 0%, transparent 70%), var(--charcoal); padding: 60px 20px 80px; text-align: center; position: relative; overflow: hidden; }
  .hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(212,175,55,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(212,175,55,0.04) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; }
  .hero-inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
  .brand-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(212,175,55,0.1); border: 1px solid var(--border); border-radius: 100px; padding: 8px 20px; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 32px; }
  .brand-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 8px var(--gold); animation: pulse-dot 2s ease-in-out infinite; }
  @keyframes pulse-dot { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } }
  .hero-label { font-size: 12px; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: var(--purple-light); margin-bottom: 16px; }
  .hero-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(52px, 9vw, 96px); line-height: 0.95; letter-spacing: 0.02em; margin-bottom: 16px; }
  .hero-title .line-gold { color: var(--gold); }
  .hero-subtitle-line { display: block; font-family: 'Playfair Display', serif; font-size: clamp(18px, 3.5vw, 28px); font-style: italic; color: rgba(244,242,238,0.6); margin-bottom: 32px; font-weight: 400; }
  .video-wrapper { background: #000; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; margin: 40px auto 0; max-width: 800px; box-shadow: 0 0 60px rgba(124,92,191,0.2), 0 0 120px rgba(212,175,55,0.08); }
  .video-wrapper video { width: 100%; display: block; background: #000; }
  .video-bar { background: var(--card); padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); }
  .video-bar-text { font-size: 13px; color: var(--muted); }
  .video-bar-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); background: rgba(212,175,55,0.1); border: 1px solid var(--border); padding: 4px 12px; border-radius: 100px; }
  .hook-strip { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 20px; }
  .hook-strip-inner { max-width: 860px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
  .hook-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--white); }
  .hook-icon { width: 28px; height: 28px; border-radius: 50%; background: rgba(212,175,55,0.12); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 13px; }
  .eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: block; }
  .section-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 6vw, 64px); line-height: 1; letter-spacing: 0.02em; margin-bottom: 20px; }
  .section-body { font-size: 17px; line-height: 1.75; color: rgba(244,242,238,0.7); max-width: 620px; margin: 0 auto; }
  .headline-section { padding: 80px 20px 60px; text-align: center; }
  .no-list { padding: 0 20px 80px; }
  .no-list-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; max-width: 860px; margin: 0 auto; }
  .no-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 24px; text-align: center; position: relative; overflow: hidden; }
  .no-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
  .no-card-strike { font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: rgba(244,242,238,0.3); text-decoration: line-through; text-decoration-color: var(--gold); letter-spacing: 0.05em; display: block; margin-bottom: 8px; }
  .no-card-desc { font-size: 13px; color: var(--muted); }
  .just-section { background: linear-gradient(135deg, rgba(124,92,191,0.08) 0%, transparent 100%); border-top: 1px solid rgba(124,92,191,0.2); border-bottom: 1px solid rgba(124,92,191,0.2); padding: 80px 20px; text-align: center; }
  .just-grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; max-width: 700px; margin: 36px auto 0; }
  .just-pill { display: inline-flex; align-items: center; gap: 10px; background: var(--card); border: 1px solid rgba(124,92,191,0.35); border-radius: 100px; padding: 12px 22px; font-size: 15px; font-weight: 600; color: var(--white); }
  .just-pill-icon { color: var(--purple-light); font-size: 16px; }
  .modules-section { padding: 80px 20px; background: var(--charcoal); }
  .modules-header { text-align: center; margin-bottom: 60px; }
  .modules-grid { display: grid; gap: 24px; max-width: 860px; margin: 0 auto; }
  .module-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 32px; position: relative; overflow: hidden; display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: start; }
  .module-num { font-family: 'Bebas Neue', sans-serif; font-size: 72px; line-height: 1; color: rgba(212,175,55,0.1); min-width: 70px; text-align: center; }
  .module-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; display: block; }
  .module-title { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 0.03em; color: var(--white); margin-bottom: 6px; }
  .module-lesson { font-size: 14px; color: var(--purple-light); font-weight: 600; margin-bottom: 12px; }
  .module-desc { font-size: 14px; color: rgba(244,242,238,0.6); line-height: 1.65; margin-bottom: 16px; }
  .module-output { display: inline-flex; align-items: center; gap: 8px; background: rgba(212,175,55,0.08); border: 1px solid rgba(212,175,55,0.2); border-radius: 100px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: var(--gold-light); }
  .promise-section { background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(124,92,191,0.12) 0%, transparent 70%), var(--charcoal); padding: 80px 20px; text-align: center; }
  .promise-box { max-width: 700px; margin: 0 auto; background: var(--card); border: 1px solid rgba(124,92,191,0.35); border-radius: 20px; padding: 52px 48px; position: relative; overflow: hidden; }
  .promise-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--purple-light), var(--gold), var(--purple-light), transparent); }
  .promise-icon { font-size: 40px; margin-bottom: 20px; display: block; }
  .promise-headline { font-family: 'Bebas Neue', sans-serif; font-size: 42px; letter-spacing: 0.03em; margin-bottom: 20px; line-height: 1; }
  .promise-text { font-size: 16px; color: rgba(244,242,238,0.7); line-height: 1.8; }
  .promise-list { list-style: none; text-align: left; margin: 28px 0; display: flex; flex-direction: column; gap: 12px; }
  .promise-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: rgba(244,242,238,0.8); }
  .promise-check { color: var(--gold); font-size: 16px; margin-top: 2px; flex-shrink: 0; }
  .cta-section { background: var(--black); padding: 80px 20px 100px; }
  .cta-box { max-width: 600px; margin: 0 auto; background: var(--card); border: 1px solid var(--border); border-radius: 20px; padding: 52px 48px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 0 80px rgba(212,175,55,0.08), 0 0 40px rgba(124,92,191,0.1); }
  .cta-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
  .cta-price-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--purple-light); margin-bottom: 8px; }
  .cta-price { font-family: 'Bebas Neue', sans-serif; font-size: 72px; color: var(--gold); line-height: 1; letter-spacing: 0.02em; margin-bottom: 4px; }
  .cta-price-sub { font-size: 14px; color: var(--muted); margin-bottom: 28px; }
  .cta-features { list-style: none; margin-bottom: 32px; display: flex; flex-direction: column; gap: 10px; }
  .cta-features li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: rgba(244,242,238,0.8); }
  .cta-features li span { color: var(--gold); font-size: 14px; }
  .enroll-btn { width: 100%; background: linear-gradient(135deg, #c4a020, var(--gold), #f0d060); border: none; border-radius: 12px; padding: 20px 32px; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.1em; color: #0a0a0a; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; margin-bottom: 12px; }
  .enroll-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 40px rgba(212,175,55,0.4); }
  .cta-privacy { font-size: 12px; color: var(--muted); display: flex; align-items: center; justify-content: center; gap: 6px; }
  .footer { background: var(--charcoal); border-top: 1px solid var(--border); padding: 32px 20px; text-align: center; }
  .footer-text { font-size: 13px; color: var(--muted); }
  .footer-brand { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 0.1em; color: var(--gold); display: block; margin-bottom: 8px; }
  #checkout-page { background: var(--black); min-height: 100vh; }
  .topbar { background: #111; border-bottom: 1px solid var(--border); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--muted); }
  .topbar .brand { color: var(--gold); font-weight: 700; font-size: 14px; }
  .co-container { max-width: 480px; margin: 0 auto; padding: 20px 16px 60px; }
  .co-back { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); cursor: pointer; margin-bottom: 20px; border: none; background: none; padding: 0; }
  .co-back:hover { color: var(--gold); }
  .section-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; margin-bottom: 12px; }
  .price-org { font-size: 11px; color: var(--gold); font-weight: 600; letter-spacing: .5px; margin-bottom: 2px; }
  .price-main { font-size: 48px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 4px; letter-spacing: -1px; }
  .price-desc { font-size: 13px; color: var(--muted); margin-bottom: 20px; }
  .order-summary { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin-bottom: 20px; }
  .order-row { display: flex; justify-content: space-between; font-size: 14px; color: var(--white); margin-bottom: 8px; }
  .order-row:last-child { margin-bottom: 0; }
  .order-total { border-top: 1px solid var(--border); padding-top: 10px; margin-top: 10px; font-weight: 700; font-size: 15px; }
  .order-total .amount { color: var(--gold); }
  .divider { height: 1px; background: var(--border); margin: 20px 0; }
  .pay-header { background: linear-gradient(135deg, #1A1A1A, #0f0f1a); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 16px; text-align: center; }
  .pay-header-icon { font-size: 32px; margin-bottom: 8px; }
  .pay-header-title { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 4px; }
  .pay-header-sub { font-size: 12px; color: var(--muted); }
  .qr-section { background: #fff; border-radius: 12px; padding: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
  .qr-section img { max-width: 220px; max-height: 260px; object-fit: contain; border-radius: 8px; }
  .acct-card { background: #1A1A1A; border-radius: 10px; padding: 14px; margin-bottom: 14px; }
  .acct-row { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border); }
  .acct-row:last-child { border-bottom: none; padding-bottom: 0; }
  .acct-label { font-size: 11px; color: var(--muted); }
  .acct-val { font-size: 13px; font-weight: 700; color: var(--white); text-align: right; }
  .acct-val.copyable { cursor: pointer; color: var(--gold); }
  .acct-amount { font-size: 20px; font-weight: 900; color: var(--gold); }
  .copy-hint { font-size: 10px; color: var(--muted); margin-left: 4px; }
  .steps { margin-bottom: 16px; }
  .step { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
  .step-num { width: 22px; height: 22px; border-radius: 50%; background: var(--gold); color: #000; font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
  .step-text { font-size: 12px; color: var(--muted); line-height: 1.5; }
  .step-text strong { color: var(--white); }
  .form-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 16px; }
  .form-card-title { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 14px; }
  .form-group { margin-bottom: 12px; }
  .form-label-co { display: block; font-size: 11px; font-weight: 600; color: var(--muted); margin-bottom: 5px; text-transform: uppercase; letter-spacing: .5px; }
  .req { color: var(--gold); }
  .form-input-co { width: 100%; background: #1A1A1A; border: 1.5px solid var(--border); border-radius: 8px; padding: 12px 14px; color: var(--white); font-size: 14px; font-family: 'Inter', sans-serif; outline: none; transition: border-color .2s; }
  .form-input-co:focus { border-color: var(--gold); }
  .form-input-co::placeholder { color: var(--muted); }
  .error-msg { font-size: 11px; color: var(--red); margin-top: 4px; display: none; }
  .error-msg.show { display: block; }
  .upload-zone { border: 2px dashed var(--border); border-radius: 10px; padding: 24px 16px; text-align: center; cursor: pointer; transition: all .2s; background: #1A1A1A; position: relative; margin-bottom: 10px; }
  .upload-zone:hover { border-color: var(--gold); }
  .upload-zone input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
  .upload-zone.reading { border-color: rgba(212,175,55,0.5); border-style: solid; }
  .upload-zone.ok { border-color: var(--green); border-style: solid; background: rgba(34,197,94,.05); }
  .upload-zone.warn { border-color: #f0d060; border-style: solid; background: rgba(240,208,96,.05); }
  .upload-zone.bad { border-color: var(--red); border-style: solid; background: rgba(239,68,68,.05); }
  .upload-icon { font-size: 32px; margin-bottom: 8px; }
  .upload-text { font-size: 12px; color: var(--muted); line-height: 1.5; }
  .upload-filename { font-size: 12px; color: var(--gold); font-weight: 600; margin-top: 6px; }
  .ocr-status { border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; display: none; font-size: 13px; line-height: 1.6; }
  .ocr-status.reading { display: block; background: rgba(212,175,55,.08); border: 1px solid rgba(212,175,55,.25); color: var(--gold); }
  .ocr-status.ok { display: block; background: rgba(34,197,94,.08); border: 1px solid rgba(34,197,94,.25); color: var(--green); }
  .ocr-status.warn { display: block; background: rgba(240,208,96,.08); border: 1px solid rgba(240,208,96,.3); color: #f0d060; }
  .ocr-status.bad { display: block; background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.35); color: var(--red); }
  .ocr-error-list { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
  .ocr-error-item { font-size: 12px; font-weight: 600; padding: 8px 12px; background: rgba(239,68,68,.12); border-radius: 8px; border-left: 3px solid var(--red); }
  .ocr-summary { background: #1A1A1A; border: 1px solid var(--border); border-radius: 10px; padding: 14px; margin-bottom: 14px; display: none; }
  .ocr-summary-row { display: flex; justify-content: space-between; font-size: 13px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
  .ocr-summary-row:last-child { border-bottom: none; }
  .ocr-summary-label { color: var(--muted); }
  .ocr-summary-val { color: var(--white); font-weight: 600; text-align: right; max-width: 60%; word-break: break-all; }
  .ocr-summary-val.matched { color: var(--green); }
  .ocr-summary-val.review { color: #f0d060; }
  .ocr-summary-val.bad { color: var(--red); }
  .submit-btn-co { width: 100%; background: var(--gold); color: #000; border: none; border-radius: 10px; padding: 18px; font-size: 16px; font-weight: 900; cursor: pointer; letter-spacing: .3px; transition: all .2s; margin-bottom: 8px; font-family: 'Inter', sans-serif; }
  .submit-btn-co:hover:not(:disabled) { background: var(--gold-light); transform: translateY(-1px); }
  .submit-btn-co:disabled { opacity: .4; cursor: not-allowed; }
  .submit-hint { font-size: 11px; color: var(--muted); text-align: center; margin-bottom: 16px; }
  .upload-progress { background: rgba(212,175,55,.08); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; display: none; }
  .upload-progress-bar-bg { background: rgba(255,255,255,.08); border-radius: 100px; height: 4px; margin: 8px 0 4px; overflow: hidden; }
  .upload-progress-bar { height: 100%; background: linear-gradient(90deg, var(--purple), var(--gold)); border-radius: 100px; width: 0%; transition: width .3s ease; }
  .upload-progress-text { font-size: 11px; color: var(--muted); }
  .trust-line { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; color: var(--muted); }
  .ty-hero { background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(124,92,191,0.2) 0%, transparent 70%), var(--charcoal); padding: 60px 20px 80px; text-align: center; border-bottom: 1px solid var(--border); }
  .ty-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(212,175,55,0.1); border: 1px solid var(--border); border-radius: 100px; padding: 8px 20px; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 28px; }
  .ty-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(42px, 7vw, 80px); line-height: 1; letter-spacing: 0.02em; margin-bottom: 16px; }
  .ty-headline .gold { color: var(--gold); }
  .ty-sub { font-size: 18px; color: rgba(244,242,238,0.65); max-width: 560px; margin: 0 auto 32px; line-height: 1.65; }
  .next-steps-card { max-width: 600px; margin: 0 auto 24px; background: var(--card); border: 1px solid rgba(212,175,55,0.25); border-radius: 16px; padding: 28px 32px; display: flex; align-items: flex-start; gap: 20px; text-align: left; }
  .next-steps-icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(212,175,55,0.1); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
  .next-steps-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 12px; }
  .next-steps-list { display: flex; flex-direction: column; gap: 8px; }
  .next-step-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--muted); line-height: 1.5; }
  .next-step-num { width: 20px; height: 20px; border-radius: 50%; background: rgba(212,175,55,0.15); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; color: var(--gold); flex-shrink: 0; margin-top: 1px; }
  .spam-note { font-size: 12px; color: var(--gold); text-align: center; margin: 0 auto 48px; opacity: 0.8; max-width: 400px; }
  .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
  .fade-in.visible { opacity: 1; transform: translateY(0); }
  @media (max-width: 640px) { .module-card { grid-template-columns: 1fr; } .module-num { font-size: 48px; min-width: auto; text-align: left; } .next-steps-card { flex-direction: column; } .cta-box, .promise-box { padding: 36px 24px; } }