:root {
  color-scheme: dark;
  --ca-night: #05080d;
  --ca-cream: #f2e7cf;
  --ca-muted: #8996a8;
  --ca-gold: #d6a64c;
  --ca-blue: #3b8fca;
}

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

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  background: var(--ca-night);
}

body.c-anton-page {
  min-height: 100vh;
  min-height: 100svh;
  color: var(--ca-cream);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.c-anton-page::before,
.c-anton-page::after {
  position: fixed;
  z-index: 0;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  filter: blur(18px);
}

.c-anton-page::before {
  top: -34vw;
  left: -29vw;
  width: 72vw;
  height: 72vw;
  background: radial-gradient(circle, rgba(176, 117, 35, 0.20) 0%, rgba(114, 71, 19, 0.09) 32%, transparent 69%);
}

.c-anton-page::after {
  right: -31vw;
  bottom: -39vw;
  width: 80vw;
  height: 80vw;
  background: radial-gradient(circle, rgba(31, 112, 174, 0.19) 0%, rgba(18, 68, 112, 0.09) 37%, transparent 70%);
}

.c-anton-scene {
  position: fixed;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 43%, rgba(5, 8, 13, 0.14) 0%, rgba(5, 8, 13, 0.50) 56%, rgba(3, 5, 9, 0.78) 100%),
    linear-gradient(155deg, rgba(154, 95, 25, 0.05), transparent 35%, rgba(25, 85, 132, 0.05));
}

.c-anton-canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.96;
}

.c-anton-fog {
  position: absolute;
  height: 28%;
  border-radius: 50%;
  opacity: 0.18;
  filter: blur(55px);
}

.c-anton-fog--one {
  right: 23%;
  bottom: 2%;
  left: -12%;
  background: linear-gradient(90deg, rgba(177, 117, 35, 0.26), rgba(104, 84, 51, 0.08), transparent 75%);
  transform: rotate(-4deg);
  animation: c-anton-fog-one 18s ease-in-out infinite alternate;
}

.c-anton-fog--two {
  right: -11%;
  bottom: 9%;
  left: 40%;
  background: linear-gradient(90deg, transparent, rgba(33, 107, 159, 0.16), rgba(46, 139, 197, 0.24));
  transform: rotate(5deg);
  animation: c-anton-fog-two 22s ease-in-out infinite alternate;
}

.c-anton-main {
  position: relative;
  z-index: 2;
  display: grid;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  padding: clamp(2rem, 6vw, 6rem) clamp(1.35rem, 6vw, 5rem);
  isolation: isolate;
}

.c-anton-content {
  width: min(100%, 980px);
  margin-top: -1.5vh;
  text-align: center;
}

.c-anton-content h1 {
  margin: 0;
  color: var(--ca-cream);
  font-size: clamp(2.35rem, 5.6vw, 5.35rem);
  font-weight: 300;
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-wrap: balance;
  text-shadow: 0 1px 30px rgba(214, 166, 76, 0.08);
}

.c-anton-lightline {
  position: relative;
  width: clamp(100px, 15vw, 176px);
  height: 1px;
  margin: clamp(1.8rem, 3.8vh, 2.7rem) auto clamp(1.45rem, 3vh, 2.1rem);
  background: linear-gradient(90deg, transparent, rgba(205, 158, 67, 0.74), transparent);
}

.c-anton-lightline span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e6bd6c;
  box-shadow: 0 0 10px 2px rgba(214, 166, 76, 0.48), 0 0 25px 8px rgba(188, 126, 36, 0.13);
  transform: translate(-50%, -50%);
  animation: c-anton-pulse 4.8s ease-in-out infinite;
}

.c-anton-content p {
  margin: 0;
  color: var(--ca-muted);
  font-size: clamp(0.95rem, 1.45vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.6;
}

.c-anton-return {
  color: #9da9b9;
  text-decoration-color: rgba(214, 166, 76, 0.42);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.34em;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}

.c-anton-return:hover,
.c-anton-return:focus-visible {
  color: var(--ca-cream);
  text-decoration-color: var(--ca-gold);
}

.c-anton-return:focus-visible {
  outline: 1px solid rgba(214, 166, 76, 0.72);
  outline-offset: 6px;
}

@keyframes c-anton-pulse {
  0%, 100% { opacity: 0.7; transform: translate(-50%, -50%) scale(0.85); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes c-anton-fog-one {
  from { opacity: 0.12; transform: translate3d(-2%, 1%, 0) rotate(-4deg); }
  to { opacity: 0.21; transform: translate3d(5%, -2%, 0) rotate(-2deg); }
}

@keyframes c-anton-fog-two {
  from { opacity: 0.12; transform: translate3d(3%, 1%, 0) rotate(5deg); }
  to { opacity: 0.2; transform: translate3d(-5%, -3%, 0) rotate(3deg); }
}

@media (max-width: 640px) {
  .c-anton-page::before {
    top: -34vw;
    left: -58vw;
    width: 135vw;
    height: 135vw;
  }

  .c-anton-page::after {
    right: -68vw;
    bottom: -28vw;
    width: 145vw;
    height: 145vw;
  }

  .c-anton-content {
    margin-top: -4vh;
  }

  .c-anton-content h1 {
    max-width: 12ch;
    margin-inline: auto;
    font-size: clamp(2.35rem, 12vw, 3.45rem);
  }

  .c-anton-fog {
    opacity: 0.12;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-anton-fog,
  .c-anton-lightline span {
    animation: none;
  }

  .c-anton-return {
    transition: none;
  }
}