:root {
  --bg: #041f34;
  --bg-2: #022843;
  --card: #083454;
  --card-soft: #0a3a5f;
  --text: #eaf4ff;
  --muted: #b9cee2;
  --accent: #f2b37c;
  --line: rgba(255, 255, 255, 0.08);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text);
  min-height: 100vh;
  line-height: 1.45;
  background-color: #02192c;
  overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

img,
svg,
video,
canvas {
  height: auto;
  display: block;
}

iframe {
  display: block;
}

a,
button {
  touch-action: manipulation;
}

:focus-visible {
  outline: 2px solid rgba(242, 179, 124, 0.95);
  outline-offset: 2px;
}

.container {
  width: min(1240px, 94%);
  margin: 0 auto;
}

section {
  padding-top: 44px;
}

@media (min-width: 701px) {
  .container {
    width: min(1240px, 92%);
  }

  section {
    padding-top: 56px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: min(1440px, 90%);
  }
}

@media (min-width: 1800px) {
  .container {
    width: min(1560px, 88%);
  }
}