.hub-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:72px 0 80px}
.hub-breadcrumb{display:flex;gap:8px;align-items:center;color:#64748b;font-size:.82rem;margin-bottom:28px}
.hub-breadcrumb a{color:#94a3b8;text-decoration:none}.hub-breadcrumb a:hover{color:#fff}
.hub-hero{max-width:780px;margin-bottom:42px}
.hub-kicker{display:inline-flex;align-items:center;gap:8px;color:#a5b4fc;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.hub-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#818cf8;box-shadow:0 0 18px #818cf8}
.hub-hero h1{font-family:Outfit,sans-serif;color:#f8fafc;font-size:clamp(2.35rem,6vw,4.5rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 18px}
.hub-hero p{color:#aebbd0;font-size:1.02rem;line-height:1.75;margin:0;max-width:700px}
.hub-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hub-meta span{color:#cbd5e1;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 12px;font-size:.76rem}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hub-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:15px;align-items:center;padding:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:17px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.hub-card:hover{transform:translateY(-2px);background:rgba(91,110,245,.1);border-color:rgba(99,102,241,.45)}
.hub-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#c7d2fe;background:linear-gradient(135deg,rgba(91,110,245,.22),rgba(139,92,246,.18));font:700 1rem Outfit,sans-serif}
.hub-card h2{color:#f1f5f9;font:700 1rem Outfit,sans-serif;margin:0 0 5px}.hub-card p{color:#8fa0b9;font-size:.79rem;line-height:1.45;margin:0}
.hub-arrow{color:#7786a2;font-size:1.15rem;transition:transform .2s,color .2s}.hub-card:hover .hub-arrow{transform:translateX(3px);color:#c7d2fe}
.hub-note{color:#8090aa;font-size:.82rem;line-height:1.65;margin:34px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:760px){.hub-shell{padding-top:48px}.hub-grid{grid-template-columns:1fr}.hub-card{padding:17px}.hub-hero{margin-bottom:30px}}
@media(max-width:420px){.hub-shell{width:min(100% - 22px,1180px)}.hub-card{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}.hub-icon{width:40px;height:40px}}