<style>
/* Premium Breadcrumb */

.premium-breadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin:12px 0 20px;
font-size:14px;
font-weight:500;
}

.premium-breadcrumb a{
color:#2563eb;
text-decoration:none;
transition:.2s;
}

.premium-breadcrumb a:hover{
color:#1d4ed8;
text-decoration:underline;
}

.premium-breadcrumb .separator{
color:#9ca3af;
font-size:13px;
}

.premium-breadcrumb .current-page{
color:#6b7280;
font-weight:600;
}

/* Mobile */

@media(max-width:768px){

.premium-breadcrumb{
font-size:13px;
gap:6px;
margin:10px 0 16px;
}

}
.page-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}
.textArea_1{
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:14px;
padding:24px;
margin-bottom:30px;
}

.textArea_1 h1{
font-size:2rem;
margin-bottom:12px;
}

.textArea_1 p{
line-height:1.8;
font-size:1rem;
}
.hub-category{
margin:28px 0;
}

.hub-category h2{
font-size:1.4rem;
font-weight:700;
margin-bottom:16px;
padding:0 0 0 12px;
border-left:4px solid #2563eb;
line-height:1.3;
color:#111827;
}

.hub-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:16px;
}

.hub-card{
display:block;
padding:18px;
background:#fff;
border:1px solid #e5e7eb;
border-top:4px solid #2563eb;
border-radius:12px;
text-decoration:none;
transition:.25s;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.hub-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.hub-card h3{
font-size:1.05rem;
font-weight:700;
line-height:1.4;
margin-bottom:8px;
color:#111827;
}

.hub-card p{
font-size:.92rem;
line-height:1.6;
margin:0;
color:#4b5563;
}
body{
font-family:'Raleway',sans-serif;
background:#fff;
color:#1f2937;
}
</style>

