:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#14161f;color:#f4f2ee}.hub{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1.5rem}.hub__grid{display:flex;flex-wrap:wrap;gap:2.25rem;justify-content:center;max-width:40rem}.hub__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:8.5rem;text-decoration:none;color:inherit}.hub__icon{display:flex;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;border-radius:1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #00000059;transition:transform .15s ease,background .15s ease}.hub__icon--photo{overflow:hidden}.hub__icon--photo img{width:100%;height:100%;object-fit:cover}.hub__icon--round{border-radius:999px}.hub__icon img{width:60%;height:60%;object-fit:contain}.hub__icon--round img{width:100%;height:100%;border-radius:999px;object-fit:cover}.hub__tile:hover .hub__icon,.hub__tile:focus-visible .hub__icon{transform:translateY(-3px);background:#ffffff1a}.hub__label{font-size:.95rem;font-weight:600;text-align:center;letter-spacing:.01em}