:root {
    --primary: #0052cc;
    --primary-dark: #003d99;
    --primary-light: #4c9aff;
    --secondary: #ff6b00;
    --secondary-dark: #cc5500;
    --dark: #172b4d;
    --gray-800: #42526e;
    --gray-600: #6b778c;
    --gray-500: #97A0AF;
    --gray-100: #F4F5F7;
    --white: #FFFFFF;
    --gray-300: #dfe1e6;
    --radius: 6px;
    --radius-lg: 10px;
    --success: #36b37e;
    --danger: #ff5630;
    --warning: #ffab00;
    --info: #00b8d9;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html { font-size: 16px; }
body { line-height: 1.6; }

h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }

.container { max-width: 1200px; }

.section { padding: 80px 0; }

.header { background: #ffffff; height: 80px; }
.header-inner { height: 80px; }
.logo img { height: 55px; width: auto; }
body { padding-top: 80px; }

.nav-list { gap: 4px; }
.nav-link { color: #5e6c84; font-size: 15px; font-weight: 500; padding: 10px 16px; }
.nav-link:hover, .nav-link.active { color: #0052cc; background: #f4f5f7; }

.dropdown-menu { background: #ffffff; border: 1px solid #ebecf0; border-radius: 10px; }
.dropdown-menu { box-shadow: 0 8px 16px rgba(9, 30, 66, 0.16); }
.dropdown-menu li a { color: #5e6c84; font-size: 14px; padding: 10px 20px; }
.dropdown-menu li a:hover { color: #0052cc; background: #f4f5f7; }

.mega-menu { background: #ffffff; border-top: 3px solid #0052cc; }
.mega-menu-title { color: #97a0af; }
.mega-menu-list li a { color: #5e6c84; }
.mega-menu-list li a:hover { color: #0052cc; }
.mega-menu-list li a i { background: #f4f5f7; color: #0052cc; }
.mega-menu-list li a:hover i { background: #0052cc; color: #fff; }

.footer { background: #172b4d; }
.footer, .footer-desc { color: #97a0af; }
.footer-links a, .footer-contact a { color: #97a0af; }
.footer-links a:hover, .footer-contact a:hover { color: #ffffff; }

a { color: #0052cc; }
a:hover { color: #003d99; }

.btn-primary { background: #0052cc; color: #ffffff; }
.btn-secondary { background: #ff6b00; color: #ffffff; }

.hero-overlay { background: linear-gradient(135deg, rgba(0, 82, 204, 0.85) 0%, rgba(23, 43, 77, 0.8) 100%); }
.hero-title { font-size: 48px; }

.service-card, .sector-card, .blog-card, .contact-form, .contact-info-card { box-shadow: 0 1px 3px rgba(9, 30, 66, 0.12); }
.service-card, .sector-card, .blog-card { background: #ffffff; border-color: #ebecf0; }
.page-header { margin-top: -80px; padding-top: 128px; }
.hero-slider { margin-top: -80px; padding-top: 80px; }