/* Freetask — global.css */
* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
body { background: #0A0B10; }
input, select, textarea { outline: none; }
input:focus, select:focus, textarea:focus { border-color: #6E5BFF; }

/* Task cards */
.task-card { transition: all 0.3s cubic-bezier(0.4,0,0.2,1); cursor: pointer; }
.task-card:active { transform: scale(0.98); }
.task-card:hover  { border-color: rgba(110,91,255,0.3); background: rgba(110,91,255,0.03); }

/* Method cards (withdrawal wizard) */
.method-card { transition: all 0.2s ease; }
.method-card.active { border-color: #6E5BFF; background: rgba(110,91,255,0.08); }

/* Answer options */
.answer-option { transition: all 0.2s ease; cursor: pointer; }
.answer-option:hover    { border-color: #6E5BFF; background: rgba(110,91,255,0.05); }
.answer-option.selected { border-color: #6E5BFF; background: rgba(110,91,255,0.10); }
.answer-option.correct  { border-color: #37D6A9; background: rgba(55,214,169,0.10); }
.answer-option.wrong    { border-color: #FF4757; background: rgba(255,71,87,0.10);  }

/* Modal overlay */
.modal-overlay { background: rgba(10,11,16,0.95); backdrop-filter: blur(10px); }

/* Image annotation */
.image-annotation { position: relative; cursor: crosshair; }
.annotation-dot {
  position: absolute; width: 24px; height: 24px;
  border: 2px solid #6E5BFF; border-radius: 50%;
  background: rgba(110,91,255,0.3); pointer-events: none;
}

/* Copy button */
.btn-copy:active { transform: scale(0.95); }

/* Text-to-copy block */
.text-to-copy {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px; padding: 20px;
  font-family: 'IBM Plex Mono', monospace; letter-spacing: 0.5px;
}

/* Plan cards (offers) */
.plan-card { transition: all 0.3s cubic-bezier(0.4,0,0.2,1); }
.plan-card:hover { transform: translateY(-8px); }
.plan-card.popular { transform: scale(1.05); z-index: 10; }
.plan-card.popular:hover { transform: scale(1.08) translateY(-8px); }
@media (max-width: 768px) {
  .plan-card.popular { transform: scale(1); }
  .plan-card.popular:hover { transform: translateY(-8px); }
}

/* Feature items */
.feature-item { transition: all 0.2s ease; }
.feature-item:hover { transform: translateX(4px); }

/* Glow ring */
.glow-ring { animation: pulseGlow 2s ease-in-out infinite; }
@keyframes pulseGlow {
  0%,100% { box-shadow: 0 0 20px rgba(110,91,255,0.3); }
  50%      { box-shadow: 0 0 40px rgba(110,91,255,0.6); }
}

/* Chat widget */
.chat-float-btn { position: fixed; right: 18px; bottom: 80px; z-index: 60; }
.chat-widget    { position: fixed; right: 18px; bottom: 140px; width: 340px; max-width: calc(100% - 36px); z-index: 70; }
.chat-hidden    { display: none; }

/* Slide enter */
.slide-enter { animation: slideUp 0.3s ease-out; }
@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}