.family-feature-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;margin:0 0 24px;padding:20px 24px;border:2px solid #ded5ff;border-radius:22px;background:linear-gradient(120deg,#f3efff,#fff7eb);box-shadow:0 6px 0 #e8e1fb;color:#34415f}
.family-feature-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:#fff;font-size:32px;box-shadow:0 4px 0 #e4dcf6}
.family-feature-copy small{color:#7660c7;font-size:11px;font-weight:900}.family-feature-copy h2{margin:3px 0 5px;font-size:20px}.family-feature-copy p{margin:0;color:#748098;font-size:12px;line-height:1.55}.family-feature-points{display:flex;gap:8px}.family-feature-points span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.8);font-size:11px;font-weight:800;white-space:nowrap}.family-feature-banner>button{border:0;border-radius:13px;padding:13px 16px;background:#7059d6;color:#fff;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 #5240aa}.family-feature-banner>button:hover{transform:translateY(-1px)}
.family-feature-banner.family-feature-compact{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;margin:28px 0 8px;padding:14px 18px;border-width:1px;border-radius:18px;box-shadow:0 4px 0 #e8e1fb}.family-feature-compact .family-feature-icon{width:46px;height:46px;border-radius:14px;font-size:25px}.family-feature-compact .family-feature-copy small,.family-feature-compact .family-feature-points{display:none}.family-feature-compact .family-feature-copy h2{margin:0 0 3px;font-size:16px}.family-feature-compact .family-feature-copy p{font-size:11px}.family-feature-compact>button{padding:10px 14px;font-size:12px;box-shadow:0 3px 0 #5240aa}
.family-hub-dialog{width:min(680px,calc(100% - 28px));max-width:none;border:0;padding:0;background:transparent;color:#34415f}.family-hub-dialog::backdrop{background:rgba(28,36,58,.62);backdrop-filter:blur(5px)}.family-hub-card{position:relative;padding:30px;border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(28,36,58,.28)}.family-hub-close{position:absolute;right:15px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#edf1f7;color:#4b5871;font-size:22px;cursor:pointer}.family-hub-kicker{color:#7059d6;font-size:12px;font-weight:900}.family-hub-card h2{margin:7px 42px 7px 0;font-size:28px}.family-hub-card>p{margin:0;color:#748098;line-height:1.7}.family-hub-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.family-hub-steps span{padding:12px;border-radius:14px;background:#f5f2ff;font-size:12px;font-weight:800;line-height:1.5}.family-hub-games{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.family-hub-game{display:flex;align-items:center;gap:10px;padding:13px;border:2px solid #e6ebf2;border-radius:15px;color:#34415f;text-decoration:none;font-weight:900;transition:.18s}.family-hub-game:hover{border-color:#8975df;background:#f8f6ff;transform:translateY(-2px)}.family-hub-game b{font-size:25px}.family-hub-note{display:block;margin-top:16px;color:#8b96aa;font-size:11px;text-align:center}
@media(max-width:850px){.family-feature-banner{grid-template-columns:auto 1fr}.family-feature-points{grid-column:2}.family-feature-banner>button{grid-column:2;justify-self:start}.family-hub-steps,.family-hub-games{grid-template-columns:1fr}}
@media(max-width:560px){.family-feature-banner{gap:12px;padding:16px}.family-feature-icon{width:50px;height:50px;font-size:26px}.family-feature-copy h2{font-size:17px}.family-feature-points{flex-wrap:wrap}.family-feature-banner>button{width:100%}.family-hub-card{padding:24px 18px}.family-hub-card h2{font-size:23px}}