/* SpecStocks homepage latest-pick card and newsletter button: blue light flowing toward the top right. */
.latest-stock-pick-card,
#mc-embedded-subscribe {
  background-image:
    radial-gradient(ellipse at 12% 88%, rgba(18, 116, 228, .28) 0%, rgba(18, 116, 228, 0) 58%),
    radial-gradient(ellipse at 90% 10%, rgba(102, 181, 255, .12) 0%, rgba(102, 181, 255, 0) 54%),
    linear-gradient(45deg, #032858 0%, #07488d 36%, #085ba9 70%, #0869bb 100%);
  background-size: 165% 165%, 130% 130%, 100% 100%;
  background-position: 0% 100%, 100% 0%, 50% 50%;
  animation: specstocks-blue-light 14s ease-in-out infinite alternate;
}

@keyframes specstocks-blue-light {
  to {
    background-size: 125% 125%, 160% 160%, 100% 100%;
    background-position: 65% 35%, 45% 55%, 50% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .latest-stock-pick-card,
  #mc-embedded-subscribe { animation: none; }
}

/* Decorative placeholder layer preserves native email input behavior on iPhone Safari. */
.newsletter-gradient-field { display: inline-flex; position: relative; }
.newsletter-gradient-field #mce-EMAIL::placeholder { color: transparent; opacity: 1; }
.newsletter-gradient-prompt {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  padding-left: 2px; padding-right: 2px; box-sizing: border-box;
  pointer-events: none; font-family: Inter, Arial, sans-serif; font-size: 21px;
  line-height: normal; white-space: nowrap; color: #0869bb;
}
.newsletter-gradient-field #mce-EMAIL:focus + .newsletter-gradient-prompt,
.newsletter-gradient-field #mce-EMAIL:not(:placeholder-shown) + .newsletter-gradient-prompt { visibility: hidden; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .newsletter-gradient-prompt-text {
  background-image:
    radial-gradient(ellipse at 12% 88%, rgba(18, 116, 228, .28) 0%, rgba(18, 116, 228, 0) 58%),
    radial-gradient(ellipse at 90% 10%, rgba(102, 181, 255, .12) 0%, rgba(102, 181, 255, 0) 54%),
    linear-gradient(45deg, #032858 0%, #07488d 36%, #085ba9 70%, #0869bb 100%);
  background-size: 165% 165%, 130% 130%, 100% 100%;
  background-position: 0% 100%, 100% 0%, 50% 50%;
  animation: specstocks-blue-light 14s ease-in-out infinite alternate;
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .newsletter-gradient-prompt-text { animation: none; }
}

/* Flat native controls; lighten the blue field while retaining white text contrast. */
#mc-embedded-subscribe {
  -webkit-appearance: none; appearance: none;
  border: 0; box-shadow: none;
}
#mc-embedded-subscribe:not(:disabled):hover {
  background-image:
    radial-gradient(ellipse at 12% 88%, rgba(18, 116, 228, .28) 0%, rgba(18, 116, 228, 0) 58%),
    radial-gradient(ellipse at 90% 10%, rgba(102, 181, 255, .12) 0%, rgba(102, 181, 255, 0) 54%),
    linear-gradient(45deg, #0c3c76 0%, #0c559a 36%, #0b63b3 70%, #0869bb 100%);
}
#mc-embedded-subscribe:not(:disabled):active {
  background-image:
    radial-gradient(ellipse at 12% 88%, rgba(18, 116, 228, .28) 0%, rgba(18, 116, 228, 0) 58%),
    radial-gradient(ellipse at 90% 10%, rgba(102, 181, 255, .12) 0%, rgba(102, 181, 255, 0) 54%),
    linear-gradient(45deg, #124985 0%, #125da4 36%, #1267b7 70%, #0869bb 100%);
}

/* Keep touch-device form rows independent of native input baseline changes. */
@media (hover: none) and (pointer: coarse) {
  .newsletter-gradient-field { vertical-align: top; }
}

/* Pick box only: retain the dark corner and flow into the logo cyan-blue. */
.latest-stock-pick-card {
  background-image:
    radial-gradient(ellipse at 12% 88%, rgba(18, 116, 228, .28) 0%, rgba(18, 116, 228, 0) 58%),
    radial-gradient(ellipse at 90% 10%, rgba(102, 181, 255, .12) 0%, rgba(102, 181, 255, 0) 54%),
    linear-gradient(45deg, #032858 0%, #064c85 40%, #08679d 68%, #087fad 82%, #0bcfff 100%);
}

/* Approved homepage newsletter envelope and soft field treatment. */
.newsletter-gradient-field { cursor: text; }
.newsletter-gradient-field #mce-EMAIL { background-color: #f4f9ff; }
.newsletter-gradient-field #mce-EMAIL:focus { background-color: #eaf3ff; }
.newsletter-gradient-prompt { gap: 9px; font-size: 20px; }
.newsletter-envelope { flex: 0 0 20px; width: 20px; height: 20px; color: #0b5ba5; }

/* Homepage pick artwork, including future picks. */
.latest-stock-pick-card .pick-company-image { border-radius: 5px; border-color: #8FCE49 !important; }