/* © 2026 KOR Defence & Security Consulting (kordefence.net) */
:root {
  --obsidian-black: #050505;
  --charcoal-gray: #111111;
  --steel-silver: #C0C0C0;
  --kor-red: #E11000;
}

body {
  background-color: var(--obsidian-black);
  color: var(--steel-silver);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.016) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.016) 1px, transparent 1px);
  background-size: 64px 64px;
}

.hero-ambient {
  background-image:
    radial-gradient(circle at 28% 35%, rgba(225, 16, 0, 0.14) 0%, transparent 52%),
    radial-gradient(circle at 80% 50%, rgba(225, 16, 0, 0.08) 0%, transparent 45%);
}

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.luxury-card {
  background-color: rgba(17, 17, 17, 0.94);
  border: 1px solid rgba(192, 192, 192, 0.12);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-card:hover {
  border-color: rgba(225, 16, 0, 0.55);
  box-shadow: 0 14px 40px -15px rgba(225, 16, 0, 0.22);
}

.hud-corner {
  position: absolute;
  width: 9px;
  height: 9px;
  pointer-events: none;
}
.hud-tl { top: -1px; left: -1px; border-top: 2px solid var(--kor-red); border-left: 2px solid var(--kor-red); }
.hud-tr { top: -1px; right: -1px; border-top: 2px solid var(--kor-red); border-right: 2px solid var(--kor-red); }
.hud-bl { bottom: -1px; left: -1px; border-bottom: 2px solid var(--kor-red); border-left: 2px solid var(--kor-red); }
.hud-br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--kor-red); border-right: 2px solid var(--kor-red); }

.kor-btn {
  background-color: var(--kor-red);
  color: #ffffff;
  transition: all 0.25s ease;
}

.kor-btn:hover {
  background-color: #ff1908;
  box-shadow: 0 0 28px rgba(225, 16, 0, 0.5);
  transform: translateY(-1px);
}

.mode-tab {
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--obsidian-black);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--steel-silver);
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
  transition: all 0.2s ease;
}

.mode-tab:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.mode-tab.active-tab {
  border-color: var(--kor-red);
  color: #ffffff;
  background: linear-gradient(180deg, rgba(225, 16, 0, 0.14) 0%, rgba(5, 5, 5, 0.95) 100%);
}

select option, select optgroup {
  background-color: #080808;
  color: #ffffff;
}