.hub{--hub-cream:#f4f2ec;--hub-dark:#1d2833;--hub-gold:#c9a227;--hub-gold-soft:#d8b64a;--hub-grey:#b9bbbb;min-height:100dvh;background:var(--hub-cream);color:var(--hub-dark);font-family:Manrope,DM Sans,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 56px;position:relative}.hub,.hub-bg{overflow:hidden}.hub-bg{position:absolute;inset:0;pointer-events:none}.hub-bg i{position:absolute;display:block;transform:rotate(45deg)}.hub-bg .bg1{width:46vmax;height:46vmax;left:-25vmax;top:-20vmax;background:#2b3540}.hub-bg .bg2{width:40vmax;height:40vmax;right:-22vmax;top:-18vmax;background:#2b3540}.hub-bg .bg3{width:42vmax;height:42vmax;left:-22vmax;bottom:-24vmax}.hub-bg .bg3,.hub-bg .bg4{background:var(--hub-grey)}.hub-bg .bg4{width:38vmax;height:38vmax;right:-20vmax;bottom:-22vmax}.hub-bg .bg5{width:26vmax;height:26vmax;left:50%;bottom:-19vmax;margin-left:-13vmax;background:linear-gradient(135deg,var(--hub-gold-soft),var(--hub-gold))}.hub-inner{position:relative;z-index:1;width:100%;max-width:1180px;text-align:center}.hub-brand{margin:0 0 10px;line-height:0}.hub-brand img{height:clamp(86px,15vw,150px);width:auto;mix-blend-mode:multiply}.hub-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 40px;max-width:420px;color:var(--hub-gold)}.hub-rule span{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--hub-gold))}.hub-rule span+span{background:linear-gradient(90deg,var(--hub-gold),transparent)}.hub-rule i{width:9px;height:9px;background:var(--hub-gold);transform:rotate(45deg)}.hub-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.hub-tile{width:200px;height:200px;transform:rotate(45deg);background:var(--hub-dark);border:1px solid var(--hub-gold);outline:6px solid var(--hub-cream);box-shadow:0 18px 44px rgba(29,40,51,.22);display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;position:relative}.hub-tile:hover{transform:rotate(45deg) scale(1.04);box-shadow:0 22px 52px rgba(29,40,51,.3)}.hub-tile:focus-visible{outline-color:var(--hub-gold)}.hub-face{transform:rotate(-45deg);display:flex;flex-direction:column;align-items:center;gap:12px;width:150px}.hub-face svg{width:58px;height:58px;stroke:var(--hub-gold);fill:none;stroke-width:1.6}.hub-face b{color:#fff;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.25}.hub-face u{width:26px;height:2px;background:var(--hub-gold);display:block}.hub-face small{color:#a8b2bb;font-size:10px;letter-spacing:.04em}.hub-tile.locked{background:#3a444e;border-color:#6b7681}.hub-tile.locked .hub-face svg{stroke:#8b96a1}.hub-tile.locked .hub-face b{color:#c3cbd2}.hub-tile.locked .hub-face u{background:#6b7681}.hub-note{margin:34px auto 0;max-width:640px;min-height:22px;font-size:14px;color:#5c6771}.hub-note b{color:var(--hub-dark)}.hub-foot{margin-top:10px;font-size:12px;color:#8b949c;letter-spacing:.04em}.hub-foot button{background:none;border:0;color:#5c6771;text-decoration:underline;font:inherit;cursor:pointer}@media (max-width:900px){.hub-grid{gap:18px}.hub-tile{width:158px;height:158px;outline-width:5px}.hub-face{width:120px;gap:9px}.hub-face svg{width:44px;height:44px}.hub-face b{font-size:12px}}@media (max-width:560px){.hub{padding:28px 16px 40px}.hub-grid{flex-direction:column;gap:12px}.hub-tile{width:100%;height:auto;border-radius:16px;outline:0;padding:18px 20px;justify-items:start}.hub-face,.hub-tile,.hub-tile:hover{transform:none}.hub-face{flex-direction:row;align-items:center;width:100%;gap:16px;text-align:left}.hub-face svg{width:34px;height:34px;flex:none}.hub-face u{display:none}.hub-rule{margin-bottom:26px}}