.checkout{max-width:720px;margin:0 auto;padding:36px 20px 80px;font-size:1rem;line-height:1.6}.checkout h1{font-size:clamp(2.4rem,8vw,4rem);line-height:1.05;margin:20px 0}.checkout h2{font-size:1.6rem;margin:24px 0 12px}.checkout a{color:#75c9ff}.checkout .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout label{display:flex;flex-direction:column;gap:7px}.checkout input,.checkout select{width:100%;min-width:0;background:#161c23;border:1px solid #637180;border-radius:4px;padding:12px;color:#fff;font:inherit}.checkout [hidden]{display:none!important}.checkout .check{flex-direction:row;align-items:flex-start;gap:12px;margin:24px 0}.checkout .check input{width:22px;height:22px;flex:0 0 auto}.checkout .order-summary{padding:20px;background:#121b25;border:1px solid #32506c;margin-top:24px}.checkout .order-summary p{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.checkout .total{border-top:1px solid #587088;padding-top:12px;font-size:1.3rem}.checkout .button{margin:8px 8px 8px 0;font-size:1rem}.checkout #checkout-error{padding:16px;border:1px solid #cb6a6a;background:#351818;color:#ffd0d0}.checkout #order-status{overflow-wrap:anywhere}.checkout .hp{position:absolute;left:-10000px}.checkout :focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:520px){.checkout .form-grid{grid-template-columns:1fr}.checkout .button{width:100%}}

/* Explicit membership outcomes, including failures before card entry. */
.checkout #membership-message{padding:18px 20px;border:2px solid #81bdf5;border-left-width:7px;border-radius:8px;background:#142d48;color:#e0f0ff;font-size:1.08rem;font-weight:750;line-height:1.6;overflow-wrap:anywhere}
.checkout #membership-message[data-state="success"]{background:#123d27;color:#e1ffec;border-color:#60d38a}
.checkout #membership-message[data-state="error"]{background:#451e24;color:#ffe3e7;border-color:#ff8d9e}
.checkout #membership-message[data-state="warning"]{background:#3c3012;color:#fff0bc;border-color:#edc661}
.checkout #membership-result[data-state="success"] h2{color:#a8f0c0}
.checkout #membership-result[data-state="error"] h2{color:#ffacb8}
.checkout #membership-result[data-state="warning"] h2{color:#ffdf82}
.checkout #membership-diagnostic{padding:12px 16px;border:1px solid #627184;border-radius:6px;background:#141c26;color:#dce5ee;font-size:.95rem;overflow-wrap:anywhere}