.bt-dynamic-page-section {
position: relative;
padding: 88px 0 90px;
background:
radial-gradient(circle at 8% 8%, rgba(249, 115, 22, 0.08), transparent 28%),
radial-gradient(circle at 92% 18%, rgba(14, 165, 233, 0.07), transparent 30%),
linear-gradient(180deg, #ffffff 0%, #fffaf3 100%);
}

.bt-dynamic-page-card {
position: relative;
overflow: hidden;
max-width: 1040px;
margin: 0 auto;
padding: 44px;
border-radius: 26px;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.10);
}

.bt-dynamic-page-card::before {
content: "";
position: absolute;
top: 0;
left: 44px;
right: 44px;
height: 4px;
border-radius: 0 0 999px 999px;
background: linear-gradient(90deg, #ff9f1c, #f97316);
}

.bt-dynamic-page-title {
margin: 0 0 28px;
color: #172033;
font-size: 30px;
font-weight: 900;
line-height: 1.18;
letter-spacing: -0.8px;
text-align: center;
}

.bt-dynamic-page-content {
color: #475467;
font-size: 16px;
font-weight: 500;
line-height: 1.85;
}

.bt-dynamic-page-content h1,
.bt-dynamic-page-content h2,
.bt-dynamic-page-content h3,
.bt-dynamic-page-content h4,
.bt-dynamic-page-content h5,
.bt-dynamic-page-content h6 {
margin: 26px 0 14px;
color: #172033;
font-weight: 900;
line-height: 1.25;
}

.bt-dynamic-page-content h1 { font-size: 22px; }
.bt-dynamic-page-content h2 { font-size: 22px; }
.bt-dynamic-page-content h3 { font-size: 22px; }
.bt-dynamic-page-content h4 { font-size: 22px; }
.bt-dynamic-page-content h5 { font-size: 22px; }
.bt-dynamic-page-content h6 { font-size: 22px; }

.bt-dynamic-page-content p {
margin: 0 0 18px;
color: #475467;
line-height: 1.85;
}

.bt-dynamic-page-content a {
color: #f97316;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
transition: all 0.22s ease;
}

.bt-dynamic-page-content a:hover {
color: #ea580c;
}

.bt-dynamic-page-content ul,
.bt-dynamic-page-content ol {
margin: 0 0 20px 22px;
padding: 0;
}

.bt-dynamic-page-content li {
margin-bottom: 8px;
}

.bt-dynamic-page-content img {
max-width: 100%;
height: auto;
border-radius: 18px;
margin: 18px 0;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
}

.bt-dynamic-page-content table {
width: 100% !important;
margin: 24px 0;
border-collapse: collapse;
border: 1px solid rgba(15, 23, 42, 0.10);
overflow: hidden;
border-radius: 14px;
background: #ffffff;
}

.bt-dynamic-page-content table th,
.bt-dynamic-page-content table td {
padding: 13px 15px;
border: 1px solid rgba(15, 23, 42, 0.10);
color: #344054;
font-size: 15px;
line-height: 1.55;
vertical-align: top;
}

.bt-dynamic-page-content table th {
color: #172033;
background: rgba(249, 115, 22, 0.08);
font-weight: 900;
}

.bt-dynamic-page-content blockquote {
margin: 24px 0;
padding: 20px 24px;
border-left: 4px solid #f97316;
border-radius: 14px;
background: rgba(249, 115, 22, 0.08);
color: #344054;
font-weight: 700;
}

.bt-page-pagination {
margin-top: 34px;
}

.bt-page-pagination ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}

.bt-page-pagination a,
.bt-page-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 0 14px;
border-radius: 999px;
color: #172033;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.10);
font-size: 14px;
font-weight: 850;
text-decoration: none;
transition: all 0.22s ease;
}

.bt-page-pagination a:hover,
.bt-page-pagination .active {
color: #ffffff;
background: linear-gradient(135deg, #ff9f1c, #f97316);
border-color: transparent;
box-shadow: 0 10px 24px rgba(249, 115, 22, 0.25);
}

.bt-page-not-found {
max-width: 820px;
margin: 0 auto;
padding: 45px 30px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.10);
text-align: center;
}

.bt-page-not-found h2 {
margin: 0 0 14px;
color: #172033;
font-size: 36px;
font-weight: 900;
}

.bt-page-not-found p {
margin: 0 0 24px;
color: #64748b;
font-size: 16px;
font-weight: 600;
line-height: 1.7;
}

.bt-page-not-found a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 24px;
border-radius: 999px;
color: #ffffff;
background: linear-gradient(135deg, #ff9f1c, #f97316);
font-size: 14px;
font-weight: 900;
text-decoration: none;
box-shadow: 0 12px 28px rgba(249, 115, 22, 0.28);
}

@media (max-width: 767px) {
.bt-dynamic-page-section {
padding: 60px 0 65px;
}

.bt-dynamic-page-card {
padding: 30px 20px;
border-radius: 22px;
}

.bt-dynamic-page-card::before {
left: 22px;
right: 22px;
}

.bt-dynamic-page-title {
font-size: 30px;
margin-bottom: 22px;
}

.bt-dynamic-page-content {
font-size: 15px;
line-height: 1.75;
}

.bt-dynamic-page-content h1 { font-size: 22px; }
.bt-dynamic-page-content h2 { font-size: 20px; }
.bt-dynamic-page-content h3 { font-size: 20px; }
.bt-dynamic-page-content h4 { font-size: 20px; }

.bt-dynamic-page-content table {
display: block;
width: 100% !important;
overflow-x: auto;
white-space: nowrap;
}
}