:root {
    --matrix-primary: #3b82f6;
    --matrix-primary-rgb: 59, 130, 246;
    --matrix-radius: 12px;
}

/* Block: headers_id */
.h1-header { background: var(--matrix-light); border-bottom: 1px solid rgba(0,0,0,0.05); }
.h1-logo { max-height: 50px; }
.h1-header .nav-link { color: #334155 !important; transition: 0.3s; }
.h1-header .nav-link:hover { color: var(--matrix-primary) !important; }
.h1-btn { background: var(--matrix-primary); color: #fff; padding: 8px 25px; border-radius: var(--matrix-radius); text-decoration: none; font-weight: 700; }

/* Block: heroes_id */
.hero-s4 { background-image: radial-gradient(#ddd 1px, transparent 1px); background-size: 30px 30px; }
.hero-s4-search-box { max-width: 700px; background: #fff; border-radius: 100px; }
.btn-s4-search { background: var(--matrix-primary); color: #fff; border: none; padding: 10px 40px; border-radius: 100px; font-weight: 800; }
.hero-s4-item { font-weight: 700; color: #475569; }
.hero-s4-item i { color: var(--matrix-primary) !important; }

/* Block: footers_id */
.f-s1-wrapper { background: #0f172a; color: #fff; }
.f-s1-title { color: var(--matrix-primary); }
.f-s1-link { color: #fff; text-decoration: none; display: block; margin-bottom: 8px; transition: 0.3s; }
.f-s1-link:hover { color: var(--matrix-primary); padding-left: 5px; }
.f-s1-bottom { border-color: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.4); }

/* Block: about_id */
.a7-brand-pillar { background: var(--matrix-primary); min-height: 300px; }
.a7-text-content { line-height: 2.1; font-size: 1.1rem; color: #475569; border-left: 1px solid #eee; padding-left: 30px; }
@media (max-width: 991px) { .a7-text-content { border-left: 0; padding-left: 0; } }

/* Block: stats_id */
.s-s6-circle { 
    width: 200px; height: 200px; 
    background: #fff; border: 2px solid #eee; 
    border-radius: 50%; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.s-s6-circle h3 { color: var(--matrix-primary); }
.s-s6-circle:hover { 
    border-color: var(--matrix-primary); 
    transform: scale(1.05); 
    box-shadow: 0 15px 40px rgba(0,0,0,0.08); 
}

/* Block: mission_id */
.m-s2-card { border: 1px solid transparent; transition: 0.3s; }
.m-s2-card:hover { border-color: var(--matrix-primary); transform: translateY(-5px); }
.m-s2-icon { font-size: 2.5rem; color: var(--matrix-primary); }

/* Block: why_us_id */
.w-s2-card { border-radius: var(--matrix-radius); transition: 0.3s; border: 1px solid transparent; }
.w-s2-card:hover { transform: translateY(-5px); border-color: var(--matrix-primary); }
.w-s2-icon { font-size: 2.5rem; color: var(--matrix-primary); }

/* Block: departments_id */
.d-s5-tile { border-radius: var(--matrix-radius); box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.d-s5-tile:hover { background: var(--matrix-primary); }
.d-s5-tile:hover .d-s5-icon, .d-s5-tile:hover h6, .d-s5-tile:hover p { color: #fff !important; }
.d-s5-icon { font-size: 2rem; color: var(--matrix-primary); }

/* Block: security_id */
.sec-s4-num { width: 64px; height: 64px; background: var(--matrix-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.25rem; box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
.sec-s4-row::before { content: ''; position: absolute; top: 32px; left: 15%; right: 15%; height: 2px; background: #eee; z-index: 0; }
@media (max-width: 767px) { .sec-s4-row::before { display: none; } }

/* Block: judge_id */
.j-s3-box { border-radius: var(--matrix-radius); }
.j-s3-box:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important; border-top: 3px solid var(--matrix-primary) !important; }
.j-s3-avatar { width: 40px; height: 40px; object-fit: cover; }
.j-s3-section .border-primary { border-color: var(--matrix-primary) !important; }

/* Block: app_id */
.app-s3 { background: #0f172a !important; }
.app-s3-dl-box { display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.05); padding: 20px 30px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.1); }
.app-s3-mockup { border: 10px solid #1e293b; border-radius: 40px; overflow: hidden; transform: rotate(5deg); }

/* Block: news_id */
.bg-dark-gradient { background: linear-gradient(transparent, rgba(0,0,0,0.8)); }
.n-s4-sublink:hover p { color: var(--matrix-primary); }

/* Block: faq_id */
.text-primary-s3 { color: var(--matrix-primary); letter-spacing: -0.5px; }
.faq-s3-row { transition: background 0.3s; }
.faq-s3-row:hover { background: #fcfcfc; }

/* Block: update_id */
/* Style 5 - Cross Layout */
.up-s5 .bg-light { background-color: #f8fafc !important; border: 1px solid transparent !important; }
.up-s5 .border-light { border-color: #e2e8f0 !important; }
.up-s5 h5 { font-size: 1.15rem; color: #0f172a !important; }
.up-s5 p { color: #475569 !important; }
.up-s5 .col-lg-6 > div { transition: 0.3s; }
.up-s5 .col-lg-6 > div:hover { background: #fff !important; border-color: var(--matrix-primary) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.05); }