/* ============================================
   FLAMELAB — GLOBAL STYLESHEET
   ============================================ */

/* ---------- Reset & Base ---------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

::-webkit-scrollbar {
  display: none;
}

/* ---------- Animated Items ---------- */
.animated-item {
  opacity: 0;
  animation-fill-mode: forwards;
}

/* ---------- Form Inputs (Contact page) ---------- */
.form-input {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.form-input:focus {
  outline: none;
  border-color: #407BF2;
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 2px rgba(64, 123, 242, 0.3);
}

/* ---------- Contact page: Select dropdown arrow ---------- */
#subject {
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 20 20\'%3e%3cpath stroke=\'%236b7280\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'1.5\' d=\'M6 8l4 4 4-4\'/%3e%3c/svg%3e');
  background-position: right 0.75rem center;
  background-size: 1.5em 1.5em;
}

/* ---------- Home page: Hero animation delays ---------- */
#iq2ra {
  animation-delay: 100ms;
}

#ipp2l {
  animation-delay: 300ms;
}

#hero-cta-main {
  animation-delay: 500ms;
}

#value-propositions {
  animation-delay: 700ms;
}

/* ---------- About page: animation delays ---------- */
#id635 {
  animation-delay: 200ms;
}

#partnership-image {
  animation-delay: 300ms;
}

#partnership-text {
  animation-delay: 400ms;
}

#is4eb {
  animation-delay: 100ms;
}

#ipehv {
  animation-delay: 200ms;
}

#iu7tq {
  animation-delay: 300ms;
}

#imvbyj {
  animation-delay: 400ms;
}

#iajkfh {
  animation-delay: 100ms;
}

#specialist-tags {
  animation-delay: 200ms;
}

/* ---------- Contact page: animation delays ---------- */
#contact-info-block {
  animation-delay: 200ms;
}

#contact-form-block {
  animation-delay: 400ms;
}