@font-face{font-family:Bookmania;src:url('/assets/bookmania-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lexend;src:url('/assets/lexend-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lexend;src:url('/assets/lexend-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
/* Colors and type come from the captured salonsolids theme. Darker text keeps
   the original tan and terracotta palette readable on payment screens. */
:root{--ink:#493d37;--muted:#6e625b;--heading:#746661;--tan:#caa389;--terracotta:#9d4f2a;--line:#e6dcd5;--notice:#f7f0ea}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.7 Lexend,system-ui,sans-serif}
header{max-width:1040px;margin:auto;padding:28px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{display:block;flex:none;line-height:0}
.brand img{display:block;width:220px;max-width:100%;height:auto}
header span,.small{font-size:13px;color:var(--muted)}
main{max-width:720px;margin:56px auto;padding:0 28px 50px}
h1{font:400 clamp(30px,4vw,40px)/1.25 Bookmania,Georgia,serif;color:var(--heading);letter-spacing:-.6px;margin:12px 0 22px}
.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--terracotta);font-weight:600}
.intro{font-size:16px;color:var(--muted)}
aside{background:var(--notice);border:1px solid #eee0d5;border-radius:8px;padding:20px 24px;margin:28px 0}
aside p{margin:5px 0 0}
.subscription{background:#fff;border:1px solid var(--line);padding:22px 24px;border-radius:8px;margin:16px 0}
.subscription h2{font-size:17px;font-weight:600;margin:0 0 10px}
.subscription p{margin:5px 0}
.price{font-size:22px;font-weight:600}
.agreement{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:25px 0}
input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:3px;accent-color:var(--terracotta)}
button,.button{display:inline-block;border:1px solid transparent;background:var(--tan);color:#35271f;border-radius:6px;padding:15px 24px;font:600 15px/1.5 Lexend,system-ui,sans-serif;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .15s}
button:hover,.button:hover{background:#bc9174}
form button{width:100%}
button:disabled{opacity:.65;cursor:wait}
a{color:var(--terracotta);text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}
footer{border-top:1px solid var(--line);margin-top:36px;padding-top:16px}
footer p{margin:8px 0}
#status:not(:empty){padding:16px 0;color:var(--muted)}
[hidden]{display:none!important}
@media(max-width:520px){header{padding:22px;gap:14px}.brand img{width:170px}header span{font-size:11px}main{margin-top:32px;padding:0 22px 36px}aside,.subscription{padding:18px}.subscription h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}

#start-date{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:14px;border:1px solid #aaa;border-radius:6px;background:white;color:inherit;font:inherit}#chosen-date{font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}