.hub{--hub-ease:cubic-bezier(.2,.7,.2,1);--hub-gap:20px;--hub-soft:#2abbdf1f;min-height:100vh;padding:128px 0 110px}.hub-head{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1120px;margin:0 auto 22px;padding:0 24px;display:flex}.hub-title{color:var(--text-primary);animation:hubUp .8s var(--hub-ease)backwards;padding-bottom:10px;font-size:clamp(2rem,3.4vw,2.6rem);font-weight:700;line-height:1.3;position:relative}.hub-title:after{content:"";inset-inline-start:0;background:var(--accent);transform-origin:100%;width:56px;height:3px;animation:hubLine .9s var(--hub-ease).35s backwards;border-radius:3px;position:absolute;bottom:0}html[dir=ltr] .hub-title:after{transform-origin:0}.hub-cards{grid-template-rows:1fr 1fr;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:.8fr;gap:16px;max-width:1120px;height:clamp(380px,100vh - 350px,540px);margin:0 auto;padding:0 24px;display:grid}.hub-card{grid-column:span 6}.hub-card:first-child{grid-area:span 2/span 7}.hub-card:nth-child(2),.hub-card:nth-child(3){grid-column:span 5}.hub-cards[data-count="1"] .hub-card,.hub-cards[data-count="4"] .hub-card:nth-child(4){grid-column:span 12}.hub-card{--core:84px;--ring:150px;border:1px solid var(--bg-glass-border);background:var(--bg-secondary);text-align:center;isolation:isolate;min-height:0;transition:transform .55s var(--hub-ease),box-shadow .55s var(--hub-ease),border-color .4s ease;animation:hubUp .9s var(--hub-ease)calc(.15s + var(--i,0)*90ms)backwards;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px 24px;display:flex;position:relative;overflow:hidden}.hub-card:first-child{--ring:min(170px,19vh);--core:calc(var(--ring)*.55);gap:min(18px,2vh)}.hub-card:before,.hub-card:after{content:"";z-index:-1;pointer-events:none;position:absolute}.hub-card:before{top:0;clip-path:polygon(0 0,100% 0,100% 100%);width:150px;height:150px;transition:transform .7s var(--hub-ease);background:repeating-linear-gradient(135deg,#0000 0 13px,#2abbdf2e 13px 14px);inset-inline-end:0}.hub-card:after{bottom:0;clip-path:polygon(0 100%,0 30%,70% 100%);width:64px;height:64px;transition:transform .7s var(--hub-ease);background:#2abbdf38;inset-inline-start:0}html[dir=rtl] .hub-card:before{clip-path:polygon(0 0,100% 0,0 100%)}html[dir=rtl] .hub-card:after{clip-path:polygon(100% 100%,100% 30%,30% 100%)}.hub-card:nth-child(2n):before{top:auto;bottom:0;inset-inline:0 auto}.hub-card:nth-child(2n):after{top:0;bottom:auto;inset-inline:auto 0;transform:rotate(180deg)}.hub-card:hover{border-color:#2abbdf59;transform:translateY(-6px);box-shadow:0 26px 50px -26px #2abbdf80}.hub-card:hover:before{transform:scale(1.12)}.hub-card:has(.hub-card-link:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.hub-icon{width:var(--ring);height:var(--ring);flex:none;place-items:center;display:grid;position:relative}.hub-ring{pointer-events:none;border-radius:50%;position:absolute}.hub-ring--outer{animation:hubSpin 60s linear infinite,hubRing 1s var(--hub-ease)calc(.4s + var(--i,0)*90ms)backwards;border:1px dashed #2abbdf59;inset:0}.hub-ring--inner{transition:transform .6s var(--hub-ease);animation:hubRing 1s var(--hub-ease)calc(.3s + var(--i,0)*90ms)backwards;border:1px solid #2abbdf40;inset:15%}.hub-card:hover .hub-ring--inner{transform:scale(1.07)}.hub-icon-core{width:var(--core);height:var(--core);color:var(--accent);transition:background .45s ease,color .45s ease,transform .55s var(--hub-ease);animation:hubPop .7s var(--hub-ease)calc(.25s + var(--i,0)*90ms)backwards;background:#2abbdf1a;border-radius:50%;place-items:center;display:grid;position:relative}.hub-card:hover .hub-icon-core{background:var(--accent);color:#fff;transform:scale(1.05)}.hub-icon-core svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:44%;height:44%}.hub-card-body{flex-direction:column;align-items:center;gap:14px;display:flex}.hub-card-title{color:var(--text-primary);flex-direction:column;align-items:center;gap:12px;font-size:clamp(1.2rem,2.6vh,1.45rem);font-weight:700;line-height:1.4;display:flex}.hub-card:first-child .hub-card-title{font-size:clamp(1.6rem,3.6vh,2.1rem)}.hub-card-title:after{content:"";background:var(--accent);width:36px;height:2px;transition:width .5s var(--hub-ease);border-radius:2px}.hub-card:hover .hub-card-title:after{width:64px}.hub-card-link{color:inherit}.hub-card-link:after{content:"";z-index:1;border-radius:28px;position:absolute;inset:0}.hub-chips{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.hub-chips a{border:1px solid var(--bg-glass-border);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;padding:5px 16px;font-size:.82rem;transition:color .3s,border-color .3s,background .3s}.hub-chips a:hover,.hub-chips a:focus-visible{color:var(--accent);border-color:var(--accent);background:#2abbdf1a}.hub-go{border:1.5px solid var(--accent);width:42px;height:42px;color:var(--accent);border-radius:50%;flex:none;place-items:center;transition:background .4s,color .4s;display:grid}.hub-go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;transition:transform .5s var(--hub-ease)}html[dir=ltr] .hub-go svg{transform:scaleX(-1)}.hub-card:hover .hub-go{background:var(--accent);color:#fff}.hub-card:hover .hub-go svg{transform:translate(-3px)}html[dir=ltr] .hub-card:hover .hub-go svg{transform:scaleX(-1)translate(-3px)}.hub-card:not(:first-child),.hub-cards[data-count="1"] .hub-card{--ring:min(100px,11.5vh);--core:calc(var(--ring)*.58);text-align:start;flex-direction:row;justify-content:space-between;gap:24px;padding:12px 30px}.hub-card:not(:first-child) .hub-card-body,.hub-cards[data-count="1"] .hub-card .hub-card-body{flex:1;align-items:flex-start}.hub-card:not(:first-child) .hub-card-title,.hub-cards[data-count="1"] .hub-card .hub-card-title{align-items:flex-start}.hub-card:not(:first-child) .hub-chips{justify-content:flex-start}.hub-card:not(:first-child):before{top:0;bottom:auto;inset-inline:auto 0}@keyframes hubUp{0%{opacity:0;transform:translateY(26px)}}@keyframes hubLine{0%{transform:scaleX(0)}}@keyframes hubFade{0%{opacity:0}}@keyframes hubPop{0%{opacity:0;transform:scale(.6)}}@keyframes hubRing{0%{opacity:0;transform:scale(.7)}}@keyframes hubSpin{to{transform:rotate(360deg)}}@media (width>=901px) and (height<=760px){.hub{padding-top:112px}.hub-head{margin-bottom:14px}.hub-head .mag-crumbs{display:none}.hub-title{padding-bottom:8px;font-size:1.9rem}.hub-cards{gap:12px;height:clamp(330px,100vh - 300px,540px)}.hub-card{gap:10px;padding:12px 20px}.hub-card:first-child{--ring:min(150px,17vh)}.hub-card:not(:first-child){--ring:min(90px,11vh);padding:8px 26px}.hub-card-title{gap:8px}.hub-go{width:36px;height:36px}}@media (width<=900px){.hub-cards{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;height:auto}.hub-card{padding:26px 16px}.hub-card,.hub-card:nth-child(2),.hub-card:nth-child(3){grid-column:span 1}.hub-card:first-child,.hub-cards[data-count="1"] .hub-card,.hub-cards[data-count="4"] .hub-card:nth-child(4){grid-area:auto/span 2}.hub-cards[data-count="3"] .hub-card:nth-child(3),.hub-cards[data-count="5"] .hub-card:nth-child(5){grid-column:span 2}.hub-card:first-child{--ring:180px;--core:104px}.hub-card:not(:first-child){text-align:center;flex-direction:column;justify-content:center;gap:14px;padding:26px 16px}.hub-card:not(:first-child) .hub-card-body,.hub-card:not(:first-child) .hub-card-title{align-items:center}.hub-card:not(:first-child) .hub-chips{justify-content:center}.hub-cards[data-count="4"] .hub-card:nth-child(4),.hub-cards[data-count="3"] .hub-card:nth-child(3),.hub-cards[data-count="5"] .hub-card:nth-child(5){text-align:start;flex-direction:row;justify-content:space-between;padding:18px 28px}.hub-cards[data-count="4"] .hub-card:nth-child(4) .hub-card-body,.hub-cards[data-count="3"] .hub-card:nth-child(3) .hub-card-body,.hub-cards[data-count="5"] .hub-card:nth-child(5) .hub-card-body,.hub-cards[data-count="4"] .hub-card:nth-child(4) .hub-card-title,.hub-cards[data-count="3"] .hub-card:nth-child(3) .hub-card-title,.hub-cards[data-count="5"] .hub-card:nth-child(5) .hub-card-title{align-items:flex-start}}@media (width<=640px){.hub{--hub-gap:12px;padding-top:120px}.hub-head{margin-bottom:26px;padding:0 16px}.hub-title{font-size:2.1rem}.hub-cards{padding:0 16px}.hub-card{--core:64px;--ring:108px;border-radius:22px;gap:12px;padding:22px 12px}.hub-card:first-child{--core:88px;--ring:150px;gap:16px}.hub-card-link:after{border-radius:22px}.hub-card-title{gap:8px;font-size:1.15rem}.hub-card:first-child .hub-card-title{font-size:1.6rem}.hub-card:before{width:90px;height:90px}.hub-card:after{width:44px;height:44px}.hub-chips a{padding:4px 12px;font-size:.76rem}.hub-go{width:38px;height:38px}.hub-card:not(:first-child){--core:60px;--ring:100px;gap:10px;padding:20px 12px}.hub-cards[data-count="4"] .hub-card:nth-child(4),.hub-cards[data-count="3"] .hub-card:nth-child(3),.hub-cards[data-count="5"] .hub-card:nth-child(5),.hub-cards[data-count="1"] .hub-card{--core:52px;--ring:86px;gap:14px;padding:14px 18px}}@media (hover:none){.hub-card:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.hub *,.hub :before,.hub :after{transition:none!important;animation:none!important}}