:root{color-scheme:light;--ink:#171717;--muted:#72706b;--gold:#b78f42;--gold-dark:#93702f;--cream:#fff9eb;--line:#e8ddc4;--sans:"Nunito Sans","DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{min-height:100svh;background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;align-items:center;padding:0 20px 26px}
.progress-wrap{width:min(100%,400px);height:24px;margin:0 auto;display:flex;align-items:center;gap:10px}
.progress-track{height:3px;flex:1;overflow:hidden;border-radius:99px;background:#e7e5e1}
.progress-track span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b89a55,#dfc477)}
.progress-label{color:#6c6961;font-size:9px;font-weight:800}
.topbar{position:relative;width:min(100%,650px);height:119px;display:flex;align-items:center;justify-content:center}
.brand-wordmark{display:flex;flex-direction:column;align-items:center;color:#866b36;line-height:1}
.brand-kicker{font-size:7px;font-weight:800;letter-spacing:.28em}
.brand-main{margin-top:1px;font-family:"Playfair Display",Georgia,serif;font-size:31px;font-weight:700;letter-spacing:-.07em}
.brand-sub{margin-top:-1px;font-size:6px;font-weight:800;letter-spacing:.17em}
.brand-by{margin-top:3px;font-family:"Playfair Display",Georgia,serif;font-size:7px;font-style:italic}
.counter{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#77736b;font-size:8px;font-weight:800;letter-spacing:.12em}
.confirmation{width:min(100%,650px);margin:auto 0;text-align:center;padding:14px 0 34px}
.eyebrow{width:max-content;max-width:100%;margin:0 auto 20px;padding:10px 25px;border:1px solid #efe4ce;border-radius:99px;background:var(--cream);color:var(--gold-dark);font-size:9px;font-weight:900;letter-spacing:.17em}
h1{margin:0;color:#151515;font-family:var(--sans);font-size:clamp(34px,7vw,48px);font-weight:900;line-height:1.06;letter-spacing:-.04em;text-transform:uppercase}
.intro{max-width:500px;margin:18px auto 25px;color:var(--muted);font-size:14px;line-height:1.7}
.intro strong{color:#292824;font-weight:800}
.notice{max-width:500px;margin:0 auto;padding:18px 21px;text-align:left;border:1px solid #eadfc7;border-radius:15px;background:#fffdf8}
.notice p{margin:0;color:#67645e;font-size:13px;line-height:1.65}
.notice .notice-title{margin-bottom:6px;color:#916f32;font-size:12px;font-weight:900;letter-spacing:.04em}
.notice-title span{width:17px;height:17px;margin-right:6px;border-radius:50%;background:#f4e9ce;display:inline-grid;place-items:center;font-size:11px}
.notice strong{color:#25231f}
.whatsapp-button{position:relative;width:min(100%,500px);min-height:60px;margin:19px auto 0;padding:0 50px 0 22px;border:1px solid #20bd5b;border-radius:13px;background:linear-gradient(100deg,#25d366,#128c7e);box-shadow:0 9px 30px rgba(37,211,102,.24);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.025em;transition:transform .18s,filter .18s}
.whatsapp-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.whatsapp-button:focus-visible{outline:3px solid #173d2b;outline-offset:4px}
.whatsapp-button svg{width:22px;height:22px;fill:currentColor;flex:none}
.arrow{position:absolute;right:19px;font-size:19px;font-weight:600}
.hint{margin:12px 0 0;color:#79766f;font-size:10px}
.event-details{margin:31px auto 0;color:#8c8064;font-size:8px;font-weight:900;letter-spacing:.13em;line-height:1.7}
.event-details span{padding:0 4px;color:#c3a15c}
footer{width:min(100%,650px);margin-top:20px;padding-top:17px;border-top:1px solid #ece9e2;color:#88847c;font-size:8px;font-weight:800;letter-spacing:.13em;text-align:center}
footer span{color:#b5a374}
@media(max-width:480px){body{padding:0 18px 20px}.progress-wrap{width:calc(100% - 18px)}.topbar{height:100px}.brand-main{font-size:28px}.counter{font-size:7px}.confirmation{padding:10px 0 25px}.eyebrow{margin-bottom:17px;padding:9px 17px;font-size:8px}.intro{font-size:13px;margin:15px auto 21px}.notice{padding:15px}.notice p{font-size:12px}.whatsapp-button{min-height:58px;padding-left:15px;font-size:12px}.event-details{max-width:330px;margin-top:25px;font-size:7px;letter-spacing:.09em}footer{font-size:7px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}