@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');

/* =========================================================
   FUTCOINSNIPER TERMS PAGE
   File: assets/css/terms.css
   Background: assets/img/bg4.webp
========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: #02060a !important;
  color: #e6edf5 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  font-family: "Manrope", Arial, sans-serif !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

/* Transparent theme wrappers */
#page,
#main,
.page-wrapper,
.content-area,
.site-main,
.entry-content,
.container,
.row,
.col {
  background: transparent !important;
}

/* =========================================================
   PAGE BACKGROUND
========================================================= */

.fcs-terms-page {
  min-height: 100vh !important;
  background-color: #02060a !important;
  background-image: url("../img/bg4.webp") !important;
  background-repeat: repeat-y !important;
  background-position: top center !important;
  background-size: 100% auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.fcs-terms-section {
  position: relative !important;
  min-height: 100vh !important;
  padding: 40px 0 120px !important;
}

.fcs-terms-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 50% 10%, rgba(255, 194, 41, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(2, 6, 10, 0.10), rgba(2, 6, 10, 0.45)) !important;
}

.fcs-terms-shell {
  position: relative !important;
  z-index: 2 !important;

  width: min(100% - 56px, 1320px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
}

/* =========================================================
   HERO
========================================================= */

.fcs-terms-hero {
  max-width: 900px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

.fcs-terms-title {
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #ffffff !important;
  font-size: clamp(44px, 4.8vw, 78px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -3px !important;

  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.45),
    0 0 16px rgba(255, 255, 255, 0.06) !important;
}

.fcs-terms-title span {
  color: #ffc229 !important;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.45),
    0 0 22px rgba(255, 194, 41, 0.18) !important;
}

.fcs-terms-subtitle {
  max-width: 720px !important;
  margin: 0 auto !important;

  color: rgba(230, 237, 245, 0.74) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

/* =========================================================
   CONTENT AREA
========================================================= */

/* Outer wrapper is intentionally invisible */
.fcs-terms-card {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fcs-terms-content {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;

  color: rgba(230, 237, 245, 0.74) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  font-weight: 600 !important;
}

/* Default paragraph */
.fcs-terms-content p {
  max-width: 100% !important;
  margin: 0 0 18px !important;

  color: rgba(230, 237, 245, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  font-weight: 600 !important;

  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
}

/* Intro boxes before numbered sections */
.fcs-terms-content > p:first-child,
.fcs-terms-content > p:nth-child(2),
.fcs-terms-content > p:nth-child(3) {
  width: 100% !important;
  max-width: 100% !important;

  margin-bottom: 14px !important;
  padding: 14px 18px !important;

  border: 1px solid rgba(255, 194, 41, 0.14) !important;
  border-radius: 13px !important;

  background: rgba(0, 0, 0, 0.90) !important;
  color: rgba(230, 237, 245, 0.72) !important;
}

/* =========================================================
   NUMBERED SECTION CARDS
========================================================= */

.fcs-terms-content h3 {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 18px 0 0 !important;
  padding: 14px 20px 10px !important;

  border: 1px solid rgba(255, 194, 41, 0.20) !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 194, 41, 0.05),
      rgba(0, 0, 0, 0.90)
    ) !important;

  color: #ffc229 !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: -0.1px !important;
}

.fcs-terms-content > h3:first-of-type {
  margin-top: 18px !important;
}

.fcs-terms-content h3 + p {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 14px !important;
  padding: 12px 20px 16px !important;

  border: 1px solid rgba(255, 194, 41, 0.20) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0 0 14px 14px !important;

  background: rgba(0, 0, 0, 0.90) !important;

  color: rgba(230, 237, 245, 0.76) !important;

  font-size: 14px !important;
  line-height: 1.72 !important;
  font-weight: 600 !important;

  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =========================================================
   INLINE ELEMENTS
========================================================= */

.fcs-terms-content a {
  color: #ffc229 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.fcs-terms-content a:hover {
  color: #ffd76b !important;
}

.fcs-terms-content strong,
.fcs-terms-content b {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 800 !important;
}

.fcs-terms-content h3 strong,
.fcs-terms-content h3 b {
  color: #ffc229 !important;
}

/* Lists, just in case Terms text uses them later */
.fcs-terms-content ul,
.fcs-terms-content ol {
  margin: 0 0 20px 20px !important;
  padding: 0 !important;
}

.fcs-terms-content li {
  margin: 0 0 10px !important;
  color: rgba(230, 237, 245, 0.76) !important;
  line-height: 1.7 !important;
}

/* Footer on this page */
.fcs-terms-page + .fcs-inner-footer,
.fcs-terms-page + .fcs-site-footer {
  background: #02060a !important;
  background-image: none !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 820px) {
  .fcs-terms-page {
    background-size: cover !important;
    background-repeat: repeat-y !important;
    background-position: top center !important;
  }

  .fcs-terms-section {
    padding: 88px 0 72px !important;
  }

  .fcs-terms-shell {
    width: calc(100% - 24px) !important;
    max-width: 430px !important;
  }

  .fcs-terms-title {
    font-size: 40px !important;
    line-height: 0.98 !important;
    letter-spacing: -2.2px !important;
  }

  .fcs-terms-subtitle {
    font-size: 14px !important;
  }

  .fcs-terms-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .fcs-terms-content {
    width: 100% !important;
    max-width: 100% !important;

    font-size: 13.5px !important;
    line-height: 1.68 !important;
  }

  .fcs-terms-content p {
    font-size: 13.5px !important;
    line-height: 1.68 !important;
  }

  .fcs-terms-content > p:first-child,
  .fcs-terms-content > p:nth-child(2),
  .fcs-terms-content > p:nth-child(3) {
    margin-bottom: 12px !important;
    padding: 13px 15px !important;
  }

  .fcs-terms-content h3 {
    margin: 14px 0 0 !important;
    padding: 12px 16px 9px !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .fcs-terms-content h3 + p {
    margin: 0 0 12px !important;
    padding: 11px 16px 14px !important;

    font-size: 13.5px !important;
    line-height: 1.68 !important;
  }
}

@media (max-width: 420px) {
  .fcs-terms-title {
    font-size: 36px !important;
  }
}