:root { --green:#123f34; --green-light:#1c5b4b; --gold:#c19136; --cream:#f6f0e6; --paper:#fffdf9; --text:#263e37; --muted:#756f65; --line:#dfc89c; --danger:#a62c25; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:var(--cream); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.page-shell { width:min(1060px,calc(100% - 32px)); min-height:680px; display:grid; grid-template-columns:.9fr 1.1fr; margin:48px auto; overflow:hidden; border:1px solid rgba(193,145,54,.68); border-radius:24px; background:var(--paper); box-shadow:0 24px 60px rgba(18,63,52,.14); }
.intro-panel { padding:62px 50px; color:#fff; background:linear-gradient(145deg,#0d342b,#195544); }
.brand { color:#e5c077; font-size:13px; font-weight:800; letter-spacing:2.2px; }
.eyebrow { margin:72px 0 12px; color:rgba(255,255,255,.62); font-size:12px; letter-spacing:3px; }
h1 { margin:0; font-family:"Noto Serif SC","Songti SC",serif; font-size:clamp(42px,5vw,62px); line-height:1.16; letter-spacing:5px; }
.intro-copy { margin:24px 0 30px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.9; }
.feature-list { display:grid; gap:13px; margin:0; padding:0; list-style:none; color:rgba(255,255,255,.9); }
.feature-list li::before { content:"✓"; margin-right:10px; color:#e5c077; font-weight:800; }
.form-panel { padding:58px 60px; }
.form-heading { display:flex; gap:16px; align-items:flex-start; margin-bottom:34px; }
.step-badge { display:inline-grid; width:42px; height:42px; place-items:center; flex:0 0 auto; color:#fff; background:var(--green); border-radius:50%; font-weight:800; }
.form-heading h2 { margin:0 0 6px; color:var(--green); font-family:"Noto Serif SC","Songti SC",serif; font-size:28px; }
.form-heading p { margin:0; color:var(--muted); line-height:1.6; }
label:not(.consent-row) { display:block; margin:22px 0 8px; color:var(--green); font-weight:750; }
input[type="email"],input[type="tel"] { width:100%; padding:15px 16px; color:var(--text); background:#fff; border:1px solid #d8cdbb; border-radius:11px; font-size:16px; outline:0; }
input[type="email"]:focus,input[type="tel"]:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(193,145,54,.14); }
.field-help { margin:7px 0 0; color:#8b8479; font-size:13px; }
.consent-row { display:flex; gap:10px; align-items:flex-start; margin:26px 0 0; color:#665f55; font-size:14px; line-height:1.55; }
.consent-row input { margin-top:3px; accent-color:var(--green); }
.turnstile-wrap { display:flex; justify-content:center; min-height:65px; margin-top:22px; }
.primary-button,.payment-button { width:100%; display:block; margin-top:24px; padding:15px 20px; color:#fff; background:var(--green); border:1px solid var(--green); border-radius:11px; font-size:16px; font-weight:800; text-align:center; text-decoration:none; cursor:pointer; }
.primary-button:hover,.payment-button:hover { background:var(--green-light); }
.primary-button:disabled { opacity:.65; cursor:wait; }
.message-box { margin-top:20px; padding:14px 16px; border-radius:10px; line-height:1.6; }
.message-box.error { color:var(--danger); background:#fff0ee; border:1px solid #edc1bc; }
.message-box.info { color:var(--green); background:#eef7f3; border:1px solid #c7dfd5; }
.payment-panel { margin-top:22px; padding:22px; background:#faf6ed; border:1px solid var(--line); border-radius:14px; }
.payment-panel p { color:#665f55; line-height:1.7; }
.payment-price { display:flex; align-items:center; justify-content:space-between; color:var(--green); }
.payment-price strong { font-size:26px; }
.payment-button { margin-top:14px; }
.payment-button.is-disabled { opacity:.48; pointer-events:none; }
.payment-panel small { display:block; margin-top:10px; color:#8a6b31; text-align:center; }
.privacy-note { margin:24px 0 0; color:#918a7e; font-size:12px; text-align:center; }
@media (max-width:780px) { .page-shell{grid-template-columns:1fr;margin:14px auto}.intro-panel{padding:34px 26px}.eyebrow{margin-top:32px}h1{font-size:42px}.feature-list{display:none}.form-panel{padding:34px 24px 40px} }