.hub{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden}.hub-inner{display:grid;gap:clamp(1.5rem,3vh,2.5rem);width:100%}.hub-header{text-align:center}.hub-header h1{color:#ebeff7;font-size:clamp(2rem,4.8vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1}.hub-header p{color:#d2dced;font-size:clamp(.95rem,1.8vw,1.1rem);margin-top:.7rem}.hub-cards{display:grid;gap:1rem}.hub-card{background:rgba(13,17,23,.42);border:1px solid hsla(0,0%,100%,.12);display:block;padding:clamp(1.15rem,2.4vw,2rem);text-align:center;text-decoration:none;transition:transform var(--motion) var(--ease),border-color var(--motion) var(--ease),background-color var(--motion) var(--ease)}.hub-card h2{color:#ebeff7;font-size:clamp(1.05rem,2.1vw,1.2rem);font-weight:600;letter-spacing:-.01em;line-height:1.12}.hub-card p{color:#aab6cc;font-size:clamp(.84rem,1.4vw,.92rem);line-height:1.4;margin-top:.5rem}.hub-card span{color:#6ca6ff;display:block;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.1em;margin-top:.85rem;text-transform:uppercase}.hub-card:focus-visible,.hub-card:hover{background:rgba(18,24,33,.58);border-color:rgba(108,166,255,.8);outline:none;transform:translateY(-4px)}@media (min-width:768px){.hub-cards{gap:1.25rem;grid-template-columns:repeat(3,1fr)}}