:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#193e5e;background:#f8fafc;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:#184d89;text-underline-offset:4px}button,input,select,textarea{font:inherit}
.booking-header{padding:20px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #e2e8ee}
.booking-brand{display:flex;align-items:center;gap:12px;font-family:"Songti TC","Noto Serif TC",serif;font-size:21px;font-weight:700;text-decoration:none;white-space:nowrap}.booking-brand img{object-fit:contain}
.booking-header nav{display:flex;gap:24px;flex-wrap:wrap}.booking-header nav a{text-decoration:none;font-size:15px}
.booking-layout{max-width:1200px;margin:0 auto;padding:64px 24px 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;color:#8b6b2a}.booking-intro h1{font-family:"Songti TC","Noto Serif TC",serif;font-size:clamp(40px,5vw,60px);line-height:1.25;margin:20px 0 24px}.intro-lead{font-size:22px;font-weight:600}.booking-intro>p:not(.eyebrow){max-width:370px}.booking-intro>p:last-of-type{color:#617084;font-size:16px}
.booking-steps{list-style:none;padding:12px 0 0;margin:32px 0}.booking-steps li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #dae2eb}.booking-steps li>span{color:#9d7a36;font-size:14px;letter-spacing:.1em;padding-top:3px}.booking-steps strong{font-size:17px}.booking-steps p{margin:5px 0 0;color:#617084;font-size:14px}
.course-return{font-size:15px;font-weight:600}.booking-card{background:white;padding:32px;border:1px solid #dde5ee;border-top:3px solid #b8954f;border-radius:12px;box-shadow:0 12px 36px #173e5b08}
.booking-card h2{font-size:24px;margin:24px 0 8px}.preview-notice{font-size:13px;padding:12px 16px;background:#fff8e6;border-left:3px solid #b8954f;color:#725526;border-radius:4px}
.form-note,.field-hint{font-size:13px;color:#66768a}.form-note span,label>span{color:#966319}
fieldset{border:0;border-top:1px solid #e3e9f0;padding:24px 0 8px;margin:32px 0 0}legend{font-weight:700;padding:0 14px 0 0;font-size:17px}legend span{font-size:12px;color:#9d7a36;margin-right:8px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}label{display:block;font-size:14px;font-weight:600}label small{font-size:12px;color:#798492;font-weight:400;margin-left:5px}
input,select,textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #cbd6e2;border-radius:6px;background:#fcfdff;color:#193e5e;padding:11px 12px;min-height:48px;font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #70a6d6;outline-offset:2px}a:focus-visible{outline:2px solid #70a6d6;outline-offset:4px}
.privacy-draft{font-size:13px;padding:14px;background:#f2f5f9;color:#66768a;margin:24px 0}
.booking-submit{width:100%;min-height:52px;background:#193e5e;color:#fff;border:0;border-radius:6px;font-weight:700}.booking-submit:disabled{background:#d9e1ea;color:#5d6d80;cursor:not-allowed}
.booking-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px;border-top:1px solid #e2e8ee;background:#fff;font-size:14px}
@media(max-width:800px){.booking-layout{grid-template-columns:1fr;gap:32px;padding:36px 20px}.booking-intro>p:not(.eyebrow){max-width:none}.booking-steps{margin:24px 0}.booking-header{flex-wrap:wrap;padding:16px 20px;gap:14px}.booking-header nav{gap:24px}.booking-card{padding:24px}}
@media(max-width:420px){.field-grid{grid-template-columns:1fr}.booking-brand{font-size:19px}.booking-card{padding:20px}.intro-lead{font-size:20px}}

/* Brand-led booking page: calm navy, warm gold and three identifiable courses. */
body{background:radial-gradient(ellipse at 3% 15%,#e6effa 0,transparent 44%),radial-gradient(ellipse at 95% 75%,#f5ecd9 0,transparent 40%),#f7f9fc}
.booking-header{background:#ffffffed;box-shadow:0 2px 16px #173e5b04}
.booking-header nav a:last-child{border:1px solid #cdd9e6;border-radius:30px;padding:8px 16px}
.booking-header nav{align-items:center}
.booking-layout{gap:54px;padding-top:56px;align-items:start}
.booking-intro{padding:30px 0 0;position:relative}
.booking-intro::before{content:"";position:absolute;width:230px;height:230px;border:1px solid #b8954f25;border-radius:50%;left:-90px;top:-20px;pointer-events:none;z-index:-1}
.eyebrow{display:inline-flex;align-items:center;gap:14px;border-left:24px solid #b8954f;padding-left:12px;letter-spacing:.12em}
.eyebrow span{color:#bcc7d3}
.booking-intro h1{font-size:clamp(48px,5.4vw,68px);letter-spacing:.08em;margin-top:18px;color:#153852}
.intro-lead{font-weight:500;line-height:1.8;font-size:21px}
.program-spectrum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:32px 0 24px}
.program-spectrum a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow:hidden;text-decoration:none;padding:21px 15px 16px;border-radius:12px;color:#fff;box-shadow:0 8px 20px #183d5b12;transition:transform .2s,box-shadow .2s}
.program-spectrum a:hover{transform:translateY(-3px);box-shadow:0 12px 25px #183d5b20}
.program-spectrum .spectrum-core{background:linear-gradient(135deg,#224f88,#102b51)}
.program-spectrum .spectrum-advanced{background:linear-gradient(135deg,#248fb7,#086381)}
.program-spectrum .spectrum-apex{background:linear-gradient(135deg,#b58c3c,#795315)}
.program-spectrum strong{font-family:Georgia,serif;font-size:29px;letter-spacing:.02em;font-weight:500;z-index:1}
.program-spectrum a>span:not(.spectrum-mark){font-size:13px;z-index:1;white-space:nowrap}
.program-spectrum small{font-size:11px;color:#ffffffbd;margin-top:10px}
.spectrum-mark{position:absolute;width:78px;height:78px;border:1px solid #ffffff20;transform:rotate(45deg);right:-30px;top:-20px}
.spectrum-mark::after{content:"";position:absolute;inset:12px;border:1px solid #ffffff18}
.booking-steps{padding:0;margin:28px 0 24px;position:relative}
.booking-steps li{border:0;position:relative;padding:12px 0;gap:15px}
.booking-steps li>span{display:flex;align-items:center;justify-content:center;border:1px solid #d8e2ec;background:#f9fbfd;border-radius:50%;width:36px;height:36px;flex:0 0 36px;font-size:12px;padding:0}
.booking-steps li:not(:last-child)::after{content:"";position:absolute;left:18px;top:48px;bottom:-12px;width:1px;background:#d8e2ec}
.booking-steps strong{font-size:16px}.booking-steps p{font-size:13px}
.course-return{display:inline-block;margin:8px 0 0}
.booking-card{border:1px solid #dce5ee;border-radius:18px;box-shadow:0 22px 65px #183a5b0c;padding:0 32px 28px;overflow:hidden}
.form-masthead{margin:0 -32px 26px;padding:20px 32px;background:#193e5e;display:flex;align-items:center;gap:13px;color:#f2d9a7;font-size:10px;letter-spacing:.12em}
.form-masthead span:last-child{margin-left:auto;color:#fff;font-size:12px;letter-spacing:.08em}
.form-masthead-dot{width:4px;height:4px;background:#c8a464;border-radius:50%}
.preview-notice{background:#f9f7f1;border-color:#c4a065;color:#776447;font-size:12px;line-height:1.9}
.preview-notice a{display:inline-block;margin-top:5px;font-weight:700;color:#193e5e}
.booking-card h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:28px;letter-spacing:.04em;margin-top:26px}
fieldset{margin-top:28px;padding:22px 0 8px}
legend span{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:6px;background:#edf2f8;color:#526e8a;font-size:11px}
input,select,textarea{background:#f9fbfd;border-color:#dbe4ed;border-radius:7px}
input:disabled,select:disabled,textarea:disabled{opacity:1;-webkit-text-fill-color:#718397;color:#718397;background:#f5f8fb}
.booking-submit{border-radius:8px}
.privacy-draft{border-radius:8px}
.booking-footer{background:transparent}
@media(max-width:800px){.booking-layout{padding-top:24px;gap:30px}.booking-intro{padding:0}.booking-intro::before{display:none}.booking-intro h1{font-size:50px;margin-bottom:16px}.program-spectrum{max-width:460px;margin-top:24px}.booking-card{padding:0 24px 24px}.form-masthead{margin:0 -24px 24px;padding:18px 24px}.booking-steps{margin-top:20px}.booking-header nav a:last-child{padding:4px 12px}}
@media(max-width:420px){.booking-card{padding:0 20px 20px}.form-masthead{margin:0 -20px 20px;padding:18px 20px}.program-spectrum a{padding:18px 11px 14px}.program-spectrum strong{font-size:26px}.program-spectrum a>span:not(.spectrum-mark){font-size:12px}.booking-header{gap:12px}.booking-header nav{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.program-spectrum a{transition:none}.program-spectrum a:hover{transform:none}}