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

/* Базовые отступы для мобильных (минимальные отступы) */
body {
  padding-left: 0;
  padding-right: 0;
  background: var(--bg-dark);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-main);
  line-height: 1.4;
}

/* Страницы - базовые отступы для мобильных */
.page {
  display: none;
  padding: 85px 12px 90px;
  animation: fadeIn 0.25s ease;
}

/* Планшеты (от 768px до 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Ноутбуки (от 1024px до 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
  .page {
    padding-left: 80px;
    padding-right: 80px;
  }
}

/* ПК и мониторы (от 1280px до 1599px) */
@media (min-width: 1280px) and (max-width: 1599px) {
  .page {
    padding-left: 150px;
    padding-right: 150px;
  }
}

/* Большие экраны (от 1600px до 1919px) */
@media (min-width: 1600px) and (max-width: 1919px) {
  .page {
    padding-left: 220px;
    padding-right: 220px;
  }
}

/* Очень большие экраны (от 1920px до 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
  .page {
    padding-left: 320px;
    padding-right: 320px;
  }
}

/* Ультраширокие экраны (от 2560px и выше) */
@media (min-width: 2560px) {
  .page {
    padding-left: 500px;
    padding-right: 500px;
  }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px);}
  to { opacity: 1; transform: translateY(0);}
}

/* Слайдер на всю ширину без отступов */
.sliders-container,
.hero-sliders-wrapper,
.hero-sliders {
  width: 100%;
}

.slider-card {
  flex: 0 0 auto;
  min-width: 120px;
}

.page.active { 
  display: block !important; 
}

:root {
  --bg-dark: #000000;
  --bg-card: #050505;
  --bg-elevated: #0a0a0a;
  --bg-soft: #020202;
  --accent-primary: #3b82f6;
  --accent-secondary: #2563eb;
  --text-main: #f5f5f5;
  --text-muted: #5f5f6b;
  --green-bright: #22c55e;
  --border-light: rgba(59,130,246,0.08);
  --shadow-sm: 0 8px 20px rgba(0,0,0,0.8);
  --gold: #fbbf24;
  --tg-bg: #000000;
  --tg-message-in: #111111;
  --tg-message-out: #1e3a8a;
}

body {
  background: var(--bg-dark);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-main);
  line-height: 1.4;
}

/* Темный градиент для глубины */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.02), transparent 80%);
  pointer-events: none;
  z-index: 0;
}

/* Стили для контейнера с анимированным логотипом - черный фон */
.cube-container {
  width: 200px;
  height: 160px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #030303, #000000);
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(59, 130, 246, 0.1);
}

.cube-container:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.2);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9);
}

/* Карточка баланса - черная */
.profile-balance-card {
  background: linear-gradient(135deg, #080808, #000000);
  border-radius: 28px;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid rgba(59,130,246,0.08);
}

/* Карточка пользователя - черная */
.profile-user-card {
  background: var(--bg-card);
  border-radius: 32px;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid rgba(59,130,246,0.05);
}

/* Слайдер */
.home-slider {
  margin-bottom: 24px;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
}


input:focus, textarea:focus, select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,0.2) !important;
}

/* === ЖЁСТКОЕ УДАЛЕНИЕ СИНИХ РАМОК === */
.header-search,
.header-search:focus,
.header-search:focus-within,
.global-search-input,
.global-search-input:focus,
.steam-fields-row .input-modern,
.steam-fields-row .input-modern:focus,
#amountInput,
#amountInput:focus,
#steamLogin,
#steamLogin:focus,
.input-modern,
.input-modern:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.global-search-input,
.global-search-input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important; 
  background: transparent !important;
}


/* === ГЛОБАЛЬНОЕ ИЗМЕНЕНИЕ РАДИУСА УГЛОВ === */
* {
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 28px;
  --radius-3xl: 32px;
}

/* Карточки товаров */
.product-card,
.card-modern,
.admin-card,
.modal-content,
.profile-card,
.balance-card,
.stat-card,
.section-card,
.withdraw-container .balance-card {
  border-radius: var(--radius-xl) !important;
}

/* Кнопки */
.btn-glow,
.pay-btn-blue,
.withdraw-btn,
.topup-submit-btn,
.auth-submit-btn,
.guest-login-btn,
.guest-register-btn {
  border-radius: var(--radius-3xl) !important;
}

/* Поля ввода */
.input-modern,
.header-search,
.steam-fields-row .input-modern {
  border-radius: var(--radius-lg) !important;
}

/* Хедер и навигация */
.header,
.bottom-nav,
.nav-links {
  border-radius: 0 !important;
}

/* Карусель */
.my-carousel-slide,
.smooth-slide,
.mini-slider-wrapper {
  border-radius: var(--radius-xl) !important;
}

/* Чат */
.message-bubble,
.chat-input-field,
.dialog-item {
  border-radius: var(--radius-lg) !important;
}

/* Аватар */
.avatar-wrapper,
.avatar-inner,
.profile-avatar-circle {
  border-radius: 50% !important;
}

/* Профиль */
.profile-card,
.products-list-container {
  border-radius: var(--radius-2xl) !important;
}


/* Убираем стрелки у поля Сумма */
#amountInput::-webkit-outer-spin-button,
#amountInput::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#amountInput {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}