:root {
  --bg-dark: #f5f8ff;
  --bg-card: rgba(255, 255, 255, 0.88);
  --bg-card-hover: #ffffff;
  --primary: #075bcc;
  --primary-glow: rgba(7, 91, 204, 0.14);
  --primary-hover: #0047a8;
  --secondary: #16a3ff;
  --secondary-glow: rgba(22, 163, 255, 0.2);
  --text-primary: #071a38;
  --text-secondary: #42526b;
  --text-muted: #68758a;
  --border-glass: rgba(7, 91, 204, 0.15);
  --border-glass-hover: rgba(7, 91, 204, 0.35);
  --shadow-premium: 0 20px 45px -18px rgba(15, 44, 91, 0.25);
  background-color: #f5f8ff;
  color: var(--text-primary);
}

body { background: radial-gradient(circle at 50% -20%, #d9eaff 0%, #f7faff 48%, #ffffff 100%); }
.header { background: rgba(255,255,255,.9); border-bottom-color: rgba(7,91,204,.12); box-shadow: 0 5px 22px rgba(15,44,91,.07); }
.logo-wrapper { width: min(330px, 42vw); }
.logo-wrapper span { display: none; }
.header-logo { width: 100%; height: 58px; border: 0; border-radius: 0; box-shadow: none; object-fit: contain; object-position: left center; }
.logo-wrapper:hover .header-logo { transform: scale(1.01); box-shadow: none; }
.glass-panel { background: rgba(255,255,255,.88); box-shadow: 0 16px 42px rgba(15,44,91,.09); }
.who-are-we-sec { background: rgba(225,237,255,.6); }
.verification-sec { background: radial-gradient(circle, rgba(22,163,255,.1) 0%, transparent 68%); }
.expertise-sec { background: rgba(237,244,255,.75); }
.contact-sec { background: linear-gradient(transparent, #e6f0ff); }
.footer { background: #eaf2ff; border-top-color: rgba(7,91,204,.12); }
.skill-tag, .stat-item { background: #f4f8ff; border-color: rgba(7,91,204,.12); }
.verify-input { color: var(--text-primary); background: #fff; }
.btn-secondary { color: #15345f; background: #fff; border-color: rgba(7,91,204,.22); }
.btn-secondary:hover { background: #edf5ff; border-color: rgba(7,91,204,.42); }
.modal-content { background: #fff; }
.modal-overlay { background: rgba(10,30,60,.45); }
.floating-icon { background: #fff; }
.platform-icon-wrap { color: #075bcc; background: #eaf3ff; border-color: #c9e0ff; }
.visual-badge, .hero-tag { color: #075bcc; background: #eaf3ff; border-color: #c9e0ff; }

@media (max-width: 600px) {
  .logo-wrapper { width: 205px; }
  .header-logo { height: 46px; }
}