/* Background Configuration - Customize colors and effects here */

body {
  background:
    linear-gradient(rgba(12, 18, 28, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12, 18, 28, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfcfd 0%, #eff3f8 55%, #f8fafc 100%);
  background-size: 28px 28px, 28px 28px, 100% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Background overlay variations - uncomment to use */

/* Option 1: Darker background */
/* body {
  background: radial-gradient(circle at 50% 0%, rgba(255, 104, 4, 0.2), transparent 50%),
    linear-gradient(145deg, #030304, #0a0c12 50%, #030304);
} */

/* Option 2: More vibrant orange */
/* body {
  background: radial-gradient(circle at 50% 0%, rgba(255, 104, 4, 0.5), transparent 35%),
    linear-gradient(145deg, #0a0b0f, #131820 50%, #0a0b0f);
} */

/* Option 3: Blue/Orange mix */
/* body {
  background: radial-gradient(circle at 50% 0%, rgba(255, 104, 4, 0.3), transparent 35%),
    radial-gradient(circle at 50% 100%, rgba(100, 150, 255, 0.1), transparent 50%),
    linear-gradient(145deg, #050507, #10131b 50%, #050507);
} */

/* Text sizing and weight configuration */

h1 {
  font-size: clamp(32px, 8vw, 64px);
  font-weight: 900;
  letter-spacing: -0.07em;
}

h2 {
  font-size: clamp(20px, 5vw, 25px);
  font-weight: 800;
}

h3 {
  font-size: clamp(18px, 4vw, 22px);
  font-weight: 700;
}

p {
  font-size: clamp(14px, 4vw, 17px);
  font-weight: 400;
  line-height: 1.45;
}

.badge {
  font-size: clamp(11px, 3vw, 12px);
  font-weight: 900;
}

.prize-title {
  font-size: clamp(28px, 7vw, 36px);
  font-weight: 900;
}

.claim {
  font-size: clamp(20px, 6vw, 30px);
  font-weight: 950;
  letter-spacing: 0.12em;
}

.account-prize {
  font-size: clamp(20px, 5vw, 26px);
  font-weight: 700;
  color: #ff9a3d;
  margin: 8px 0;
}

.note {
  font-size: clamp(12px, 3vw, 14px);
  font-weight: 400;
}

.cta-btn {
  font-size: clamp(13px, 3vw, 15px);
  font-weight: 900;
  letter-spacing: 0.05em;
}

small {
  font-size: clamp(12px, 3vw, 14px);
  font-weight: 500;
}
