@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');

:root {
  --ink: #363331;
  --muted: #706b67;
  --paper: #f7f4f0;
  --line: rgba(105, 89, 72, .22);
  --accent: #a57b43;
  --accent-rgb: 165,123,67;
  --hero-image: url('ССЫЛКА_НА_ИЗОБРАЖЕНИЕ_ОБЛОЖКИ');
}
.theme-mercury { --accent:#bd8339; --accent-rgb:189,131,57; }
.theme-venus    { --accent:#718d5d; --accent-rgb:113,141,93; }
.theme-saturn   { --accent:#725798; --accent-rgb:114,87,152; }
.theme-mars     { --accent:#b25c47; --accent-rgb:178,92,71; }
.theme-jupiter  { --accent:#3d91a0; --accent-rgb:61,145,160; }

/* Основа: применяются только к страницам с классом iks-page */
.iks-page, .iks-page #allrecords { background:var(--paper); color:var(--ink); }
.iks-page .t-rec { position:relative; z-index:2; }
.iks-page .t-title, .iks-page h1, .iks-page h2, .iks-page h3 {
  font-family:Montserrat,Arial,sans-serif !important;
  font-weight:400 !important; letter-spacing:-.035em;
}
.iks-page .t-descr, .iks-page .t-text, .iks-page p, .iks-page .t-btn {
  font-family:Manrope,Arial,sans-serif !important;
}
.iks-page .t-title { color:var(--ink) !important; }
.iks-page .t-descr, .iks-page .t-text { color:var(--muted) !important; }

/* Навигация */
.iks-page .t228__maincontainer, .iks-page .t456__maincontainer { max-width:1440px !important; }
.iks-page .t228, .iks-page .t456 { background:rgba(247,244,240,.64) !important; backdrop-filter:blur(14px); }
.iks-page .t228__link, .iks-page .t456__link {
  color:var(--ink) !important; font:500 12px/1 Montserrat,Arial,sans-serif !important;
  text-transform:uppercase; letter-spacing:.13em;
}

/* Кнопки */
.iks-page .t-btn, .iks-btn {
  border:1px solid rgba(var(--accent-rgb),.62) !important; border-radius:999px !important;
  background:transparent !important; color:var(--ink) !important;
  font:500 12px/1 Montserrat,Arial,sans-serif !important; letter-spacing:.12em;
  text-transform:uppercase; transition:color .3s,background .3s,transform .3s !important;
}
.iks-page .t-btn:hover, .iks-btn:hover { background:var(--accent) !important; color:#fff !important; transform:translateY(-2px); }

/* Блоки: в Additional CSS class name вставлять один из классов ниже */
.iks-hero { min-height:100vh; overflow:hidden; }
.iks-section { padding-top:60px !important; padding-bottom:60px !important; }
.iks-kicker { color:var(--accent) !important; font:500 12px/1.3 Montserrat,Arial,sans-serif !important; letter-spacing:.14em; text-transform:uppercase; }
.iks-accent { color:var(--accent) !important; }
.iks-card {
  background:rgba(255,255,255,.43) !important; border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 16px 60px rgba(72,55,43,.07); backdrop-filter:blur(12px); border-radius:2px;
}
.iks-card:hover { box-shadow:0 22px 70px rgba(var(--accent-rgb),.17); }
.iks-line-top { border-top:1px solid var(--line); padding-top:22px !important; }
.iks-number { color:var(--accent) !important; font:400 clamp(42px,6vw,96px)/.85 Montserrat,Arial,sans-serif !important; letter-spacing:-.08em; }

/* Фоновая космическая графика */
.iks-space { position:fixed; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.iks-space:before, .iks-space:after { content:''; position:absolute; border:1px solid rgba(var(--accent-rgb),.28); border-radius:50%; transform:rotate(-28deg); }
.iks-space:before { width:104vw; height:44vw; left:25vw; top:7vh; }
.iks-space:after { width:82vw; height:35vw; left:-20vw; bottom:7vh; }
.iks-orbit { position:absolute; border:1px solid rgba(var(--accent-rgb),.18); border-radius:50%; transform:rotate(22deg); }
.iks-orbit.a { width:68vw; height:23vw; right:-14vw; top:33vh; }
.iks-orbit.b { width:66vw; height:21vw; left:5vw; bottom:10vh; }
.iks-planet { position:absolute; border-radius:50%; opacity:.76; filter:saturate(.8); }
.iks-planet.one { width:9vw; height:9vw; min-width:80px; min-height:80px; right:13vw; top:18vh; background:radial-gradient(circle at 28% 27%,#fff4d7 0, #e6af5f 28%, #9b632d 72%,#634126); box-shadow:0 0 44px rgba(220,165,84,.34); }
.iks-planet.two { width:5.5vw; height:5.5vw; min-width:54px; min-height:54px; left:13vw; bottom:15vh; background:radial-gradient(circle at 28% 25%,#fff 0,#b9d4d6 23%,#5290a0 65%,#245463); }
.iks-planet.three { width:2.2vw; height:2.2vw; min-width:22px; min-height:22px; right:29vw; bottom:26vh; background:radial-gradient(circle at 28% 25%,#fff,#d7b19b 24%,#a45b45 72%); }

/* Только главная — художественная обложка из вашего референса */
.home-page .iks-hero { background-image:linear-gradient(90deg,rgba(247,244,240,.08),rgba(247,244,240,.04)),var(--hero-image); background-position:center top; background-size:cover; }
.home-page .iks-space { display:none; }

/* Анимация при прокрутке */
.iks-reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }
.iks-reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .iks-space:before { width:160vw; height:74vw; left:-30vw; top:9vh; }
  .iks-space:after { width:155vw; height:65vw; left:-35vw; bottom:13vh; }
  .iks-orbit.a { width:150vw; height:56vw; right:-80vw; top:38vh; }
  .iks-orbit.b { width:145vw; height:54vw; left:-65vw; bottom:10vh; }
  .iks-planet.one { width:24vw; height:24vw; right:8vw; top:18vh; }
  .iks-planet.two { width:17vw; height:17vw; left:7vw; bottom:12vh; }
  .iks-planet.three { width:7vw; height:7vw; right:23vw; bottom:30vh; }
  .home-page .iks-hero { min-height:100svh; background-position:56% top; background-size:auto 100%; }
}
</style>