.family-auth-page{color:#292238;width:100%;min-height:100dvh;font-family:var(--font-body,"Outfit", sans-serif);background:#f3f2f7;padding:clamp(24px,6vw,56px) 20px 32px}.family-auth-brand{font:600 27px/1.2 "Chakra Petch", var(--font-body);letter-spacing:-.05em;justify-content:center;align-items:baseline;margin-bottom:30px;display:flex}.family-auth-brand>span{color:#bd8626}.family-auth-brand>small{color:#7052a1;font:500 12px/1.2 var(--font-body);letter-spacing:0;background:#e9e1f5;border-radius:5px;margin-left:9px;padding:3px 6px}.family-auth-card{background:#fff;border:1px solid #d9d0e3;border-radius:20px;max-width:560px;margin:0 auto;overflow:hidden;box-shadow:0 10px 36px #29223808}.family-auth-card>header{background:#f8f6fc;border-bottom:1px solid #e7e0ef;padding:30px 32px 25px}.family-auth-eyebrow{color:#7052af;overflow-wrap:anywhere;font-size:14px;font-weight:500}.family-auth-card h1{letter-spacing:-.035em;margin:10px 0 0;font-size:30px;line-height:1.16}.family-auth-card header>p,.family-auth-body p,.family-auth-settings p{color:#71677c;margin:12px 0 0;font-size:15px;line-height:1.55}.family-auth-body{padding:28px 32px 30px}.family-auth-body form,.family-auth-settings form{flex-direction:column;gap:18px;display:flex}.family-auth-field{min-width:0}.family-auth-field>label{margin-bottom:8px;font-size:15px;font-weight:500;display:block}.family-auth-field>input{color:#292238;background:#fff;border:1px solid #cec4dc;border-radius:9px;width:100%;min-height:50px;padding:12px 14px;font-size:16px}.family-auth-field>input:focus-visible{outline-offset:3px;outline:2px solid #7057ce}.family-auth-field>p{margin-top:7px;font-size:13px}.family-auth-primary,.family-auth-secondary{height:auto;min-height:46px;font:500 15px/1.4 var(--font-body);text-align:center;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.family-auth-primary{color:#fff;background:#7057ce;border:1px solid #5e47b5;width:100%}.family-auth-primary:hover{background:#6148b9}.family-auth-secondary{color:#60449b;background:#f6f2fb;border:1px solid #d9cde9}.family-auth-secondary:hover{background:#ece4f5}.family-auth-primary:disabled,.family-auth-secondary:disabled{opacity:.5;cursor:not-allowed}.family-auth-primary:focus-visible,.family-auth-secondary:focus-visible,.family-auth-link:focus-visible{outline-offset:3px;outline:2px solid #7057ce}.family-auth-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.family-auth-actions>*{flex:1}.family-auth-link{color:#60449b;text-align:center;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:12px 0;font-size:15px;text-decoration:underline;display:block}.family-auth-error{color:#9c3c49;overflow-wrap:anywhere;background:#fceef0;border-left:3px solid #c55c67;border-radius:0 8px 8px 0;margin-bottom:18px;padding:12px 14px;font-size:15px;line-height:1.5}.family-auth-success{color:#356546;background:#e7f3eb;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.family-auth-recovery h2,.family-auth-settings h2{color:#292238;margin:22px 0 8px;font-size:22px;line-height:1.3}.family-auth-code{color:#292238;letter-spacing:.04em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#f8f6fc;border:1px dashed #baaacb;border-radius:10px;margin:22px 0 0;padding:18px;font:500 19px/1.65 ui-monospace,monospace;display:block}.family-auth-check{color:#574765;cursor:pointer;align-items:flex-start;gap:10px;padding:20px 0;font-size:15px;line-height:1.5;display:flex}.family-auth-check input{accent-color:#7057ce;flex-shrink:0;width:19px;height:19px;margin-top:2px}.family-auth-foot{color:#81728d;text-align:center;max-width:380px;margin:24px auto 0;font-size:14px;line-height:1.5}.family-auth-settings{color:#292238;background:#fff;border:1px solid #d9d0e3;border-radius:16px;padding:24px}.family-auth-settings h2:first-child{margin-top:0}.family-auth-settings form{margin-top:20px}.family-auth-account{overflow-wrap:anywhere;background:#f8f6fc;border-radius:10px;margin-bottom:20px;padding:15px}.family-auth-account strong{display:block}.family-auth-account span{color:#71677c;margin-top:4px;font-size:14px;display:block}@media (width<=440px){.family-auth-page{padding:25px 14px}.family-auth-brand{margin-bottom:22px}.family-auth-card>header{padding:24px 22px 22px}.family-auth-card h1{font-size:27px}.family-auth-body{padding:24px 22px}.family-auth-settings{padding:20px}.family-auth-code{padding:14px;font-size:17px}}