* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #ffffff;
color: #1a1a1a;
line-height: 1.6;
overflow-x: hidden;
}

.m3k7p9x {
display: flex;
flex-direction: column;
}

.w8n4k2p {
width: 100%;
}

.q7n3w8z {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.x9k2m4p {
background: #ffffff;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: sticky;
top: 0;
z-index: 1000;
transition: all 0.3s ease;
}

.f4h6j2x {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
flex-wrap: nowrap;
gap: 15px;
}

.r8t5k1m {
display: flex;
align-items: center;
text-decoration: none;
}

.r8t5k1m img {
max-width: 130px;
height: auto;
}

.v2b8n4p {
display: flex;
gap: 20px;
align-items: center;
white-space: nowrap;
}

.p9k3m7w {
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
font-size: 15px;
transition: color 0.3s ease;
position: relative;
}

.p9k3m7w:hover {
color: #2c5da8;
}

.p9k3m7w::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: #2c5da8;
transition: width 0.3s ease;
}

.p9k3m7w:hover::after {
width: 100%;
}

.k3t7n2x {
display: flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #2c5da8 0%, #1a3d7a 100%);
padding: 8px 16px;
border-radius: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
}

.w9m4p6h {
opacity: 0.9;
}

.h6j2m8k {
font-weight: 700;
font-size: 16px;
}

.m8q4r7p {
display: flex;
gap: 12px;
align-items: center;
}

.z5n7k2b {
padding: 10px 20px;
white-space: nowrap;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
display: inline-block;
border: none;
cursor: pointer;
text-align: center;
}

.x3m8p1w {
background: #2c5da8;
color: #ffffff;
}

.x3m8p1w:hover {
background: #1a3d7a;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(44,93,168,0.3);
}

.w9t4h6j {
background: #ffcc01;
color: #1a1a1a;
}

.w9t4h6j:hover {
background: #e6b800;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(255,204,1,0.3);
}

.t4m9k7x {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 5px;
}

.t4m9k7x span {
width: 28px;
height: 3px;
background: #1a1a1a;
border-radius: 2px;
transition: all 0.3s ease;
}

.t4m9k7x.active span:nth-child(1) {
transform: rotate(45deg) translate(8px, 8px);
}

.t4m9k7x.active span:nth-child(2) {
opacity: 0;
}

.t4m9k7x.active span:nth-child(3) {
transform: rotate(-45deg) translate(7px, -7px);
}

.n7h3q8m {
display: none;
background: #f8f9fa;
padding: 20px;
border-top: 1px solid #e0e0e0;
}

.n7h3q8m.active {
display: block;
}

.j4p8m2k {
display: flex;
flex-direction: column;
gap: 15px;
}

.l6n8t4p {
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
font-size: 16px;
padding: 10px;
border-radius: 6px;
transition: background 0.3s ease;
}

.l6n8t4p:hover {
background: #e8eef5;
color: #2c5da8;
}

.h6m2k9t {
background: linear-gradient(135deg, rgba(44,93,168,0.95) 0%, rgba(26,61,122,0.95) 100%), url('/hero-banner.jpg') center/cover;
padding: 120px 20px 80px;
text-align: center;
color: #ffffff;
position: relative;
overflow: hidden;
}

.h6m2k9t::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 30% 50%, rgba(255,204,1,0.1) 0%, transparent 50%);
pointer-events: none;
}

.t9m4k7p {
max-width: 800px;
margin: 0 auto;
position: relative;
z-index: 1;
animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.x4n8m3k {
font-size: 48px;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.2;
text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.t9m4k7p .p7k3m9n {
font-size: 20px;
margin-bottom: 35px;
opacity: 0.95;
line-height: 1.6;
}

.k6m3p8x {
font-size: 18px;
padding: 16px 40px;
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}

.m8k4p7x {
background: #f8f9fa;
padding: 12px 0;
margin: 20px 0;
}

.n6t3k9m {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.p4m7k2n {
font-size: 14px;
color: #666;
}

.p4m7k2n a {
color: #2c5da8;
text-decoration: none;
transition: color 0.3s ease;
}

.p4m7k2n a:hover {
color: #1a3d7a;
text-decoration: underline;
}

.p4m7k2n:not(:last-child)::after {
content: '›';
margin-left: 10px;
color: #999;
}

.j8k3m6p {
color: #1a1a1a;
font-weight: 500;
}

.k9m3p7x {
flex: 1;
padding: 40px 0;
}

.t6k9m3p {
background: #f8f9fa;
border: 2px solid #e8eef5;
border-radius: 12px;
padding: 25px;
margin-bottom: 40px;
}

.v8m4k7n {
font-size: 32px;
font-weight: 700;
margin-bottom: 25px;
color: #1a1a1a;
position: relative;
padding-bottom: 15px;
}

.v8m4k7n::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background: linear-gradient(90deg, #2c5da8 0%, #ffcc01 100%);
border-radius: 2px;
}

.p9k4m7x {
display: flex;
flex-direction: column;
gap: 12px;
}

.h7k3m9p {
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
padding: 10px 15px;
border-radius: 6px;
transition: all 0.3s ease;
display: flex;
align-items: center;
}

.h7k3m9p::before {
content: '→';
margin-right: 10px;
color: #2c5da8;
font-weight: 700;
}

.h7k3m9p:hover {
background: #e8eef5;
padding-left: 20px;
}

.x7m9k4p {
margin-bottom: 60px;
opacity: 0;
animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.n8k3m7p {
background: #ffffff;
border: 1px solid #e8eef5;
border-radius: 12px;
padding: 30px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.t4m9k6x {
overflow-x: auto;
}

.t4m9k6x::-webkit-scrollbar {
height: 8px;
}

.t4m9k6x::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}

.t4m9k6x::-webkit-scrollbar-thumb {
background: #2c5da8;
border-radius: 4px;
}

.t4m9k6x::-webkit-scrollbar-thumb:hover {
background: #1a3d7a;
}

table {
width: 100%;
border-collapse: collapse;
}

.t4m9k6x table {
min-width: 600px;
}

table tr {
border-bottom: 1px solid #e8eef5;
transition: background 0.3s ease;
}

table tr:hover {
background: #f8f9fa;
}

.p7k3m4x {
padding: 16px;
font-weight: 600;
color: #1a1a1a;
text-align: left;
width: 40%;
}

.h9k2m6p {
padding: 16px;
color: #444;
}

.k6m9p3x {
display: grid;
gap: 30px;
}

.w7m3k9p {
background: #ffffff;
border: 2px solid #e8eef5;
border-radius: 12px;
padding: 25px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.w7m3k9p::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(180deg, #2c5da8 0%, #ffcc01 100%);
}

.w7m3k9p:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(44,93,168,0.15);
border-color: #2c5da8;
}

.p6k8m4n {
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #1a1a1a;
}

.h4k9m7p {
color: #555;
line-height: 1.7;
margin-bottom: 15px;
}

.j4k8m2p {
font-size: 24px;
font-weight: 700;
color: #2c5da8;
}

.n7k4m9p {
margin: 15px 0;
padding: 12px;
background: #f8f9fa;
border-radius: 6px;
font-size: 15px;
}

.h8k3m6p {
color: #2c5da8;
font-weight: 700;
font-size: 18px;
}

.m6k9p4x {
margin-top: 15px;
width: 100%;
}

.v6k9m3x {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.v6k9m3x iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 12px;
}

.b4k7m2x {
text-align: center;
}

.x9k3m6p {
font-size: 48px;
margin-bottom: 15px;
}

.m8k3p6x {
font-size: 16px;
}

.c9k4m7x {
line-height: 1.8;
}

.c9k4m7x h2,
.c9k4m7x h3,
.c9k4m7x h4 {
margin: 30px 0 15px;
color: #1a1a1a;
font-weight: 700;
}

.c9k4m7x h2 {
font-size: 28px;
}

.c9k4m7x h3 {
font-size: 24px;
}

.c9k4m7x h4 {
font-size: 20px;
}

.c9k4m7x p {
margin-bottom: 16px;
color: #444;
}

.c9k4m7x ul,
.c9k4m7x ol {
margin: 16px 0 16px 30px;
}

.c9k4m7x li {
margin-bottom: 8px;
color: #444;
}

.c9k4m7x a {
color: #2c5da8;
text-decoration: underline;
}

.c9k4m7x a:hover {
color: #1a3d7a;
}

.c9k4m7x table {
margin: 20px 0;
}

.c9k4m7x img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 20px 0;
}

.c9k4m7x blockquote {
border-left: 4px solid #2c5da8;
padding-left: 20px;
margin: 20px 0;
font-style: italic;
color: #555;
}

.c9k4m7x strong {
font-weight: 700;
color: #1a1a1a;
}

.r4k9m6x {
display: grid;
gap: 25px;
}

.u8k3m7p {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 12px;
}

.u8k3m7p img {
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: cover;
}

.a9k4m6p {
font-weight: 700;
font-size: 16px;
color: #1a1a1a;
margin-bottom: 4px;
}

.s6k9m3p {
color: #ffcc01;
font-size: 18px;
letter-spacing: 2px;
}

.f7k9m3x {
display: flex;
flex-direction: column;
gap: 20px;
}

.i6k3m9p {
display: flex;
flex-direction: column;
gap: 8px;
}

.l4k8m7p {
font-weight: 600;
color: #1a1a1a;
font-size: 15px;
}

.n9k2m6p {
padding: 12px 16px;
border: 2px solid #e8eef5;
border-radius: 8px;
font-size: 15px;
font-family: inherit;
transition: all 0.3s ease;
}

.n9k2m6p:focus {
outline: none;
border-color: #2c5da8;
box-shadow: 0 0 0 3px rgba(44,93,168,0.1);
}

.t8k3m7x {
resize: vertical;
min-height: 120px;
}

.m7k4p9x {
background: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
padding: 15px;
border-radius: 8px;
margin-top: 15px;
}

.a6k9m3x {
display: flex;
gap: 25px;
align-items: flex-start;
}

.a8k3m7p {
border-radius: 50%;
width: 120px;
height: 120px;
object-fit: cover;
flex-shrink: 0;
}

.a4k9m6p {
flex: 1;
}

.s9k3m7p {
margin-top: 15px;
display: flex;
gap: 15px;
}

.s6k2m9p {
color: #2c5da8;
text-decoration: none;
font-weight: 600;
padding: 8px 16px;
border: 2px solid #2c5da8;
border-radius: 6px;
transition: all 0.3s ease;
display: inline-block;
}

.s6k2m9p:hover {
background: #2c5da8;
color: #ffffff;
}

.f9k3m6x {
border-bottom: 1px solid #e8eef5;
padding: 20px 0;
}

.f9k3m6x:last-child {
border-bottom: none;
}

.f4k7m2x {
width: 100%;
background: none;
border: none;
text-align: left;
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
transition: color 0.3s ease;
}

.f4k7m2x:hover {
color: #2c5da8;
}

.a7k3m9p {
font-size: 24px;
font-weight: 400;
color: #2c5da8;
transition: transform 0.3s ease;
}

.f4k7m2x.active .a7k3m9p {
transform: rotate(45deg);
}

.f6k2m8x {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}

.f6k2m8x.active {
max-height: 500px;
padding-top: 15px;
}

.f6k2m8x p {
color: #555;
line-height: 1.7;
}

.b8m3k7p {
background: #1a1a1a;
color: #ffffff;
padding: 50px 20px 30px;
margin-top: auto;
}

.r4t9h6n {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-bottom: 40px;
}

.x7j2m9k h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
color: #ffffff;
}

.n8k4p2w {
color: #b0b0b0;
line-height: 1.6;
font-size: 14px;
}

.v6n2t8m {
color: #ffffff;
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
}

.p4k8m7x {
display: flex;
flex-direction: column;
gap: 10px;
}

.h9j3k6t {
color: #b0b0b0;
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}

.h9j3k6t:hover {
color: #ffcc01;
}

.k7m3p9x {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 14px;
color: #b0b0b0;
}

.w3n8k5m {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.w3n8k5m img {
background: #ffffff;
padding: 5px;
border-radius: 6px;
}

.t8k3m6p {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 25px 0;
margin-bottom: 25px;
}

.n4j7p2m h4 {
color: #ffffff;
font-size: 16px;
margin-bottom: 15px;
}

.x8n2k5w {
color: #ffffff;
font-size: 16px;
font-weight: 600;
}

.m9p4k7x {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

.m9p4k7x img {
background: #ffffff;
padding: 8px;
border-radius: 6px;
height: 40px;
}

.p7k4m3n {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #333;
margin-bottom: 20px;
}

.h6m9t2k {
font-size: 14px;
color: #b0b0b0;
}

.n3k7p8m {
margin-top: 5px;
font-size: 13px;
}

.w4k8m7p {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.k9n4t6m {
color: #b0b0b0;
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}

.k9n4t6m:hover {
color: #ffcc01;
}

.j8m3k7n {
font-size: 13px;
color: #888;
line-height: 1.6;
}

.j8m3k7n p {
margin-bottom: 8px;
}

.w6k9m3p {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(135deg, #2c5da8 0%, #1a3d7a 100%);
padding: 15px 20px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 999;
transform: translateY(0);
transition: transform 0.3s ease;
}

.w6k9m3p.hidden {
transform: translateY(100%);
}

.w2k7m4x {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}

.w8k3m9p {
color: #ffffff;
}

.w8k3m9p strong {
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: 4px;
}

.w8k3m9p span {
font-size: 14px;
opacity: 0.9;
}

.w4k8m7p {
padding: 12px 30px;
white-space: nowrap;
}

.x6k2m8p {
font-size: 14px;
color: #666;
margin-bottom: 0;
}

.m3k7p9x.t4m9k6x {
display: flex;
flex-direction: column;
gap: 2px;
}

@media (max-width: 1024px) {
.v2b8n4p {
display: none;
}

.t4m9k7x {
display: flex;
}

.k3t7n2x {
order: -1;
flex: 1;
justify-content: center;
}

.f4h6j2x {
justify-content: space-between;
}

.r4t9h6n {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.x4n8m3k {
font-size: 36px;
}

.t9m4k7p .p7k3m9n {
font-size: 18px;
}

.h6m2k9t {
padding: 80px 20px 60px;
}

.v8m4k7n {
font-size: 26px;
}

.r4t9h6n {
grid-template-columns: 1fr;
}

.k6m9p3x .n8k3m7p.t9k4m6x {
overflow-x: auto;
}

.w7m3k9p {
min-width: 280px;
}

.k6m9p3x .n8k3m7p.t9k4m6x {
display: flex;
gap: 20px;
scroll-snap-type: x mandatory;
}

.k6m9p3x .n8k3m7p.t9k4m6x .w7m3k9p {
scroll-snap-align: start;
flex: 0 0 85%;
}

.a6k9m3x {
flex-direction: column;
text-align: center;
}

.p7k4m3n {
flex-direction: column;
text-align: center;
}

.w4k8m7p {
justify-content: center;
}

.w2k7m4x {
flex-direction: column;
text-align: center;
}

.w8k3m9p strong {
font-size: 16px;
}
}

@media (max-width: 480px) {
.x4n8m3k {
font-size: 28px;
}

.f4h6j2x {
padding: 10px 15px;
gap: 8px;
}

.r8t5k1m img {
max-width: 90px;
}

.k3t7n2x {
display: none;
}

.m8q4r7p {
gap: 6px;
}

.m8q4r7p .z5n7k2b {
font-size: 12px;
padding: 8px 12px;
}

.n8k3m7p {
padding: 20px;
}

.p6k8m4n {
font-size: 20px;
}

.v8m4k7n {
font-size: 24px;
}
}

.elementor-widget-container {
display: none;
}

.wp-block-group {
margin: 0;
}

.entry-content {
line-height: 1.8;
}

.site-header {
background: #ffffff;
}

.main-navigation {
font-family: 'Inter', sans-serif;
}

.widget-area {
display: none;
}

.post-thumbnail {
border-radius: 8px;
}