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

/* Block: headers_id */
.h2-brand-box { background: var(--matrix-primary); width: 220px; height: 80px; clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); }
.h2-logo { max-height: 40px; filter: brightness(0) invert(1); }
.h2-link { text-decoration: none; color: #1e293b; font-size: 15px; }
.h2-link:hover { color: var(--matrix-primary); }
.h2-btn { background: #000; color: #fff; padding: 10px 30px; border-radius: 4px; text-decoration: none; font-weight: 800; }
@media (max-width: 991px) { .h2-brand-box { width: 140px; clip-path: none; } }

/* 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-s3-icon { width: 60px; height: 60px; background: var(--matrix-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.f-s3-link { color: #1e293b; text-decoration: none; font-weight: 600; }
.f-s3-link:hover { color: var(--matrix-primary); }

/* Block: about_id */
.a6-rich-body { font-size: 1.15rem; line-height: 2.2; color: #334155; }
.a6-header h2 { letter-spacing: 5px; color: var(--matrix-primary); }

/* Block: stats_id */
.s-s1-card { background: #f8fafc; border-radius: var(--matrix-radius); }
.s-s1-num { color: var(--matrix-primary); letter-spacing: -1px; }
.s-s1-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important; }

/* Block: mission_id */
.m-s4-val { font-size: 2.5rem; font-weight: 900; color: var(--matrix-primary); margin-bottom: 5px; letter-spacing: -1px; }
.m-s4-grid > div { min-width: 120px; }

/* Block: why_us_id */
.w-s6-icon { font-size: 2.2rem; color: var(--matrix-primary); opacity: 0.8; }

/* 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-s7 .display-4 { letter-spacing: -2px; }
.sec-s7-pill { background: rgba(var(--matrix-primary-rgb), 0.05); }
.tracking-widest { letter-spacing: 0.2rem; font-size: 0.8rem; }

/* Block: judge_id */
.j-s4-bubble { width: 340px; background: #fafafa; border-radius: var(--matrix-radius); position: relative; }
.j-s4-bubble:hover { background: #fff; border-color: var(--matrix-primary) !important; box-shadow: 0 8px 15px rgba(0,0,0,0.05); }
.j-s4-avatar { width: 40px; height: 40px; border: 3px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.j-s4-scroll::-webkit-scrollbar { display: none; }

/* Block: app_id */
.bg-primary-s7 { background: var(--matrix-primary); }
.app-s7-btn-main { background: #000; color: #fff; padding: 15px 45px; border-radius: 4px; text-decoration: none; font-weight: 800; transition: 0.3s; }
.app-s7-btn-main:hover { background: var(--matrix-primary); }

/* Block: news_id */
.n-s3-card { transition: 0.3s; }
.n-s3-card:hover { transform: translateY(-5px); border: 1px solid var(--matrix-primary); }

/* Block: faq_id */
.faq-s1-nav { background: #f8fafc; }
.nav-link-s1 { text-align: left; padding: 12px 20px; border-radius: 8px; border: none; background: #fff; font-weight: 700; color: #64748b; transition: 0.3s; }
.nav-link-s1.active { background: var(--matrix-primary); color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.text-primary-s1 { color: var(--matrix-primary); }

/* Block: update_id */
/* Style 4 - Clean List */
.up-s4 { background: #ffffff !important; }
.up-s4 .border-bottom { border-color: #f1f5f9 !important; }
.up-s4 .text-primary { color: var(--matrix-primary) !important; font-variant-numeric: tabular-nums; }
.up-s4 h6 { color: #1e293b !important; transition: 0.2s; }
.up-s4 .row:hover h6 { color: var(--matrix-primary) !important; }
.up-s4 p { color: #64748b !important; }