/* CryptoFlow PHP conversion - minimal extras beyond Tailwind CDN */

:root{
  --bg: #1A1F2C;
}

html { scroll-behavior: smooth; }
body { font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* Custom utilities that were in the Tailwind build */
.text-gradient{
  background: linear-gradient(90deg, #9b87f5, #D6BCFA);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bg-gradient-hero{
  background:
    radial-gradient(600px circle at 20% 20%, rgba(155,135,245,0.22), transparent 45%),
    radial-gradient(700px circle at 80% 60%, rgba(214,188,250,0.16), transparent 45%),
    linear-gradient(180deg, #1A1F2C 0%, #12141C 100%);
}

.hero-glow::before{
  content:"";
  position:absolute;
  inset:-20%;
  background: radial-gradient(700px circle at 50% 15%, rgba(155,135,245,0.18), transparent 60%);
  pointer-events:none;
}

/* Scroll animation (used by .animate-on-scroll) */
.animate-on-scroll{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.show{
  opacity: 1;
  transform: translateY(0);
}

/* Improve <details> accordion UX */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display:none; }
details[open] > summary { color: #9b87f5; }

/* Small helper for the fixed nav shadow on scroll */
.nav-scrolled{
  background-color: rgba(26,31,44,0.8);
  backdrop-filter: blur(12px);
  padding-top: .75rem;
  padding-bottom: .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

 .advantages {
    background: radial-gradient(700px circle at 50% 15%, rgba(155,135,245,0.18), transparent 60%);
}
.adv_list {
    margin: 4em 0 0 0;
}
.adv_list .row {
    align-items: self-start !important;
}
.adv_list .col-3,
.adv_list .col-2 {
    text-align: center;
}
.adv_list .col-2 > i {
    display: block;
    margin: 1em 0 0 0;
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 1em 0 0 0;
}
.adv_list .col-3 > img,
.adv_list .col-2 > img {
    max-width: 50px;
    margin: 0 0 1em 0;
}
.adv_list .col-3:nth-child(2),
.adv_list .col-3:nth-child(3),
.adv_list .col-2:nth-child(2),
.adv_list .col-2:nth-child(3),
.adv_list .col-2:nth-child(4) {
    margin: 2em 0 0 0;
}