* { box-sizing: border-box; }

html {
  overflow-x: hidden;
}

body {
  background: #0B0F1A;
  font-family: 'Inter', system-ui, sans-serif;
  color: #fff;
  min-height: 100vh;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

.gradient-orange {
  background: linear-gradient(135deg, #F5A623 0%, #FF8C00 100%);
}
.gradient-orange:hover {
  background: linear-gradient(135deg, #FFB347 0%, #FF9A1F 100%);
}

.btn-teal {
  background: transparent;
  border: 1.5px solid #00D4AA;
  color: #00D4AA;
}
.btn-teal:hover {
  background: rgba(0, 212, 170, 0.1);
}

.btn-purple {
  background: linear-gradient(135deg, #7B61FF 0%, #6B4EFF 100%);
}

.input-dark {
  background: #1A2236;
  border: 1px solid #2A3448;
  color: #fff;
}
.input-dark:focus {
  outline: none;
  border-color: #F5A623;
  box-shadow: 0 0 0 2px rgba(245, 166, 35, 0.2);
}
.input-dark::placeholder {
  color: #5A6478;
}

.card-glow {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.logo-glow {
  box-shadow: 0 0 24px rgba(245, 166, 35, 0.5);
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

#toast {
  transition: opacity 0.3s, transform 0.3s;
}

.tab-btn.active {
  background: linear-gradient(135deg, #F5A623 0%, #FF8C00 100%);
  color: #fff;
  border-color: transparent;
}

/* Mobile touch targets */
@media (max-width: 640px) {
  button, a {
    min-height: 40px;
  }
}