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

html,
body {
  min-height: 100%;
  background: #00060f;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  color: rgba(210, 230, 255, 0.85);
  line-height: 1.6;
}

a {
  color: rgba(157, 214, 255, 0.85);
  text-decoration: none;
}

a:hover {
  color: rgba(157, 214, 255, 1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-header {
  position: sticky;
  top: 0;
  padding: 16px 32px;
  background: rgba(0, 6, 15, 0.88);
  border-bottom: 0.5px solid rgba(90, 150, 255, 0.15);
  backdrop-filter: blur(10px);
  z-index: 10;
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(140, 175, 230, 0.6);
  text-decoration: none;
}

.back-link:hover {
  color: rgba(210, 230, 255, 0.9);
  text-decoration: none;
}

.about-main {
  max-width: 680px;
  margin: 0 auto;
  padding: 60px 32px 100px;
}

.page-title {
  font-size: clamp(32px, 6vw, 52px);
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(220, 240, 255, 0.95);
  margin-bottom: 52px;
}

.about-section {
  margin-bottom: 44px;
  padding-bottom: 44px;
  border-bottom: 0.5px solid rgba(90, 150, 255, 0.12);
}

.about-section:last-child {
  border-bottom: none;
}

.about-section h2 {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: rgba(140, 175, 230, 0.5);
  margin-bottom: 20px;
}

.about-section h3 {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(157, 214, 255, 0.55);
  margin-top: 28px;
  margin-bottom: 10px;
}

.about-section p {
  color: rgba(190, 215, 255, 0.75);
  max-width: 580px;
  margin-bottom: 12px;
}

.about-section p:last-child {
  margin-bottom: 0;
}

.about-section ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 7px;
  max-width: 580px;
}

.about-section li {
  color: rgba(190, 215, 255, 0.65);
  padding-left: 14px;
  position: relative;
}

.about-section li::before {
  content: "·";
  position: absolute;
  left: 0;
  color: rgba(90, 150, 255, 0.5);
}

.about-section li strong {
  color: rgba(210, 235, 255, 0.9);
  font-weight: 500;
}