.fixed-bottom-bar {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: rgba(10, 10, 18, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(245, 158, 11, 0.3) !important;
  padding: 10px 14px !important;
  padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.6) !important;
}

.input {
  padding: 10px 12px !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  background: #12121f !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  width: 160px !important;
  flex-shrink: 0 !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.input:focus {
  border-color: #ffd700 !important;
}

.btn-link {
  padding: 10px 18px !important;
  min-height: 42px !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #07070d !important;
  transition: all 0.25s ease !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.btn-login {
  background: linear-gradient(135deg, #ffd700 0%, #f59e0b 50%, #ea580c 100%) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  color: #07070d !important;
  box-shadow: 0 3px 12px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.btn-login:hover,
.btn-login:active {
  background: linear-gradient(135deg, #ffe44d 0%, #ffd700 50%, #f59e0b 100%) !important;
  color: #07070d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 18px rgba(255, 215, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

.btn-register {
  background: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #2dd4bf 100%) !important;
  border: 1px solid rgba(45, 212, 191, 0.8) !important;
  color: #06121e !important;
  box-shadow: 0 3px 12px rgba(20, 184, 166, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.btn-register:hover,
.btn-register:active {
  background: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 50%, #5eead4 100%) !important;
  color: #050d15 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 18px rgba(45, 212, 191, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

@media (max-width: 480px) {
  .fixed-bottom-bar {
    padding: 8px 10px !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
    gap: 6px !important;
  }
  .input {
    width: 110px !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
  }
  .btn-link {
    padding: 8px 14px !important;
    font-size: 12.5px !important;
    min-height: 38px !important;
    flex: 1 !important;
  }
}

@media (max-width: 360px) {
  .input {
    width: 90px !important;
    font-size: 12px !important;
  }
  .btn-link {
    padding: 8px 10px !important;
    font-size: 11.5px !important;
    letter-spacing: 0.02em !important;
  }
}