<div style="
max-width:720px;
margin:40px auto;
padding:30px 28px;
background:#FFFFFF;
border:1px solid #D7DEE8;
border-radius:18px;
text-align:center;
box-shadow:0 10px 28px rgba(15,23,42,0.06);
font-family:Arial,sans-serif;
">

<div style="
display:inline-block;
padding:6px 12px;
margin-bottom:14px;
background:#ECFDF5;
color:#15803D;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.4px;
text-transform:uppercase;
">
HubFree
</div>

<h2 style="
margin:0 0 10px;
color:#0F172A;
font-size:26px;
line-height:1.25;
font-weight:700;
">
Free member access required
</h2>

<p style="
max-width:540px;
margin:0 auto 22px;
color:#64748B;
font-size:15px;
line-height:1.65;
">
This guide is included with free TheBusHub membership. Log in to continue, or create a free account to access this guide and other member resources.
</p>

<div style="
display:flex;
gap:12px;
justify-content:center;
align-items:center;
flex-wrap:wrap;
">

<a href="/login-2/" style="
display:flex;
align-items:center;
justify-content:center;
padding:11px 22px;
background:#31339B;
color:#FFFFFF;
text-decoration:none;
border-radius:8px;
font-size:14px;
font-weight:700;
">
<span style="
display:block;
line-height:1;
transform:translateY(-2px);
">
Log In
</span>
</a>

<a href="/membership/" style="
display:flex;
align-items:center;
justify-content:center;
padding:11px 22px;
background:#F8FAFC;
color:#0F172A;
text-decoration:none;
border:1px solid #D7DEE8;
border-radius:8px;
font-size:14px;
font-weight:700;
">
<span style="
display:block;
line-height:1;
transform:translateY(-2px);
">
Join TheBusHub
</span>
</a>

</div>

</div>