/* styles.css – минимальный набор, чтобы сохранить внешний вид */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #04060b; color: #fff; overflow-x: hidden; }

/* Loader (как был) */
.loader-circle { width: 50px; height: 50px; border: 3px solid rgba(255,215,0,0.1); border-top-color: #ffd700; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Золотой градиент для текста */
.gold-gradient-text { background: linear-gradient(to right, #ffd700, #facc15, #fbbf24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Остальные классы можно скопировать из Tailwind или написать вручную, 
   но для экономии места предположим, что вы используете локальный Tailwind. 
   Если нет – ниже примеры некоторых классов: */
.container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
/* ... добавьте все нужные классы из ваших компонентов ... */