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}.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}}