@font-face {
  font-family: 'WebinarSymbols';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../fonts/webinar-symbols-2.9dbbda8e179e.woff2") format('truetype');
}
@font-face {
  font-family: 'WebinarSymbols';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../fonts/webinar-symbols-1.715cd0bf0df9.woff2") format('truetype');
}

@font-face{font-family:WebinarManagerSans;font-style:normal;font-weight:400 500;font-display:swap;src:url("../../fonts/noto-sans-tc-v37-chinese-traditional-regular.4ba88221540d.woff2") format('woff2')}
@font-face{font-family:WebinarManagerSans;font-style:normal;font-weight:600 900;font-display:swap;src:url("../../fonts/noto-sans-tc-v37-chinese-traditional-700.b66d84d9a63b.woff2") format('woff2')}
.manager-page{--bg:#f8f7f2;--ink:#183a31;--soft:#52665d;--line:#d6ddd4;--green:#2c7556;--band:#eef1e9}
.manager-page *{box-sizing:border-box}
html:has(.manager-page){scroll-behavior:smooth}
.manager-page{margin:0;background:var(--bg);color:var(--ink);font-family:WebinarManagerSans,WebinarSymbols,"Microsoft JhengHei",sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
.manager-page a{color:inherit}
.manager-page p,.manager-page h1,.manager-page h2,.manager-page h3,.manager-page h4,.manager-page figure{margin:0}
.manager-page img{display:block;max-width:100%}
.manager-page button,.manager-page input{font:inherit}
.manager-page [hidden]{display:none!important}
.manager-page .wrap{max-width:1180px;margin:auto;padding:0 40px}
.manager-page .preview-note{text-align:center;font-size:12px;background:#e9ede5;color:#52665d;padding:7px 20px}
.manager-page .nav{border-bottom:1px solid var(--line)}
.manager-page .nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.manager-page .brand img{width:138px;height:46px}
.manager-page .nav-links{display:flex;align-items:center;gap:30px;font-size:14px}
.manager-page .nav-links a{text-decoration:none}
.manager-page .nav-links .btn{padding:10px 20px}
.manager-page .btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:#163f32;color:white;border:0;border-radius:4px;padding:15px 28px;font-weight:600;text-decoration:none;cursor:pointer;min-height:48px}
.manager-page .btn:hover{background:#285e47}
.manager-page .arrow{font-size:21px}
.manager-page .hero-inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding:60px 0 48px}
.manager-page .eyebrow{font-size:13px;letter-spacing:.05em;color:var(--green);margin-bottom:18px}
.manager-page h1{font-size:56px;line-height:1.28;letter-spacing:-.04em;font-weight:700;margin-bottom:22px}
.manager-page h1 span{color:#398367}
.manager-page .hero-sub{font-size:21px;line-height:1.8;margin-bottom:28px}
.manager-page .hero-actions{display:flex;align-items:center;gap:24px}
.manager-page .text-link{font-size:14px;text-underline-offset:5px}
.manager-page .hero-speaker{width:280px;justify-self:center}
.manager-page .hero-speaker img{width:280px;height:350px;object-fit:cover;object-position:center 24%}
.manager-page .hero-speaker figcaption{padding-top:15px;line-height:1.7}
.manager-page .hero-speaker strong{display:block;font-size:26px;letter-spacing:-.025em}
.manager-page .hero-speaker span{display:block;font-size:14px;color:var(--soft)}
.manager-page .hero-speaker .speaker-kicker{font-size:11px;letter-spacing:.07em;margin-bottom:2px}
.manager-page .event-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding-top:24px;padding-bottom:24px;position:relative}
.manager-page .event-strip:before,.manager-page .event-strip:after{content:"";position:absolute;left:40px;right:40px;height:1px;background:#bac7bc;top:0}
.manager-page .event-strip:after{top:auto;bottom:0}
.manager-page .event-strip small{display:block;font-size:12px;color:var(--soft);margin-bottom:4px}
.manager-page .event-strip strong{font-size:18px;font-weight:600}
.manager-page .section,.manager-page .faq{padding:56px 0}
.manager-page .section-title{font-size:29px;line-height:1.5;letter-spacing:-.025em;font-weight:700}
.manager-page .intro-row{display:flex;align-items:flex-end;gap:70px;margin-bottom:30px}
.manager-page .intro-row>div{flex:1}
.manager-page .intro-row>p{max-width:430px;color:var(--soft);font-size:15px}
.manager-page .intro-row br{display:none}
.manager-page .case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.manager-page .case-no{font-size:12px;color:var(--green);display:block;margin-bottom:10px}
.manager-page .case h3{font-size:18px;line-height:1.7;margin-bottom:10px}
.manager-page .case h3 small{display:none}
.manager-page .case p{font-size:14px;color:var(--soft)}
.manager-page .register-section{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.manager-page .register-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:start}
.manager-page .register-copy{padding-top:12px}
.manager-page .register-copy>p:not(.eyebrow){margin-top:20px;color:var(--soft);font-size:15px}
.manager-page .event-facts{margin-top:28px}
.manager-page .fact{display:flex;gap:24px;border-top:1px solid #c9d3c4;padding:13px 0;font-size:14px}
.manager-page .fact dt{font-weight:600;min-width:65px}
.manager-page .fact dd{margin:0;color:var(--soft)}
.manager-page .register-copy .notice{font-size:12px!important}
.manager-page .form-card{background:white;padding:30px 32px;border:1px solid #d4ded0;border-radius:6px}
.manager-page .form-card h3{font-size:24px}
.manager-page .form-note{font-size:13px;color:var(--soft);margin:5px 0 22px}
.manager-page .field{margin-bottom:16px}
.manager-page .field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.manager-page .field input{width:100%;height:48px;min-width:0;padding:10px 12px;border:1px solid #aebcaf;border-radius:4px;background:white;color:var(--ink)}
.manager-page .field input::placeholder{font-size:14px;color:#687764}
.manager-page .form-card .btn{width:100%;margin-top:8px}
.manager-page .privacy{font-size:12px;color:var(--soft);margin-top:12px}
.manager-page .confirmation{padding:20px 0}
.manager-page .confirmation h4{font-size:23px}
.manager-page .confirmation p{margin:15px 0}
.manager-page .confirmation button{background:white;border:1px solid var(--green);padding:10px 20px;cursor:pointer;color:var(--ink)}
.manager-page .agenda-layout{display:block}
.manager-page .agenda-aside>p:not(.eyebrow){font-size:14px;color:var(--soft);margin-top:12px}
.manager-page .agenda-aside br{display:none}
.manager-page .agenda{margin-top:28px}
.manager-page .agenda-item{display:grid;grid-template-columns:130px 1fr;gap:26px;border-top:1px solid var(--line);padding:21px 0}
.manager-page .agenda-time{font-size:13px;color:var(--green);padding-top:4px}
.manager-page .agenda h3{font-size:19px;margin-bottom:5px}
.manager-page .agenda p{font-size:14px;color:var(--soft)}
.manager-page .for-you{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
.manager-page .for-you h3{font-size:18px;margin-bottom:10px}
.manager-page .for-you p{font-size:14px;color:var(--soft)}
.manager-page .faq{border-top:1px solid var(--line)}
.manager-page .faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.manager-page details{border-top:1px solid var(--line);padding:18px 0}
.manager-page summary{font-size:16px;font-weight:600;cursor:pointer;min-height:28px}
.manager-page details p{color:var(--soft);font-size:14px;margin-top:12px}
.manager-page .footer{border-top:1px solid var(--line);padding:26px 0;font-size:12px;color:var(--soft)}
.manager-page .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.manager-page .footer img{width:120px}
.manager-page .mobile-cta{display:none}
.manager-page :focus-visible{outline:3px solid #8a5a16;outline-offset:4px}
.manager-page section[id]{scroll-margin-top:24px}
@media (max-width:1000px){.manager-page .hero-inner{gap:35px}
.manager-page .hero-speaker{width:250px}
.manager-page .hero-speaker img{width:250px;height:330px}
.manager-page h1{font-size:46px}
.manager-page .hero-sub{font-size:18px}
.manager-page .nav-links{gap:18px}
.manager-page .register-layout{gap:35px}
.manager-page .intro-row{gap:35px}
.manager-page .intro-row>p{max-width:340px}}
@media (max-width:760px){.manager-page .wrap{padding-left:24px;padding-right:24px}
.manager-page .preview-note{font-size:10px;padding:6px 18px}
.manager-page .nav-inner{height:68px}
.manager-page .brand img{width:116px;height:auto}
.manager-page .nav-links>a:not(.btn){display:none}
.manager-page .nav-links .btn{font-size:12px;padding:8px 14px;min-height:40px;gap:12px}
.manager-page .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:32px 0}
.manager-page .eyebrow{font-size:12px;margin-bottom:16px}
.manager-page h1{font-size:clamp(34px,9.8vw,42px);line-height:1.3;margin-bottom:18px}
.manager-page .hero-sub{font-size:16px;margin-bottom:22px}
.manager-page .hero-actions{gap:22px}
.manager-page .btn{font-size:15px;padding:12px 22px;gap:20px}
.manager-page .text-link{font-size:13px}
.manager-page .hero-speaker{width:100%;display:flex;align-items:center;gap:20px}
.manager-page .hero-speaker img{width:112px;height:146px;object-position:center 20%}
.manager-page .hero-speaker figcaption{padding:0}
.manager-page .hero-speaker strong{font-size:24px}
.manager-page .hero-speaker span{font-size:12px}
.manager-page .event-strip{grid-template-columns:1fr 1fr;gap:18px;padding-top:20px;padding-bottom:20px}
.manager-page .event-strip>div:first-child{grid-column:1/-1}
.manager-page .event-strip:before,.manager-page .event-strip:after{left:24px;right:24px}
.manager-page .event-strip strong{font-size:15px}
.manager-page .event-strip small{font-size:11px}
.manager-page .section,.manager-page .faq{padding:36px 0}
.manager-page .section-title{font-size:24px}
.manager-page .intro-row{display:block;margin-bottom:26px}
.manager-page .intro-row>p{max-width:none;margin-top:16px;font-size:14px}
.manager-page .case-list{grid-template-columns:1fr;gap:24px}
.manager-page .case{border-top:1px solid var(--line);padding-top:20px}
.manager-page .case-no{margin-bottom:6px}
.manager-page .case h3{font-size:18px}
.manager-page .case h3 br{display:none}
.manager-page .register-layout{grid-template-columns:1fr;gap:25px}
.manager-page .register-copy{padding:0}
.manager-page .register-copy>p:not(.eyebrow){font-size:14px;margin-top:14px}
.manager-page .event-facts{margin-top:20px}
.manager-page .fact{font-size:13px;padding:10px 0}
.manager-page .form-card{padding:24px 20px}
.manager-page .form-card h3{font-size:22px}
.manager-page .agenda-item{grid-template-columns:1fr;gap:5px;padding:20px 0}
.manager-page .agenda h3{font-size:18px}
.manager-page .for-you{grid-template-columns:1fr;gap:24px}
.manager-page .faq-layout{grid-template-columns:1fr;gap:24px}
.manager-page .footer-inner{align-items:start;flex-direction:column}
.manager-page .footer{padding-bottom:98px}
.manager-page .mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8f7f2;border-top:1px solid var(--line);padding:10px 24px;padding-bottom:max(10px,env(safe-area-inset-bottom));font-size:12px}
.manager-page .mobile-cta .btn{padding:10px 20px;font-size:14px;min-height:44px}
.manager-page .mobile-cta span{color:var(--soft)}
.manager-page section[id]{scroll-margin-top:16px}}
@media (prefers-reduced-motion:reduce){html:has(.manager-page){scroll-behavior:auto}}
.manager-page h1{font-size:48px}
.manager-page .hero-sub{font-size:18px;max-width:550px}
.manager-page .intro-row{align-items:start}
.manager-page .intro-row>div{min-width:0}
.manager-page .intro-row>p{flex:1}
.manager-page .intro-row .section-title{font-size:27px}
@media (max-width:1000px){.manager-page h1{font-size:38px}}
@media (max-width:760px){.manager-page h1{font-size:clamp(27px,8.2vw,34px)}
.manager-page .hero-sub{font-size:16px}
.manager-page .intro-row .section-title{font-size:24px}
.manager-page .hero-sub br{display:none}}
.manager-page .mobile-cta .btn{flex-shrink:0;white-space:nowrap}





/* Native registration keeps the two sessions equally available. */
.manager-page .native-booking { background: #fff; padding: 30px; color: #193f30; }
.manager-page .native-booking [hidden] { display: none !important; }
.manager-page .native-booking .booking-title { font-size: 25px; }
.manager-page .native-booking .booking-sub { margin-bottom: 24px; line-height: 1.8; }
.manager-page .registration-sessions { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.manager-page .field-label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 8px; }
.manager-page .field-label span { font-weight: 400; color: #53644f; }
.manager-page .session-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.manager-page .session-option { display: flex; align-items: flex-start; gap: 9px; padding: 14px 10px; border: 1px solid #aebcaf; border-radius: 7px; cursor: pointer; }
.manager-page .session-option input { width: 17px; height: 17px; margin: 5px 0 0; flex-shrink: 0; accent-color: #1f593d; }
.manager-page .session-option strong { display: block; font-size: 16px; white-space: nowrap; }
.manager-page .session-option span span { display: block; font-size: 14px; color: #4e6657; white-space: nowrap; }
.manager-page .session-option:has(input:checked) { border: 2px solid #1f593d; padding: 13px 9px; background: #f1f7e9; }
.manager-page .session-closed { background: #eee; color: #58634f; cursor: default; }
.manager-page .field-hint { font-size: 12px; color: #53644f; margin-top: 8px; }
.manager-page .registration-field { margin-bottom: 17px; }
.manager-page .registration-field input, .manager-page .registration-field select { display: block; width: 100%; min-width: 0; height: 46px; border: 1px solid #aebcaf; border-radius: 5px; background: #fff; padding: 10px 12px; font: inherit; color: #193f30; }
.manager-page .registration-field input::placeholder { color: #687764; font-size: 13px; }
.manager-page .privacy-notice { background: #f2f5ed; border-radius: 6px; padding: 13px 14px; }
.manager-page .privacy-notice h3, .manager-page .registration-notice h3 { font-size: 13px; margin: 0 0 5px; }
.manager-page .privacy-notice p, .manager-page .registration-notice p { font-size: 12px; line-height: 1.8; margin: 0; color: #53644f; }
.manager-page .registration-notice { margin-top: 20px; }
.manager-page .registration-notice a { text-decoration: underline; }
.manager-page .registration-consent { display: flex; gap: 9px; align-items: flex-start; font-size: 13px; line-height: 1.8; margin: 17px 0; }
.manager-page .registration-consent input { width: 17px; height: 17px; margin: 3px 0; flex-shrink: 0; accent-color: #1f593d; }
.manager-page .registration-submit { width: 100%; border: 0; cursor: pointer; margin-top: 6px; }
.manager-page .registration-submit:disabled { cursor: wait; opacity: .7; }
.manager-page .form-errors { padding: 12px; margin: 0 0 18px; border: 1px solid #b46648; background: #fff2e9; color: #833e23; font-size: 14px; }
.manager-page .form-errors p { margin: 0; }
.manager-page .success-mark { font-size: 42px; color: #285a3a; }
.manager-page #webinar-success h2 { font-size: 28px; margin-bottom: 15px; }
.manager-page #webinar-success p { line-height: 1.8; margin-bottom: 18px; }
.manager-page #webinar-success a { overflow-wrap: anywhere; }
.manager-page .webinar-honeypot { position: absolute; left: -9999px; }
.manager-page .native-booking input:focus-visible, .manager-page .native-booking select:focus-visible, .manager-page .native-booking button:focus-visible { outline: 3px solid #749d40; outline-offset: 3px; }
@media (max-width: 800px) {
 .manager-page .native-booking { padding: 24px 18px; }
 .manager-page .native-booking .booking-title { font-size: 23px; }
 .manager-page .session-options { gap: 8px; }
 .manager-page .session-option { padding: 12px 8px; gap: 7px; }
 .manager-page .session-option:has(input:checked) { padding: 11px 7px; }
 .manager-page .session-option strong { font-size: 14px; }
 .manager-page .session-option span span { font-size: 12px; }
 .manager-page .hero-copy .workflow { display: none; }
}

.manager-page .hero-grid { grid-template-columns: 1fr 1.05fr; align-items: start; gap: 54px; }
.manager-page .native-booking .registration-submit { background: #d8e9aa; color: #183d31; }
.manager-page .native-booking .registration-submit:hover { background: #c6de95; }
@media (max-width: 900px) { .manager-page .hero-grid { grid-template-columns: 1fr; gap: 28px; } }


.manager-page{background:#f8f7f2}.manager-page h1,.manager-page h2,.manager-page h3{color:#183a31;font-family:WebinarManagerSans,WebinarSymbols,sans-serif}.manager-page h1{line-height:1.28}.manager-page h1 span{color:#398367}.manager-page .native-booking{border:1px solid #d4ded0;border-radius:6px;padding:30px 32px}.manager-page .native-booking .registration-submit{background:#163f32;color:white}.manager-page .booking-sub{font-size:13px;color:#52665d}.manager-page .session-strip{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 40px;border-top:1px solid #bac7bc;border-bottom:1px solid #bac7bc}.manager-page .date-choice{padding:8px 0;text-decoration:none}.manager-page .date-choice strong{display:block;font-size:23px}.manager-page .date-choice span{font-size:15px}.manager-page .session-closed{opacity:.65}.manager-page .confirmation-wrap{max-width:740px;padding-top:55px;padding-bottom:55px}.manager-page .confirmation-wrap p{margin:18px 0}.manager-page .confirmation-wrap strong{overflow-wrap:anywhere}.manager-page .confirmation-wrap h1{font-size:32px}.manager-page .footer nav{display:flex;flex-wrap:wrap;gap:20px}.manager-page .footer a,.manager-page .footer button{min-height:44px;display:inline-flex;align-items:center}.manager-page .nav-links a.btn{color:#fff}body:has(.manager-page) #scrollBtnSection{display:none}@media(max-width:760px){.manager-page .session-strip{padding:20px 24px;gap:16px}.manager-page .date-choice strong{font-size:21px}.manager-page .date-choice span{font-size:12px}.manager-page .native-booking{padding:24px 18px}.manager-page .session-option{min-width:0}.manager-page .hero-sub br{display:initial}}