.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 1em;
  height: 1em;

  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;

  letter-spacing: normal;
  text-transform: none;

  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.solid-nav {
  background: #ffffff;
  backdrop-filter: none;
}

.signature-gradient {
  background: linear-gradient(135deg, #006571 0%, #006096 100%);
}

.ambient-shadow {
  box-shadow: 0 30px 60px -12px rgba(36, 47, 65, 0.08);
}

.no-line {
  border: none !important;
}

.language-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  border-radius: 9999px;
  padding: 0.625rem 2.5rem 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  background-image:
    linear-gradient(45deg, transparent 50%, #475569 50%),
    linear-gradient(135deg, #475569 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.language-select:hover {
  opacity: 0.92;
}

.language-select:focus {
  border-color: #21a6df;
  box-shadow: 0 0 0 4px rgba(33, 166, 223, 0.15);
}