.registration-availability{border:1px solid #3b3b42;border-left:4px solid var(--color-accent);background:#151518;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:24px;display:flex}.registration-availability h3{margin-bottom:8px;font-size:22px}.registration-availability p{margin:0;font-size:13px}.registration-slots{text-align:center;flex-shrink:0}.registration-slots strong{font-variant-numeric:tabular-nums;color:#fff;font-size:64px;font-weight:800;line-height:1;display:block}.registration-slots span{color:#bbb;margin-top:10px;font-size:12px;display:block}.payment-dialog{color:#fff;background:#17171b;border:1px solid #55555e;width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);padding:32px 24px;overflow:auto}.payment-dialog::backdrop{background:#000b}.payment-dialog h2{margin:20px 0;font-size:28px}.payment-dialog p{font-size:14px}.payment-dialog .payment-amount{color:#fff;margin:0;font-size:38px;font-weight:800}.payment-close{color:#fff;background:0 0;border:0;width:44px;height:44px;font-size:30px;position:absolute;top:8px;right:12px}.payment-dialog .button{white-space:normal;max-width:100%}.payment-dialog>.button{margin-top:24px}.payment-details{border:1px solid #44444d;margin:24px 0;padding:20px}.payment-details dt{color:#aaa;font-size:12px}.payment-details dd{margin:6px 0 18px;font-size:20px;font-weight:700}.payment-details dd:last-child{margin-bottom:0}.registration-inbox{gap:12px;margin:24px 0;display:grid}.registration-inbox article{background:#151518;border:1px solid #444;padding:18px}.registration-inbox p{margin-bottom:8px}.registration-inbox .actions{flex-wrap:wrap}@media (max-width:430px){.registration-availability{gap:16px;padding:20px 16px}.registration-availability h3{font-size:18px}.registration-slots strong{font-size:48px}.registration-dialog{padding:24px 16px}}.hero h1{font-size:clamp(44px,6vw,84px)}.hero h1 b{display:block}.registration-availability{margin-top:28px}@media (max-width:700px){.hero h1{font-size:48px}.hero h1 span{font-size:24px}}@media (max-width:350px){.hero h1{font-size:42px}.hero h1 span{font-size:22px}}
