:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f4fb;background:#17151f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(213,105,164,.16),transparent 32%),radial-gradient(circle at 85% 85%,rgba(103,137,208,.16),transparent 34%),#17151f}.shell{width:min(1080px,calc(100% - 36px));margin:auto;padding:clamp(54px,9vh,100px) 0 34px}header{text-align:center;margin-bottom:44px}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.24em;color:#b9afc8}h1{font-size:clamp(3rem,8vw,5.6rem);line-height:.95;margin:14px 0 18px;letter-spacing:-.055em}h1 span{font-weight:300;color:#d8cde6}.lede{margin:0 auto;color:#bdb5c8;font-size:clamp(1rem,2vw,1.18rem)}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:315px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:26px;text-decoration:none;color:inherit;background:rgba(255,255,255,.045);box-shadow:0 20px 55px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease;display:flex;flex-direction:column}.card:hover,.card:focus-visible{transform:translateY(-5px);border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07);outline:none}.avatar{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:1.55rem;font-weight:800;margin-bottom:28px;background:rgba(255,255,255,.1)}.dad .avatar{background:linear-gradient(135deg,rgba(74,177,216,.28),rgba(178,123,202,.25))}.mom .avatar{background:linear-gradient(135deg,rgba(221,111,157,.28),rgba(229,174,107,.22))}.kid .avatar{background:linear-gradient(135deg,rgba(134,117,220,.3),rgba(89,170,187,.24))}.role{font-size:.7rem;font-weight:850;letter-spacing:.2em;color:#a99fb7}.card h2{font-size:2rem;margin:7px 0 5px;letter-spacing:-.035em}.card p{color:#aaa1b5;margin:0}.status{margin-top:auto;padding-top:30px;font-weight:700;color:#93899e;display:flex;justify-content:space-between;align-items:center}.status.live{color:#f3eefa}.status span{font-size:1.25rem}footer{text-align:center;color:#746c7e;font-size:.85rem;margin-top:38px}@media(max-width:760px){.shell{padding-top:52px}.profiles{grid-template-columns:1fr}.card{min-height:220px}.avatar{margin-bottom:20px}header{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}