.family-page{color:#f9f4ea;background:#101b30;min-height:100vh;font-family:Onest,sans-serif;overflow:hidden}.family-page *{box-sizing:border-box}.family-page a{color:inherit;text-decoration:none}.family-page button{font:inherit;cursor:pointer}.family-page :focus-visible{outline-offset:4px;outline:3px solid #ffd77e}.family-nav,.family-hero,.family-status,.family-districts,.family-games,.family-parent,.family-partners,.family-footer{max-width:1440px;margin-left:auto;margin-right:auto}.family-nav{color:#d7e3e9;border-bottom:1px solid #fff2;align-items:center;gap:24px;height:80px;padding:0 48px;font-size:13px;display:flex}.family-nav a{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.family-nav>span{letter-spacing:2px;color:#a6bac4;margin:auto;font-size:11px}.family-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:30px;min-height:590px;padding:60px 48px 72px;display:grid;position:relative}.family-hero:before{content:"";pointer-events:none;filter:blur(18px);background:radial-gradient(#305b6b77,#0000 66%);width:700px;height:500px;position:absolute;top:12%;left:35%}.family-hero-copy{z-index:2;position:relative}.family-overline,.family-section-heading>span,.family-parent>div>span,.family-partners>div>span{color:#ffdba3;letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.family-hero h1{letter-spacing:-5px;max-width:800px;margin:24px 0;font-size:clamp(52px,5.7vw,90px);font-weight:600;line-height:1.04}.family-hero h1 em{color:#b8e8cf;font-style:normal}.family-hero-copy>p{color:#cfdfdf;max-width:590px;margin:0 0 29px;font-size:18px;line-height:1.65}.family-main-action,.family-partners>a{background:#ffda8d;border-radius:100px;justify-content:space-between;align-items:center;gap:20px;padding:15px 23px;font-size:14px;font-weight:700;display:inline-flex;color:#17223a!important}.family-hero-note{color:#acc6cc;gap:11px;max-width:520px;margin-top:24px;font-size:13px;line-height:1.6;display:flex}.family-hero-note svg{flex:none;margin-top:2px}.family-art{isolation:isolate;place-items:center;height:480px;display:grid;position:relative}.family-art-planet{aspect-ratio:1;z-index:2;background:radial-gradient(circle at 27% 24%,#e8f8dd 0,#8ddfc4 9%,#5db2bd 33%,#348bab 62%,#184765 100%);border-radius:50%;width:min(380px,76%);position:relative;overflow:hidden;transform:rotate(-13deg);box-shadow:inset -42px -36px 60px #10394eaa,0 0 90px #5bc8ad40,0 0 0 15px #ffffff08}.family-art-land{filter:blur(.5px);background:#c6df89;border-radius:55% 45% 50% 44%;position:absolute;box-shadow:inset -15px -9px 30px #60b88177}.land-one{width:190px;height:150px;top:103px;left:-25px;transform:rotate(20deg)}.land-two{background:#f4c986;width:183px;height:135px;top:174px;right:-45px;transform:rotate(-33deg)}.land-three{background:#a9d98c;width:120px;height:100px;bottom:-26px;left:150px}.family-art-cloud{filter:blur(8px);background:#fafff0aa;border-radius:50px;width:90px;height:26px;position:absolute}.cloud-one{top:85px;right:70px}.cloud-two{bottom:95px;left:34px}.family-orbit{z-index:3;border:2px solid #ffdbad77;border-radius:50%;width:480px;height:210px;position:absolute;transform:rotate(-28deg)}.orbit-two{z-index:1;border-color:#b4eed066;width:480px;height:220px;transform:rotate(38deg)}.family-satellite{color:#ffe2a7;z-index:4;text-shadow:0 0 30px #ffe2a7;font-size:34px;position:absolute}.sat-one{top:21%;left:8%}.sat-two{color:#ffbdcb;top:17%;right:9%}.sat-three{color:#ffdf98;bottom:14%;right:15%}.family-art-caption{color:#cbe1db;letter-spacing:2px;justify-content:space-between;gap:10px;font-size:10px;display:flex;position:absolute;bottom:12px;left:14%;right:14%}.family-status{background:#2c625c34;border-block:1px solid #4b7c7870;justify-content:space-between;align-items:center;gap:24px;margin-top:-12px;padding:21px 48px;display:flex}.family-status strong{color:#ffdb9f;white-space:nowrap}.family-status p{color:#c5d8d8;max-width:700px;margin:0;font-size:13px;line-height:1.6}.family-status span{letter-spacing:1.2px;color:#b6d2c7;white-space:nowrap;font-size:10px}.family-districts,.family-games{padding:100px 48px 20px}.family-section-heading h2,.family-parent h2,.family-partners h2{letter-spacing:-2px;max-width:900px;margin:16px 0;font-size:clamp(34px,3.4vw,56px);line-height:1.15}.family-section-heading p{color:#b8cbd1;max-width:730px;margin:0 0 36px;font-size:16px;line-height:1.7}.family-district-layout{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:19px;display:grid}.family-district-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.family-district-card{text-align:left;color:#f7f3eb;background:#203c4d;border:1px solid #53737a;border-radius:19px;flex-direction:column;align-items:start;min-height:200px;padding:23px;transition:transform .2s,border-color .2s,background .2s;display:flex}.family-district-card:nth-child(2){background:#293e59}.family-district-card:nth-child(3){background:#334759}.family-district-card:nth-child(4){background:#2d4352}.family-district-card:hover{transform:translateY(-3px)}.family-district-card.selected{border-color:#ffdc9a;box-shadow:inset 0 0 0 1px #ffdc9a}.family-card-top{color:#ffda9d;justify-content:space-between;align-items:center;width:100%;display:flex}.family-card-top small{letter-spacing:1.6px;font-size:10px}.family-district-card strong{letter-spacing:-.7px;margin:23px 0 6px;font-size:24px}.family-district-card>span:nth-of-type(2){color:#c7dcdf;font-size:14px;line-height:1.55}.family-district-card>svg{color:#ffda9d;margin:15px 0 0 auto}.family-district-detail{color:#192d3f;background:linear-gradient(150deg,#fbd69b,#f2b9a7);border-radius:20px;flex-direction:column;align-items:start;min-height:415px;padding:28px;display:flex}.family-district-detail>span{letter-spacing:1.8px;font-size:10px;font-weight:700}.family-district-symbol{color:#6b9e92;text-shadow:0 8px #fff6;align-self:center;margin:auto;font-size:100px;line-height:1.2}.symbol-learn{color:#577fbb}.symbol-calm{color:#b46f91}.symbol-parent{color:#9f8873}.family-district-detail h3{letter-spacing:-1px;margin:0 0 8px;font-size:30px}.family-district-detail p{margin:0 0 18px;font-size:15px;line-height:1.55}.family-district-detail small{border-top:1px solid #1d3c4840;padding-top:14px;font-size:12px;line-height:1.6}.family-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.family-game{background:#1c3345;border:1px solid #62777e;border-radius:22px;flex-direction:column;min-height:500px;padding:30px;display:flex}.family-game:nth-child(2){background:#23384a}.family-game-tag{letter-spacing:1.7px;color:#ffdfa4;font-size:10px;font-weight:700}.family-game h3{letter-spacing:-1px;margin:17px 0 7px;font-size:31px}.family-game>p{color:#cadae0;margin:0 0 20px;font-size:15px;line-height:1.55}.family-pattern,.family-memory{flex-wrap:wrap;gap:9px;display:flex}.family-pattern>span{color:#35616e;background:#e9eee1;border-radius:12px;place-items:center;width:56px;height:58px;font-size:27px;display:grid}.family-choices{gap:10px;margin:22px 0;display:flex}.family-choices button,.family-memory button{color:#f8f3e9;background:#2f5662;border:1px solid #a1c9bf;border-radius:11px;place-items:center;width:56px;height:56px;font-size:25px;display:grid}.family-choices button[aria-pressed=true]{color:#244050;background:#ffd596;border-color:#ffd596}.family-memory{grid-template-columns:repeat(4,1fr);gap:10px;max-width:360px;display:grid}.family-memory button{width:100%;height:72px}.family-memory button[aria-pressed=true]{color:#244050;background:#ffd596}.family-memory button.matched{color:#174a45;background:#a9dfbd}.family-game .family-answer{min-height:50px;margin:8px 0 15px;font-size:13px}.family-answer.correct{color:#b8ebc2}.family-answer.try-again{color:#ffe0a1}.family-next{color:#ffdb9a;background:0 0;border:1px solid #ffdb9a88;border-radius:100px;align-self:start;align-items:center;gap:9px;margin-top:auto;padding:10px 16px;font-size:13px;display:inline-flex}.family-parent{background:linear-gradient(120deg,#244d57,#1b344b);border-radius:25px;grid-template-columns:1fr 1fr;gap:50px;margin-top:95px;padding:56px 48px;display:grid}.family-parent>div>p,.family-partners p{color:#c5d9d8;max-width:530px;font-size:16px;line-height:1.75}.family-parent ol{margin:0;padding:0;list-style:none}.family-parent li{border-bottom:1px solid #ffffff2b;grid-template-columns:42px 1fr;gap:4px 15px;padding:17px 0;display:grid}.family-parent li b{color:#ffdc9b;grid-row:span 2;font-size:12px}.family-parent li strong{font-size:17px}.family-parent li span{color:#b9d1d3;font-size:13px;line-height:1.6}.family-partners{justify-content:space-between;align-items:end;gap:25px;padding:100px 48px;display:flex}.family-partners>a{flex:none}.family-footer{color:#a8c0c9;letter-spacing:1px;border-top:1px solid #ffffff30;justify-content:space-between;gap:20px;padding:28px 48px 45px;font-size:12px;display:flex}@media (max-width:1000px){.family-hero{grid-template-columns:1fr;padding-top:55px}.family-art{height:380px}.family-art-planet{width:310px}.family-orbit{width:400px}.family-status{flex-wrap:wrap}.family-district-layout{grid-template-columns:1fr}.family-district-detail{min-height:300px}.family-parent{grid-template-columns:1fr}.family-partners{display:block}.family-partners>a{margin-top:15px}}@media (max-width:680px){.family-nav{height:68px;padding:0 20px}.family-nav>span{display:none}.family-nav>a:last-child{margin-left:auto}.family-hero{min-height:0;padding:46px 20px 50px}.family-hero h1{letter-spacing:-2.8px;font-size:clamp(43px,10vw,65px)}.family-hero-copy>p{font-size:16px}.family-art{height:300px}.family-art-planet{width:230px}.family-orbit{width:300px;height:130px}.family-art-caption{font-size:8px}.family-status{padding:20px}.family-status span{white-space:normal}.family-districts,.family-games{padding:65px 20px 10px}.family-district-grid,.family-game-grid{grid-template-columns:1fr}.family-district-card{min-height:170px}.family-district-detail{min-height:280px}.family-game{min-height:0;padding:23px}.family-parent{margin:65px 20px 0;padding:35px 24px}.family-partners{padding:65px 20px}.family-footer{flex-wrap:wrap;padding:25px 20px 38px}.family-section-heading h2,.family-parent h2,.family-partners h2{font-size:34px}.family-pattern>span{width:47px;height:50px}.family-choices button{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.family-district-card{transition:none}}