html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{color:#17252a;background:#f7f8f6;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.center{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.site-header{background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.5rem,7vw,7rem);display:flex}.site-header button{background:#fff;border:1px solid #d7dfdc;border-radius:8px;padding:.5rem .7rem}.brand-link{color:inherit;font-weight:800;text-decoration:none}.logo{color:#fff;background:#0a766a;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:.5rem;display:inline-grid}.hero-section{color:#fff;background:radial-gradient(circle at 80% 10%,#e0b3694d,#0000 30%),linear-gradient(135deg,#07584f,#06383f);align-items:center;min-height:420px;padding:4rem clamp(1.5rem,12vw,12rem);display:grid}.hero-section>div{max-width:780px}.eyebrow{color:#e6b96f;letter-spacing:.18em;font-weight:800}.hero-section h1{margin:1.2rem 0;font-size:clamp(2.5rem,6vw,5rem);line-height:1.08}.hero-section p{color:#c8dcda;font-size:1.1rem;line-height:1.8}.dates{flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;display:flex}.dates span{background:#ffffff1f;border-radius:999px;padding:.65rem .9rem}.registration-section{background:#fff;border-radius:18px;width:min(760px,100% - 2rem);margin:-42px auto 4rem;padding:clamp(1.5rem,5vw,3rem);position:relative;box-shadow:0 20px 50px #0b2b2a1f}.form-intro{margin-bottom:2rem}.form-intro>span{color:#0a766a;font-weight:750}.form-intro h2{margin:.5rem 0;font-size:2rem}.form-intro p,.hint,.closed p{color:#64736f}.registration-section form{gap:1.2rem;display:grid}.registration-section label{gap:.5rem;font-weight:650;display:grid}.registration-section input{border:1px solid #d5dedb;border-radius:10px;outline:none;width:100%;padding:.9rem 1rem}.registration-section input:focus{border-color:#0a766a;box-shadow:0 0 0 3px #0a766a1f}.two-cols{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.consent{grid-template-columns:auto 1fr;align-items:start;line-height:1.5;font-weight:400!important}.consent input{width:18px;margin-top:.2rem}.submit,.primary{color:#fff;text-align:center;background:#0a766a;border:0;border-radius:10px;padding:1rem 1.2rem;font-weight:750;text-decoration:none;display:inline-block}.submit:disabled{opacity:.6}.form-error{color:#a4332b;background:#fff0ee;border-radius:8px;margin:0;padding:.8rem}.footer{text-align:center;color:#75827f;padding:2rem}.success-card,.error-card{text-align:center;background:#fff;border-radius:20px;width:min(520px,100%);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 20px 60px #09322f21}.result-page{background:linear-gradient(145deg,#eaf3f0,#f8f4ec)}.success-mark{color:#fff;background:#13916f;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:1.7rem;display:grid}.qr{width:min(300px,100%);margin:1.5rem auto;display:block}.member-code{background:#f0f6f4;border-radius:10px;gap:.3rem;padding:1rem;display:grid}.member-code span{color:#64736f}.member-code strong{color:#07584f;letter-spacing:.06em;font-size:1.6rem}.actions{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.4rem;display:grid}.secondary{color:#173f3b;background:#fff;border:1px solid #cfd9d6;border-radius:10px;padding:.9rem;font-weight:700}.closed{text-align:center;background:#f4f5f3;border-radius:12px;padding:2rem}@media (width<=600px){.hero-section{min-height:360px;padding-top:3rem}.two-cols,.actions{grid-template-columns:1fr}.registration-section{margin-top:-28px}}.events-hero{color:#fff;text-align:center;background:radial-gradient(circle at 80% 10%,#e0b36947,#0000 30%),linear-gradient(135deg,#07584f,#06383f);padding:clamp(3.5rem,8vw,7rem) clamp(1.5rem,8vw,8rem)}.events-hero h1{max-width:900px;margin:1rem auto;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.1}.events-hero p{color:#c8dcda;max-width:650px;margin:auto;font-size:1.1rem;line-height:1.7}.events-section{width:min(1180px,100% - 2rem);margin:-36px auto 4rem;position:relative}.events-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.2rem;display:grid}.event-list-card{background:#fff;border:1px solid #dfe7e4;border-radius:18px;flex-direction:column;gap:1rem;min-height:360px;padding:1.6rem;display:flex;box-shadow:0 14px 35px #0b2b2a1a}.event-list-card h2{margin:1rem 0 .6rem;font-size:1.5rem}.event-list-card p{color:#64736f;line-height:1.65}.availability{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800;display:inline-block}.availability.open{color:#116146;background:#ddf3e9}.availability.not_open{color:#775c25;background:#f6edd8}.availability.closed{color:#6c5555;background:#f1e9e9}.event-list-dates{color:#3e5752;gap:.4rem;margin-top:auto;font-size:.92rem;display:grid}.event-link{margin-top:.5rem}.empty-events{text-align:center;background:#fff;border-radius:18px;padding:4rem 2rem;box-shadow:0 14px 35px #0b2b2a14}.error-card .primary{margin-top:1rem}