/* ===== Reset & Base ===== */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --teal: #14B8A6;
  --teal-light: #2DD4BF;
  --teal-dim: rgba(20, 184, 166, 0.1);
  --navy: #0b172f;
  --navy-light: #0f2045;
  --navy-lighter: #162a52;
  --white: #f0f4f8;
  --white-pure: #ffffff;
  --gray: #94a3b8;
  --gray-light: #cbd5e1;
  --font: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  font-family: var(--font);
  background: var(--navy);
  color: var(--white);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ===== Skip Link ===== */
.skip-link {
  position: absolute;
  top: -100%;
  left: 16px;
  z-index: 200;
  padding: 12px 24px;
  background: var(--teal);
  color: var(--navy);
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 0 0 8px 8px;
  transition: top 0.2s;
}

.skip-link:focus {
  top: 0;
}