body{margin:0;font-family:Arial,sans-serif;background:#fffaf7;color:#40373a;line-height:1.6}
a{color:inherit}.topbar{padding:16px 6%;display:flex;justify-content:space-between;align-items:center;background:#f6dce3}
.brand{font-weight:800;color:#704653;text-decoration:none}.btn{display:inline-block;padding:12px 18px;border-radius:9px;background:#704653;color:white;text-decoration:none;border:0;font-weight:700;cursor:pointer}
.danger{background:#8b2d2d}.hero,section{padding:56px 7%}.hero{background:linear-gradient(135deg,#f6dce3,#dcecf2)}
h1,h2,h3{color:#704653}.grid,.two{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card,.panel,form{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #0000000d}
input,select,textarea{width:100%;padding:12px;margin:6px 0;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}
.ok{background:#e8f4ea;padding:10px;border-radius:8px}.bad{background:#f8e6e6;padding:10px;border-radius:8px}
.hidden{display:none}.lesson{padding:12px;border:1px solid #eee;border-radius:10px;margin:8px 0}.locked{opacity:.5}
small{color:#776b6e}@media(max-width:800px){.grid,.two{grid-template-columns:1fr}}

.module-link{display:block;text-decoration:none;color:inherit}
.module-link:hover{box-shadow:0 8px 22px #00000012}
.course-wrap{max-width:900px;margin:auto}
.lesson-section{background:#fff;padding:22px;margin:16px 0;border-radius:16px;box-shadow:0 8px 25px #0000000d}
.meta{background:#f6dce3;padding:16px;border-radius:12px}
.video-box{padding:30px;text-align:center;border:2px dashed #d8bcc4;border-radius:14px;background:#fffaf7}
.quiz-q{margin:22px 0}
.quiz-q label{display:block;padding:7px 0}
.complete-box{background:#fff5f7;padding:20px;border-radius:16px;margin-top:22px}
.score-grid{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center}
textarea{font-family:inherit}

.checkrow{display:block;padding:10px;margin:6px 0;background:#fffaf7;border-radius:9px}.course-wrap{max-width:920px;margin:auto}.lesson-section{background:#fff;padding:22px;margin:16px 0;border-radius:16px;box-shadow:0 8px 25px #0000000d}.meta{background:#f6dce3;padding:16px;border-radius:12px}.quiz-q{margin:20px 0}.quiz-q label{display:block;padding:7px 0}.module-link{display:block;text-decoration:none;color:inherit}.module-link:hover{box-shadow:0 8px 22px #00000012}textarea{min-height:120px}

.site-footer{padding:28px 7%;background:#704653;color:#fff;margin-top:40px}
.site-footer a{color:#fff}.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}
.policy-wrap{max-width:900px;margin:auto}.policy-wrap h2{margin-top:28px}
.policy-date{margin-top:38px;color:#776b6e}.tagline{font-size:1.15rem}
.small-note{font-size:.92rem}.trust-section{background:#fff5f7}
.payment-instructions{background:#fff5f7;border:1px solid #ecd8df;padding:16px;border-radius:12px;margin-bottom:14px}
.review{display:inline-block;background:#fff1cc;padding:8px 10px;border-radius:8px;font-weight:700;color:#6b5416}
.video-player video{width:100%;max-height:520px;border-radius:14px;background:#000}
.video-player{background:#fffaf7;padding:12px;border-radius:14px;border:1px solid #eee}
.video-coming{opacity:.8}
@media(max-width:600px){.hero,section{padding:34px 5%}.topbar{padding:13px 4%;gap:10px}.topbar .btn{padding:9px 12px}.footer-links{gap:10px}.lesson-section h2{font-size:1.45rem}}

:root{--blush:#f8e7eb;--cream:#fffaf4;--navy:#18324a;--gold:#c59a52;--rose:#b86d7e;--ink:#33404a;--shadow:0 14px 38px rgba(24,50,74,.10);--radius:22px}
html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg,#fffaf7,#fff 35%,#fff8fa);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
h1,h2,h3{color:var(--navy);letter-spacing:-.02em}h1{line-height:1.08}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,250,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(197,154,82,.20);box-shadow:0 4px 18px rgba(24,50,74,.05)}
.brand{font-weight:800;color:var(--navy)!important}.btn{border-radius:999px!important;box-shadow:0 8px 20px rgba(184,109,126,.16);font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 15% 20%,rgba(197,154,82,.15),transparent 24%),radial-gradient(circle at 88% 15%,rgba(184,109,126,.14),transparent 25%),linear-gradient(135deg,var(--cream),var(--blush));border-bottom:1px solid rgba(197,154,82,.18)}
.hero:before,.hero:after{content:"♡";position:absolute;color:rgba(184,109,126,.13);font-size:150px;line-height:1}.hero:before{left:-28px;top:15px;transform:rotate(-12deg)}.hero:after{right:-20px;bottom:-30px;transform:rotate(15deg)}.hero>*{position:relative;z-index:1}
.hero h1{max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(2.25rem,6vw,4.7rem)}.hero p{max-width:760px;margin-left:auto;margin-right:auto}
.grid,.module-grid{gap:20px}.card,.panel,.lesson-section{background:rgba(255,255,255,.95);border:1px solid rgba(197,154,82,.18)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)}
.card,.panel{padding:24px}.lesson-section{padding:26px;margin:20px 0}.lesson-section h2{padding-bottom:10px;border-bottom:1px solid rgba(184,109,126,.16)}
.video-player,.video-box{border-radius:18px!important;overflow:hidden}input,select,textarea{border:1px solid #e6d7d9!important;border-radius:12px!important;padding:12px!important;background:#fff!important}
.progress{height:12px!important;border-radius:999px!important;overflow:hidden;background:#f1e6e8!important}.progress>div{border-radius:999px!important;background:linear-gradient(90deg,var(--rose),var(--gold))!important}
.payment-instructions,.trust-section{background:linear-gradient(135deg,#fff7f8,#fffaf1)!important;border:1px solid rgba(197,154,82,.24)!important}
.site-footer{background:linear-gradient(135deg,#21394f,#704653)!important;border-top:4px solid var(--gold);padding-top:34px!important}.site-footer .footer-links a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.policy-wrap{background:#fff;padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:32px!important}.small-note{background:#fff8e9;display:inline-block;padding:7px 12px;border-radius:999px;color:#66552f}.tagline{font-family:Georgia,serif;font-style:italic;color:var(--rose)}
@media(max-width:700px){.topbar{flex-wrap:wrap}.brand{width:100%;text-align:center;margin-bottom:4px}.hero{padding-top:48px!important;padding-bottom:48px!important}.hero h1{font-size:2.35rem}.card,.panel,.lesson-section{padding:19px}.policy-wrap{margin:16px 4%!important;padding:22px}}

/* Final payment and mobile polish */
.payment-kicker{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--rose);margin-bottom:4px}
.paynow-box{text-align:center;background:#fff;border:1px solid rgba(197,154,82,.22);padding:20px;border-radius:18px;margin:16px 0}
.paynow-link{display:inline-block}
.paynow-link img{max-width:220px;width:100%;height:auto}
.paynow-fallback{margin-top:4px}
.payment-steps{padding-left:22px;margin:18px 0}
.payment-steps li{margin:8px 0}
#paymentForm label{display:block;margin-bottom:4px}
#paymentStatus{padding:12px 0}
.hero h2{display:inline-block;background:#fff;padding:10px 18px;border-radius:999px;border:1px solid rgba(197,154,82,.28);box-shadow:0 8px 20px rgba(24,50,74,.06)}
.topbar a:not(.btn){text-underline-offset:3px}
@media(max-width:600px){
  .paynow-box{padding:16px 12px}
  .payment-steps{padding-left:19px}
  .topbar .brand{font-size:.95rem}
}
