@font-face {
  font-family: 'Rubik';
  src: url('../fonts/rubik/Rubik-Variable.woff2') format('woff2-variations'),
       url('../fonts/rubik/Rubik-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/rubik/Rubik-Italic-Variable.woff2') format('woff2-variations'),
       url('../fonts/rubik/Rubik-Italic-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(117,255,240,.22) transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(117,255,240,.22);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(117,255,240,.22);
}
:root {
  --accent:  #75fff0;
  --accent2: #7b61ff;
  --muted:   #a7c4d8;
  --text:    #eefcff;
  --radius:  14px;
  --bg1:     #0a0c11;
  --bg2:     #0c2740;
  --glass:   rgba(12,32,54,.58);
  --line:    rgba(119,255,237,.25);
  --shadow:  0 20px 60px rgba(0,0,0,.45);
  --aurora1: #3ef6d0;
  --aurora2: var(--accent2);
  --aurora3: #18b7ff;
  --aurora4: #88ffba;
  /* Стандартная обводка карточек/блоков по всему сайту:
     цвет #E2E2E5, непрозрачность 8%, 1px, inner alignment. */
  --border-default: rgba(226,226,229,.08);
}
/* Общий класс для стандартной обводки — inner alignment достигается
   через box-sizing: border-box (уже задан глобально выше), так что
   border идёт внутрь блока, а не поверх его размеров. */
.border-default {
  border: 1px solid var(--border-default);
}
body {
  font-family: 'Rubik', sans-serif;
  background: var(--bg1);
  color: var(--text);
  min-height: 100vh;
  overflow-x: clip;
}
.stars {
  display: none;
}
.container { max-width: none; width: 100%; margin: auto; padding: 0 120px; box-sizing: border-box; }
nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(4,14,26,.92); backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(119,255,237,.1);
  box-shadow: 0 4px 32px rgba(0,0,0,.4);
}