/* Copy Animation */

.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  right: 12%;
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: #ff7000;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0.7;
    transform: translateX(40%);
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.cookies-card {
  width: 520px;
  padding: 30px;
  color: #1e2337;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999999;
  transition: all 0.5s;
  background: #d1d1d1;
  border-radius: 5px;
}

.cookies-card.hide {
  bottom: -500px !important;
}

.radius--10px {
  border-radius: 10px;
}

.cookies-card__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #6e6f70;
  color: #fff;
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cookies-card__content {
  margin-bottom: 0;
}

.cookies-btn {
  color: #363636;
  text-decoration: none;
  padding: 10px 35px;
  margin: 3px 5px;
  display: inline-block;
  border-radius: 999px;
}

.cookies-btn:hover {
  color: #363636;
}

@media (max-width: 767px) {
  .cookies-card {
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    padding: 15px;
  }
}

.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 130%;
  left: 50%;
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: "";
  bottom: -19px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #1a1a1a transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.input-popup p {
  padding-left: 20px;
  position: relative;
}

.input-popup p::before {
  position: absolute;
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  left: 0;
  top: 4px;
  line-height: 1;
  font-size: 18px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}

.show-filter {
  display: none;
}

@media (max-width: 767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
    /* position: absolute;
    top: -44px;
    right: 15px; */
  }
}

.close-button {
  border-radius: 3px;
  line-height: 1em;
  padding: 10px;
}

.maintenance-page {
  display: grid;
  place-content: center;
  width: 100vw;
  height: 100vh;
}

.maintenance-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  font-size: 26px;
  color: #e73d3e;
}


/* ================================================================
   INVESTMENT PLANS PAGE — FINAL CSS
   Prefix: psc-  /  pd-
   Paste at END of custom.css
   Theme: exact dashboard #0a0e1a | #0F62FE | #00D4FF
   ================================================================ */

/* ----------------------------------------------------------------
   FORCE DARK BACKGROUND — matches dashboard bg-0
   ---------------------------------------------------------------- */
.plans-page-wrap {
    background: #0a0e1a !important;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
    color: #F4F4F4;
}

/* ----------------------------------------------------------------
   DISCLAIMER MODAL
   ---------------------------------------------------------------- */
.pd-overlay {
    position: fixed; inset: 0;
    background: rgba(4,7,16,0.93);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: 999999;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    opacity: 0; pointer-events: none;
    transition: opacity 0.3s ease;
}
.pd-overlay--open { opacity: 1; pointer-events: all; }

.pd-box {
    background: #0f1422;
    border: 1px solid rgba(0,212,255,0.18);
    border-radius: 16px;
    width: 100%; max-width: 580px;
    max-height: 88vh; overflow-y: auto;
    box-shadow: 0 0 80px rgba(15,98,254,0.14), 0 32px 80px rgba(0,0,0,0.75),
                inset 0 1px 0 rgba(0,212,255,0.06);
    transform: translateY(30px) scale(0.97);
    transition: transform 0.35s cubic-bezier(0.34,1.5,0.64,1);
}
.pd-overlay--open .pd-box { transform: translateY(0) scale(1); }
.pd-box::-webkit-scrollbar { width: 3px; }
.pd-box::-webkit-scrollbar-thumb { background: rgba(15,98,254,0.4); border-radius: 3px; }

.pd-box__head {
    display: flex; align-items: center; gap: 13px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.pd-box__icon {
    width: 40px; height: 40px; min-width: 40px;
    background: rgba(15,98,254,0.12);
    border: 1px solid rgba(15,98,254,0.28);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px; color: #00D4FF;
}
.pd-box__title {
    font-size: 15px; font-weight: 700; color: #F4F4F4;
    margin: 0 0 2px; letter-spacing: -.2px;
}
.pd-box__sub {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px; color: #586080;
    margin: 0; letter-spacing: .5px;
}
.pd-box__close {
    margin-left: auto; width: 30px; height: 30px; min-width: 30px;
    border-radius: 7px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    color: #A0AAC0; font-size: 12px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all .2s;
}
.pd-box__close:hover { background: rgba(218,30,40,0.1); border-color: rgba(218,30,40,0.2); color: #ff7070; }

.pd-box__body {
    padding: 20px 22px;
}
.pd-box__body p {
    font-size: 13px; color: #A0AAC0; line-height: 1.75;
    margin-bottom: 14px;
}
.pd-box__body p:last-child { margin-bottom: 0; }

.pd-box__foot {
    padding: 14px 22px 20px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* Checkbox */
.pd-box__chklabel {
    display: flex; align-items: center; gap: 10px;
    cursor: pointer; font-size: 12.5px; color: #A0AAC0;
    margin-bottom: 14px; user-select: none;
}
.pd-box__chkinput { display: none; }
.pd-box__chkmark {
    width: 16px; height: 16px; min-width: 16px;
    border: 2px solid rgba(15,98,254,0.45); border-radius: 4px;
    background: transparent; display: flex; align-items: center; justify-content: center;
    transition: all .2s;
}
.pd-box__chklabel:hover .pd-box__chkmark { border-color: #0F62FE; }
.pd-box__chkinput:checked + .pd-box__chkmark {
    background: #0F62FE; border-color: #0F62FE;
}
.pd-box__chkinput:checked + .pd-box__chkmark::after {
    content: ''; width: 3px; height: 7px;
    border: 2px solid #fff; border-top: none; border-left: none;
    transform: rotate(45deg) translateY(-1px); display: block;
}

.pd-box__btns { display: flex; gap: 10px; }
.pd-box__cancelbtn {
    flex-shrink: 0; padding: 10px 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px; color: #A0AAC0;
    font-size: 13px; font-weight: 500; cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
}
.pd-box__cancelbtn:hover { background: rgba(255,255,255,0.07); color: #F4F4F4; }

.pd-box__okbtn {
    flex: 1; padding: 11px 18px;
    background: linear-gradient(135deg, #0043CE, #0F62FE);
    border: none; border-radius: 8px;
    color: #fff; font-size: 13px; font-weight: 700;
    cursor: pointer; font-family: 'Inter', sans-serif;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    position: relative; overflow: hidden;
    transition: all .3s ease;
    box-shadow: 0 4px 20px rgba(15,98,254,0.35);
}
.pd-box__okbtn:disabled {
    background: rgba(255,255,255,0.06);
    color: rgba(160,170,200,0.3);
    box-shadow: none; cursor: not-allowed;
}
.pd-box__okbtn:not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(15,98,254,0.55);
    background: linear-gradient(135deg, #0F62FE, #00D4FF);
    color: #000;
}
.pd-box__okbtn-shine {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transform: translateX(-100%); transition: transform .5s;
}
.pd-box__okbtn:not(:disabled):hover .pd-box__okbtn-shine { transform: translateX(100%); }

/* ----------------------------------------------------------------
   BACKGROUND SCENE
   ---------------------------------------------------------------- */
.psc-bg {
    position: fixed; inset: 0;
    pointer-events: none; z-index: 0; overflow: hidden;
}
.psc-grid {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(0,212,255,0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,0.022) 1px, transparent 1px);
    background-size: 70px 70px;
    animation: pscGridMove 28s linear infinite;
}
@keyframes pscGridMove { 0%{ background-position:0 0; } 100%{ background-position:70px 70px; } }

.psc-canvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
}

.psc-glow {
    position: absolute; border-radius: 50%;
    filter: blur(110px);
    animation: pscGlowDrift 22s ease-in-out infinite;
}
.psc-glow--a {
    width: 550px; height: 550px;
    background: rgba(15,98,254,0.07);
    top: -120px; left: -80px; animation-delay: 0s;
}
.psc-glow--b {
    width: 440px; height: 440px;
    background: rgba(0,212,255,0.05);
    top: 40%; right: -80px; animation-delay: 9s;
}
@keyframes pscGlowDrift {
    0%,100% { transform: translate(0,0); }
    40%     { transform: translate(30px,-25px); }
    70%     { transform: translate(-20px,20px); }
}

.psc-beam {
    position: absolute; height: 1px; width: 100%;
    background: linear-gradient(90deg, transparent 0%, #00D4FF 50%, transparent 100%);
    opacity: 0; animation: pscBeam 14s ease-in-out infinite;
}
#pscBeam1 { top: 28%; animation-delay: 0s; }
#pscBeam2 { top: 72%; animation-delay: 7s; }
@keyframes pscBeam {
    0%,100% { opacity:0; transform:scaleX(.1); }
    50%     { opacity:.055; transform:scaleX(1); }
}

/* ----------------------------------------------------------------
   HERO
   ---------------------------------------------------------------- */
.psc-hero {
    position: relative; z-index: 2;
    text-align: center;
    padding: 60px 16px 50px;
}

.psc-hero__tag {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px; font-weight: 700; letter-spacing: 2.5px;
    color: rgba(0,212,255,0.6);
    margin-bottom: 22px;
}
.psc-tag-pulse {
    display: inline-block; width: 7px; height: 7px; border-radius: 50%;
    background: #24A148; box-shadow: 0 0 8px #24A148;
    animation: pscTagBlink 1.4s ease-in-out infinite;
}
.psc-hero__tag-txt { letter-spacing: 3px; }
@keyframes pscTagBlink { 0%,100%{opacity:1;} 50%{opacity:.2;} }

.psc-hero__h1 {
    font-size: clamp(28px, 5vw, 60px);
    font-weight: 800; letter-spacing: -.5px; line-height: 1.1;
    color: #F4F4F4;
    margin-bottom: 14px;
    text-shadow: 0 0 60px rgba(15,98,254,0.18);
}

.psc-hero__p {
    font-size: 15px; color: #A0AAC0; line-height: 1.75;
    max-width: 520px; margin: 0 auto 36px;
}

/* Stats strip — matches dashboard .stats-strip exactly */
.psc-stats {
    display: inline-flex; align-items: stretch;
    background: #0f1422;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px; overflow: hidden;
    position: relative;
}
.psc-stats::before {
    content: ''; position: absolute; top:0; left:0; right:0; height:1px;
    background: linear-gradient(90deg, transparent, #00D4FF, transparent);
    opacity: .2;
}
.psc-stat {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 22px;
    transition: background .2s;
    cursor: default;
}
.psc-stat:hover { background: rgba(15,98,254,0.04); }
.psc-stat__sep {
    width: 1px; background: rgba(255,255,255,0.06);
    margin: 10px 0;
}
.psc-stat__icon {
    width: 40px; height: 40px; min-width: 40px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
}
.psc-stat__icon--electric { background:rgba(0,212,255,0.08);  border:1px solid rgba(0,212,255,0.2);  color:#00D4FF; }
.psc-stat__icon--blue     { background:rgba(15,98,254,0.08);  border:1px solid rgba(15,98,254,0.2);  color:#0F62FE; }
.psc-stat__icon--warn     { background:rgba(255,131,43,0.08); border:1px solid rgba(255,131,43,0.2); color:#FF832B; }
.psc-stat__icon--green    { background:rgba(36,161,72,0.08);  border:1px solid rgba(36,161,72,0.2);  color:#24A148; }

.psc-stat__val {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 20px; font-weight: 800; color: #F4F4F4; line-height: 1.1;
}
.psc-stat__lbl {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px; font-weight: 500;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: #586080; margin-top: 3px;
}

/* ----------------------------------------------------------------
   COIN TABS
   ---------------------------------------------------------------- */
.psc-tabs-wrap {
    position: relative; z-index: 2;
    display: flex; justify-content: center;
    margin-bottom: 44px; padding: 0 16px;
}
.psc-tabs {
    display: flex; gap: 4px; flex-wrap: wrap; justify-content: center;
    background: rgba(10,14,28,.6);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 12px; padding: 5px;
}
.psc-tab {
    display: flex; align-items: center; gap: 9px;
    padding: 10px 18px; background: transparent;
    border: 1px solid transparent; border-radius: 9px;
    cursor: pointer; font-family: 'Inter', sans-serif;
    transition: all .25s ease; white-space: nowrap;
}
.psc-tab:hover { background: rgba(15,98,254,0.06); }
.psc-tab.active {
    background: rgba(15,98,254,0.10);
    border-color: rgba(15,98,254,0.25);
}
.psc-tab__imgwrap {
    position: relative; width: 26px; height: 26px; flex-shrink: 0;
}
.psc-tab__img {
    width: 26px; height: 26px; border-radius: 50%;
    object-fit: cover; display: block; position: relative; z-index: 1;
}
.psc-tab__pulse {
    position: absolute; inset: -3px; border-radius: 50%;
    border: 1px solid rgba(0,212,255,0.5);
    opacity: 0; transition: opacity .25s;
    animation: pscTabPulse 1.8s ease-out infinite;
}
.psc-tab.active .psc-tab__pulse { opacity: 1; }
@keyframes pscTabPulse {
    0%  { transform:scale(1); opacity:.7; }
    100%{ transform:scale(1.7); opacity:0; }
}
.psc-tab__name { font-size:13px; font-weight:600; color:#586080; transition:color .25s; }
.psc-tab.active .psc-tab__name { color:#F4F4F4; }
.psc-tab__code {
    font-family:'JetBrains Mono',monospace;
    font-size:9px; font-weight:700; letter-spacing:1px;
    color:rgba(88,96,128,.5); transition:color .25s;
}
.psc-tab.active .psc-tab__code { color:rgba(0,212,255,.65); }

/* ----------------------------------------------------------------
   CONTENT WRAP
   ---------------------------------------------------------------- */
.psc-content { position: relative; z-index: 2; }

/* ----------------------------------------------------------------
   PLAN CARDS
   ---------------------------------------------------------------- */
.psc-card {
    background: #0f1422;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 18px;
    display: flex; flex-direction: column;
    height: 100%; overflow: hidden;
    position: relative;

    /* Entrance */
    opacity: 0; transform: translateY(32px);
    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.34,1.2,.64,1),
        border-color .35s ease,
        box-shadow .35s ease;
}
.psc-card--in { opacity:1; transform:translateY(0); }
.psc-card--in:hover {
    transform: translateY(-9px);
    border-color: rgba(15,98,254,0.3);
    box-shadow: 0 0 40px rgba(15,98,254,0.08), 0 24px 60px rgba(0,0,0,0.55);
}

.psc-card--star {
    border-color: rgba(15,98,254,0.18);
    background: #111827;
    box-shadow: 0 0 28px rgba(15,98,254,0.06);
}
.psc-card--star.psc-card--in:hover {
    border-color: rgba(0,212,255,0.35);
    box-shadow: 0 0 60px rgba(0,212,255,0.08), 0 28px 70px rgba(0,0,0,0.6);
}

/* Ribbon */
.psc-card__ribbon {
    position: absolute; top:15px; right:-22px;
    background: linear-gradient(135deg,#0043CE,#0F62FE);
    color:#fff; font-family:'JetBrains Mono',monospace;
    font-size:9px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;
    padding:5px 36px; transform:rotate(45deg);
    box-shadow:0 4px 16px rgba(15,98,254,.5); z-index:10;
    display:flex; align-items:center; gap:5px;
}

/* Animated top line */
.psc-card__topline {
    height: 1px;
    background: linear-gradient(90deg, transparent, #00D4FF, transparent);
    opacity: 0; transition: opacity .35s;
    position: relative; z-index: 2;
}
.psc-card--in:hover .psc-card__topline,
.psc-card--star .psc-card__topline { opacity: 1; }

/* ── Identity row ── */
.psc-card__id-row {
    display: flex; align-items: center; gap: 13px;
    padding: 20px 20px 0;
    margin-bottom: 18px;
    position: relative; z-index: 2;
}
.psc-card__orb {
    position: relative; width: 52px; height: 52px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.psc-card__orb-ring {
    position: absolute; border-radius: 50%;
    border: 1px solid rgba(0,212,255,0.28);
}
.psc-card__orb-ring--i { inset:0; animation:pscOrb 8s linear infinite; }
.psc-card__orb-ring--o { inset:-7px; border-color:rgba(15,98,254,0.15); border-style:dashed; animation:pscOrb 15s linear infinite reverse; }
@keyframes pscOrb { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.psc-card__orb-img {
    width:38px; height:38px; border-radius:50%; object-fit:cover;
    position:relative; z-index:1;
    border:1px solid rgba(15,98,254,.25);
    box-shadow:0 0 14px rgba(15,98,254,.2);
}
.psc-card__code {
    display:block; font-family:'JetBrains Mono',monospace;
    font-size:9px; font-weight:700; letter-spacing:2px;
    color:rgba(0,212,255,.5); text-transform:uppercase; margin-bottom:4px;
}
.psc-card__planname {
    font-size:18px; font-weight:800; color:#F4F4F4; margin:0;
    letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.psc-card__live {
    font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:700;
    letter-spacing:1.5px; color:#24A148;
    background:rgba(36,161,72,.08); border:1px solid rgba(36,161,72,.2);
    padding:4px 8px; border-radius:4px;
    display:flex; align-items:center; gap:5px; flex-shrink:0;
}
.psc-live-dot {
    display:inline-block; width:5px; height:5px; border-radius:50%;
    background:#24A148; box-shadow:0 0 6px #24A148;
    animation:pscTagBlink 1.4s ease-in-out infinite;
}

/* ── Price row ── */
.psc-card__price-row {
    margin: 0 20px 18px; position:relative; z-index:2;
    background:rgba(15,98,254,0.05);
    border-top:1px solid rgba(15,98,254,0.14);
    border-bottom:1px solid rgba(15,98,254,0.14);
    display:flex; align-items:stretch;
}
.psc-card__price-lbar {
    width:3px; flex-shrink:0;
    background:linear-gradient(180deg,#0F62FE,#00D4FF);
}
.psc-card__price-content {
    padding:14px 16px; display:flex; flex-wrap:wrap;
    align-items:center; gap:4px 10px;
}
.psc-card__price-eyebrow {
    font-family:'JetBrains Mono',monospace;
    font-size:9px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
    color:#586080; flex-basis:100%; margin-bottom:3px;
}
.psc-card__price-main { display:flex; align-items:baseline; gap:3px; flex:1; }
.psc-card__price-sym {
    font-family:'JetBrains Mono',monospace;
    font-size:16px; font-weight:700; color:#00D4FF; line-height:1;
}
.psc-card__price-num {
    font-size:42px; font-weight:900; color:#F4F4F4;
    letter-spacing:-2px; line-height:1;
}
.psc-card__price-term {
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:#586080;
    display:flex; align-items:center; gap:5px; flex-basis:100%; margin-top:4px;
}
.psc-card__price-term i { color:rgba(15,98,254,.5); }

/* ── Feature items — animated icons ── */
.psc-card__features {
    padding: 0 20px;
    position: relative; z-index: 2;
    display: flex; flex-direction: column; gap: 6px;
    flex: 1; margin-bottom: 16px;
}

.psc-feat {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.04);
    transition: all .25s ease;
    cursor: default;
}
.psc-feat:hover {
    background: rgba(15,98,254,0.05);
    border-color: rgba(15,98,254,0.12);
    transform: translateX(4px);
}

/* Primary feature (daily return) */
.psc-feat--primary {
    background: rgba(15,98,254,0.07);
    border-color: rgba(15,98,254,0.18);
}
.psc-feat--primary:hover {
    background: rgba(15,98,254,0.11);
    border-color: rgba(0,212,255,0.25);
}

/* Icon — with animated ring */
.psc-feat__icon {
    width: 34px; height: 34px; min-width: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px;
    position: relative;
    transition: transform .25s ease;
    flex-shrink: 0;
}

/* Icon variants */
.psc-feat__icon--electric { background:rgba(0,212,255,.1);  border:1px solid rgba(0,212,255,.22);  color:#00D4FF; }
.psc-feat__icon--warn     { background:rgba(255,131,43,.1); border:1px solid rgba(255,131,43,.22); color:#FF832B; }
.psc-feat__icon--blue     { background:rgba(15,98,254,.1);  border:1px solid rgba(15,98,254,.22);  color:#0F62FE; }
.psc-feat__icon--purple   { background:rgba(126,87,194,.1); border:1px solid rgba(126,87,194,.22); color:#9c6fe4; }
.psc-feat__icon--green    { background:rgba(36,161,72,.1);  border:1px solid rgba(36,161,72,.22);  color:#24A148; }
.psc-feat__icon--dim      { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:#A0AAC0; }

/* Animated ring on hover */
.psc-feat__icon-ring {
    position: absolute; inset: -4px; border-radius: 12px;
    border: 1px solid currentColor; opacity: 0;
    transition: opacity .25s, transform .25s;
    transform: scale(.8);
    pointer-events: none;
}
.psc-feat:hover .psc-feat__icon-ring {
    opacity: .4; transform: scale(1);
}
.psc-feat:hover .psc-feat__icon {
    transform: scale(1.1) rotate(-5deg);
}

/* Active pulse (JS hover) */
.psc-feat__icon--active {
    transform: scale(1.12) rotate(-5deg) !important;
    box-shadow: 0 0 16px currentColor;
}
.psc-feat__icon--active .psc-feat__icon-ring {
    opacity: .5 !important; transform: scale(1.1) !important;
    animation: pscIconRingPulse .7s ease-out;
}
@keyframes pscIconRingPulse {
    0%  { transform:scale(.8); opacity:.8; }
    100%{ transform:scale(1.3); opacity:0; }
}

.psc-feat__body { flex:1; min-width:0; }
.psc-feat__lbl {
    display:block; font-family:'JetBrains Mono',monospace;
    font-size:9px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase;
    color:#586080; margin-bottom:3px;
}
.psc-feat__val {
    display:block; font-size:13px; font-weight:600; color:#F4F4F4;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.psc-feat__val--glow { color:#00D4FF; font-size:14px; font-weight:800; }
.psc-feat__val small { font-size:10px; color:rgba(0,212,255,.5); margin-left:2px; }

/* Live pip (blinking dot on daily return) */
.psc-feat__live-pip {
    width:8px; height:8px; min-width:8px; border-radius:50%;
    background:#00D4FF; box-shadow:0 0 8px rgba(0,212,255,.8);
    animation:pscTagBlink 1.6s ease-in-out infinite;
    margin-left:auto;
}

/* ── Action Button ── */
.psc-card__action {
    padding: 0 20px 20px;
    margin-top: auto;
    position: relative; z-index: 2;
}

.psc-btn {
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; padding:14px 20px; border-radius:10px;
    font-family:'Inter',sans-serif; font-size:14px; font-weight:700;
    cursor:pointer; border:none; text-decoration:none;
    position:relative; overflow:hidden;
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
.psc-btn--main {
    background:linear-gradient(135deg,#0043CE,#0F62FE);
    color:#fff; box-shadow:0 4px 20px rgba(15,98,254,.35);
}
.psc-btn--main:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 32px rgba(15,98,254,.55);
    background:linear-gradient(135deg,#0F62FE,#00D4FF);
    color:#000;
}
.psc-btn--ghost {
    background:rgba(15,98,254,.06); color:rgba(0,212,255,.8);
    border:1px solid rgba(15,98,254,.2);
}
.psc-btn--ghost:hover {
    background:rgba(15,98,254,.12); border-color:rgba(0,212,255,.35);
    color:#00D4FF; transform:translateY(-2px); text-decoration:none;
}
.psc-btn__shine {
    position:absolute; top:0; left:-100%;
    width:50%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
    transform:skewX(-12deg); transition:left .55s ease;
}
.psc-btn:hover .psc-btn__shine { left:160%; }
.psc-btn__arrow {
    margin-left:auto; font-size:11px; opacity:.6;
    transition:transform .3s, opacity .3s;
}
.psc-btn:hover .psc-btn__arrow { transform:translateX(4px); opacity:1; }

/* ----------------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------------- */
@media (max-width:1200px) {
    .psc-card__price-num { font-size:36px; }
}
@media (max-width:991px) {
    .psc-stats { flex-wrap:wrap; border-radius:12px; }
    .psc-stat  { flex:1 1 40%; padding:14px 16px; }
    .psc-stat__sep { display:none; }
    .psc-card__price-num { font-size:30px; }
}
@media (max-width:767px) {
    .psc-hero { padding:38px 12px 32px; }
    .psc-hero__h1 { font-size:26px; }
    .psc-hero__p  { font-size:14px; }
    .psc-stat     { flex:1 1 40%; }
    .psc-tabs { flex-direction:column; width:100%; max-width:280px; }
    .psc-tab  { width:100%; justify-content:center; }
    .psc-card__price-num { font-size:28px; }
    .psc-card__id-row, .psc-card__features, .psc-card__action { padding-left:16px; padding-right:16px; }
    .psc-card__price-row { margin-left:16px; margin-right:16px; }
    .pd-box__head, .pd-box__body, .pd-box__foot { padding-left:16px; padding-right:16px; }
}
@media (max-width:480px) {
    .psc-hero__h1 { font-size:22px; }
    .psc-card__price-num { font-size:24px; }
    .psc-stat { flex:1 1 100%; }
    .pd-box__btns { flex-direction:column; }
}

/* ================================================================
   EVERRISE NETWORK — BUY PLAN INVOICE MODAL CSS
   Prefix: inv-
   Paste at END of custom.css (after plans page styles)
   ================================================================ */

/* ── Modal dialog sizing ── */
.inv-dialog {
    max-width: 520px !important;
    margin: 1.5rem auto !important;
}

/* ── Modal content shell ── */
.inv-modal-content {
    background: #0f1422 !important;
    border: 1px solid rgba(15,98,254,0.22) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow:
        0 0 80px rgba(15,98,254,0.12),
        0 40px 100px rgba(0,0,0,0.75),
        inset 0 1px 0 rgba(0,212,255,0.07) !important;
    color: #F4F4F4 !important;
    font-family: 'Inter', sans-serif !important;
    position: relative;
}

/* ── Animated top accent line ── */
.inv-topline {
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #0F62FE 30%, #00D4FF 60%, transparent 100%);
    animation: invToplineShimmer 3s linear infinite;
    background-size: 200% 100%;
}
@keyframes invToplineShimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* ── Header ── */
.inv-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 22px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    background: #111827;
}

.inv-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.inv-brand__logo {
    width: 36px; height: 36px;
    border-radius: 9px;
    background: linear-gradient(135deg, #0043CE, #0F62FE);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    box-shadow: 0 4px 14px rgba(15,98,254,0.4);
    flex-shrink: 0;
}

.inv-brand__name {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 900;
    color: #F4F4F4;
    letter-spacing: -0.4px;
    line-height: 1;
}

.inv-brand__name span {
    color: #00D4FF;
    font-weight: 400;
}

.inv-brand__tagline {
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #586080;
    margin-left: 46px;
}

.inv-invoice-meta {
    text-align: right;
    margin-bottom: 4px;
}

.inv-invoice-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #00D4FF;
    background: rgba(0,212,255,0.07);
    border: 1px solid rgba(0,212,255,0.18);
    padding: 3px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
}

.inv-invoice-date {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: #586080;
}

.inv-close-btn {
    margin-left: 16px;
    width: 30px; height: 30px;
    min-width: 30px;
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    color: #A0AAC0;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}
.inv-close-btn:hover {
    background: rgba(218,30,40,0.1);
    border-color: rgba(218,30,40,0.2);
    color: #ff7070;
}

/* ── Body ── */
.inv-modal-body {
    padding: 0;
}

/* ── Bill to / from ── */
.inv-parties {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    background: rgba(255,255,255,0.015);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    gap: 10px;
}

.inv-party {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.inv-party:last-child { text-align: right; }

.inv-party__label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #586080;
}

.inv-party__name {
    font-size: 13px;
    font-weight: 700;
    color: #F4F4F4;
}

.inv-party__sub {
    font-size: 11px;
    color: #586080;
}

.inv-party-sep {
    color: rgba(15,98,254,0.4);
    flex-shrink: 0;
}

/* ── Line items table ── */
.inv-line-items {
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.inv-line-items__head {
    display: flex;
    justify-content: space-between;
    padding: 8px 22px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #586080;
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.inv-line-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    gap: 12px;
}

.inv-line-item__left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.inv-line-item__icon {
    width: 32px; height: 32px; min-width: 32px;
    border-radius: 8px;
    background: rgba(15,98,254,0.1);
    border: 1px solid rgba(15,98,254,0.2);
    display: flex; align-items: center; justify-content: center;
    color: #00D4FF;
}

.inv-line-item__title {
    font-size: 13px;
    font-weight: 600;
    color: #F4F4F4;
    margin-bottom: 2px;
}

.inv-line-item__sub {
    font-size: 12px;
    color: #00D4FF;
    font-weight: 600;
}

.inv-line-item__amount {
    font-size: 18px;
    font-weight: 800;
    color: #F4F4F4;
    white-space: nowrap;
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-family: 'JetBrains Mono', monospace;
}

.inv-line-item__amount small {
    font-size: 10px;
    color: #586080;
    font-weight: 500;
}

/* ── Plan terms pills ── */
.inv-terms-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px 14px;
    flex-wrap: wrap;
}

.inv-term-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: rgba(15,98,254,0.06);
    border: 1px solid rgba(15,98,254,0.15);
    border-radius: 20px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 600;
    color: rgba(0,212,255,0.75);
    white-space: nowrap;
}

.inv-term-pill svg { color: rgba(15,98,254,0.6); flex-shrink: 0; }

.inv-term-pill--warn {
    background: rgba(255,131,43,0.06);
    border-color: rgba(255,131,43,0.18);
    color: rgba(255,131,43,0.85);
}
.inv-term-pill--warn svg { color: rgba(255,131,43,0.6); }

/* ── Total row ── */
.inv-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    background: rgba(15,98,254,0.05);
    border-top: 1px solid rgba(15,98,254,0.12);
    border-bottom: 1px solid rgba(15,98,254,0.12);
    gap: 12px;
}

.inv-total-label {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.inv-total-label > span:first-child {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #A0AAC0;
}

.inv-total-note {
    font-size: 11px !important;
    color: #586080 !important;
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.inv-total-amount {
    display: flex;
    align-items: baseline;
    gap: 4px;
    flex-shrink: 0;
}

.inv-total-sym {
    font-family: 'JetBrains Mono', monospace;
    font-size: 18px;
    font-weight: 700;
    color: #00D4FF;
    line-height: 1;
}

.inv-total-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 36px;
    font-weight: 900;
    color: #F4F4F4;
    letter-spacing: -1.5px;
    line-height: 1;
}

/* ── Payment section ── */
.inv-payment-section {
    padding: 16px 22px 20px;
}

.inv-payment-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #586080;
    margin-bottom: 12px;
}

.inv-payment-label svg { color: rgba(0,212,255,0.5); }

.inv-payment-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Payment option card */
.inv-pay-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 10px;
    user-select: none;
}

.inv-pay-option:hover:not(.inv-pay-option--disabled) {
    background: rgba(15,98,254,0.06);
    border-color: rgba(15,98,254,0.2);
}

.inv-pay-option--selected {
    background: rgba(15,98,254,0.09) !important;
    border-color: rgba(15,98,254,0.35) !important;
    box-shadow: 0 0 0 1px rgba(15,98,254,0.15);
}

.inv-pay-option--disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.inv-pay-radio { display: none; }

.inv-pay-option__inner {
    display: flex;
    align-items: center;
    gap: 11px;
    flex: 1;
    min-width: 0;
}

/* Custom radio dot */
.inv-pay-option__radio-dot {
    width: 16px; height: 16px; min-width: 16px;
    border-radius: 50%;
    border: 2px solid rgba(15,98,254,0.35);
    background: transparent;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s;
    position: relative;
}

.inv-pay-option--selected .inv-pay-option__radio-dot {
    border-color: #0F62FE;
    background: #0F62FE;
}

.inv-pay-option--selected .inv-pay-option__radio-dot::after {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

/* Icon */
.inv-pay-option__icon {
    width: 32px; height: 32px; min-width: 32px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
}

.inv-pay-option__icon--green {
    background: rgba(36,161,72,0.1);
    border: 1px solid rgba(36,161,72,0.2);
    color: #24A148;
}

.inv-pay-option__icon--blue {
    background: rgba(15,98,254,0.1);
    border: 1px solid rgba(15,98,254,0.2);
    color: #00D4FF;
}

.inv-pay-option__body {
    flex: 1; min-width: 0;
}

.inv-pay-option__name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #F4F4F4;
    margin-bottom: 2px;
}

.inv-pay-option__detail {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: #586080;
}

/* Badges */
.inv-pay-option__badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3px 9px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.inv-pay-option__badge--green {
    background: rgba(36,161,72,0.1);
    border: 1px solid rgba(36,161,72,0.22);
    color: #24A148;
}

.inv-pay-option__badge--red {
    background: rgba(218,30,40,0.08);
    border: 1px solid rgba(218,30,40,0.2);
    color: #DA1E28;
}

.inv-pay-option__badge--blue {
    background: rgba(0,212,255,0.07);
    border: 1px solid rgba(0,212,255,0.18);
    color: #00D4FF;
}

/* ── Footer ── */
.inv-modal-footer {
    padding: 14px 22px 20px;
    border-top: 1px solid rgba(255,255,255,0.05);
    background: #111827;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inv-footer-notice {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 11px;
    color: #586080;
    line-height: 1.55;
}

.inv-footer-notice svg {
    color: rgba(15,98,254,0.5);
    flex-shrink: 0;
    margin-top: 1px;
}

/* Submit button */
.inv-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 15px 24px;
    background: linear-gradient(135deg, #0043CE 0%, #0F62FE 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    box-shadow:
        0 4px 20px rgba(15,98,254,0.4),
        inset 0 1px 0 rgba(255,255,255,0.15);
    letter-spacing: 0.2px;
}

.inv-submit-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 12px 36px rgba(15,98,254,0.55),
        inset 0 1px 0 rgba(255,255,255,0.2);
    background: linear-gradient(135deg, #0F62FE 0%, #00D4FF 100%);
    color: #000;
}

.inv-submit-btn:active { transform: translateY(0); }

.inv-submit-arrow {
    margin-left: auto;
    opacity: 0.6;
    transition: transform 0.3s, opacity 0.3s;
}

.inv-submit-btn:hover .inv-submit-arrow {
    transform: translateX(4px);
    opacity: 1;
}

.inv-submit-shine {
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transform: skewX(-12deg);
    transition: left 0.55s ease;
}

.inv-submit-btn:hover .inv-submit-shine { left: 160%; }

/* ── Responsive ── */
@media (max-width: 576px) {
    .inv-dialog { margin: 0.5rem !important; max-width: 100% !important; }
    .inv-modal-content { border-radius: 14px !important; }
    .inv-parties { flex-direction: column; gap: 8px; }
    .inv-party:last-child { text-align: left; }
    .inv-party-sep { display: none; }
    .inv-total-num { font-size: 28px; }
    .inv-modal-header { flex-wrap: wrap; gap: 10px; }
    .inv-brand__tagline { margin-left: 0; }
}