.button-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:550;text-decoration:none}.button-link.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.signup-panel{margin-bottom:20px;overflow:visible}.signup-loading{padding:20px}.signup-loading p{margin:0}.signup-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px}.signup-intro h2{margin:8px 0 6px}.signup-intro p{max-width:650px;margin:0}.signup-intro .badge{vertical-align:middle;margin-left:7px}.signup-details{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:22px;border-top:1px solid var(--line)}.signup-qr{display:flex;flex-direction:column;gap:10px}.signup-qr img{display:block;width:190px;height:190px;border:1px solid var(--line);border-radius:10px}.signup-qr .button-link{font-size:12px}.signup-link{align-self:center;max-width:720px}.signup-link>label{display:block;margin-bottom:8px;font-size:12px;font-weight:600}.signup-link>div{display:flex;gap:8px}.signup-link input{font-size:12px}.signup-link p{margin:12px 0;font-size:12px}.signup-link>.quiet{padding-left:0;font-size:11px}
.join-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) minmax(0,1fr);background:#fff}.join-art{min-height:100vh;padding:48px 58px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 10% 100%,#283650 0,transparent 65%),#181c26;color:#fff;background-size:cover;background-position:center}.join-art .brand{color:#fff}.join-art>div:last-child{margin:auto 0;max-width:480px}.join-art h1{margin:20px 0 14px;font-size:54px;line-height:1.05}.join-art p{max-width:380px;color:#d3d9e6;font-size:16px}.join-main{display:flex;align-items:center;justify-content:center;padding:42px}.join-card{width:100%;max-width:520px}.join-card>h1{margin:14px 0 10px}.join-card>p{margin-bottom:28px}.join-card form>.primary{width:100%;margin-top:6px}.join-success{text-align:center}.join-check{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 24px;border-radius:50%;background:#e9efff;color:var(--accent);font-size:25px;font-weight:700}.join-success h1{margin-top:14px}.join-success .button-link{margin-top:14px}.join-invalid{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.join-invalid .mark{margin-bottom:22px;background:var(--accent);color:#fff;border:0;border-radius:10px}.join-invalid p{max-width:430px}
.join-main{align-items:flex-start}.join-card{max-width:580px}.join-card>p{margin-bottom:22px}.join-section{padding:20px 0 4px;border-top:1px solid var(--line)}.join-section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px}.join-section-heading>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.join-section-heading h2{margin:1px 0 3px;font:600 16px Figtree,Arial,sans-serif;letter-spacing:0}.join-section-heading p{margin:0;font-size:12px;line-height:1.5}.join-family{padding-bottom:20px}.join-add-person{width:100%;border-style:dashed;background:#fafbff;color:#3156cf}.join-family-help{display:block;margin-top:10px;color:var(--muted);line-height:1.5}.join-person{margin-bottom:12px;padding:15px;border:1px solid #d9dfec;border-radius:10px;background:#fafbfe}.join-person-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.join-person-head button{border:0;background:transparent;color:var(--red);padding:4px;font-size:11px}.join-person .field:last-child{margin-bottom:0}.join-person .field label span{color:var(--muted);font-weight:400}.join-submit{min-height:46px}
@media(max-width:800px){.signup-details{grid-template-columns:170px minmax(0,1fr)}.signup-qr img{width:160px;height:160px}.join-page{grid-template-columns:1fr}.join-art{min-height:230px;padding:28px}.join-art>div:last-child{margin:50px 0 0}.join-art h1{font-size:38px}.join-main{padding:34px 22px}}
@media(max-width:600px){.signup-intro{align-items:flex-start;flex-direction:column;padding:18px}.signup-intro>button{width:100%}.signup-details{grid-template-columns:1fr;padding:18px}.signup-qr{align-items:center}.signup-link>div{flex-direction:column}.signup-link button{width:100%}.join-art{min-height:112px;padding:18px}.join-art>div:last-child{display:none}.join-main{padding:24px 18px 36px}.join-card .form-grid{grid-template-columns:1fr;gap:0}.join-card .field{gap:6px;margin-bottom:12px}.join-card h1{font-size:30px}.join-card>p{margin-bottom:19px}.join-section{padding-top:16px}.join-section-heading{margin-bottom:12px}.join-person{padding:13px}.join-submit{box-shadow:0 8px 24px #21345d1f}}