@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root, [data-theme], body, p, a, span, div, table, input, label, html, .table :where(thead,tfoot), tr, td {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: normal;
  font-style: normal; */
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "ROND" 0;
}
html {
    scroll-behavior: smooth;
}
body, p, a {
        font-size: 16px;
}
h1, h1 span {
   font-family: "Poppins", sans-serif;
}
.users > div {
    opacity: 0.8;
}
:root, [data-theme], .stat-title, .stat-desc, .table :where(thead,tfoot), .text-base-content {
    color: #fff;
}
nav .flex-1 {
    display: flex;
}
/* nav a { display: inline-block;} */
.logo-img {
    max-width: 13rem;
}
.stat-figure img {
    width: 60px;
}
.bg-midnight-900 {
    background-color: #010b24;
}
.text-midnight-900 {
    color: #6820bc;
}
.countdown-timer {
    /* background: #00976d; */
}
.icons-box img {
    width: 80px;
}
.icons-box.track img {
    width: 54px;
}
#features .card-body i {
    color: #fff;
    opacity: .3;
}
.card-title {
    background: linear-gradient(81deg, #c998ff 2.36%, #d6c6ff 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.content h2 {
    background: linear-gradient(81deg, #c998ff 2.36%, #d6c6ff 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: bold;
    font-weight: 600;
}
.content h3 {
    margin: 10px auto;
    font-weight: bold;
    background: linear-gradient(81deg, #c998ff 2.36%, #d6c6ff 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}
.card-body, table {
    box-shadow: rgb(179, 84, 254) 0px 0px 20px -8px;
    border: 1px solid rgb(133, 45, 240);
    border-radius: var(--rounded-box, 1rem);
}
th {
    background: #0b0159;
}
.popular {
    scale: 1.2;
    z-index: 1;
    box-shadow: rgb(179, 84, 254) 0px 0px 20px -8px;
    border-radius: var(--rounded-box, 1rem) !important;
    background-color: #0b0159;
}
.popular .card-title {
    /* background: linear-gradient(81deg, #000000 2.36%, #943ff7 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 0; */
    font-weight: 900;
}
.text-black { color: #000;}
.traders-trust .card-title {
    font-size: 22px;
    line-height: 28px;
}
.caption-text {
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
}
.font-extrabold {
    font-weight: 900;
}
.table tr.active, .table tr.active:nth-child(2n), .table-zebra tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: oklch(0.29 0.15 275.48);
}
.text-green-500 {
    color: rgb(51 255 126);
}
.text-red-500 {
    color: rgb(255 174 174);
}
.text-yellow-500 {
    color: rgb(253 255 114);
}
.to-indigo-950 {
    --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position);
}
#how-it-works .bg-transparent.border {
    font-size: 18px;
    width: 34px;
    height: 34px;
    background: #251360;
    border-color: rgb(170 125 224);
    border-width: 2px;
}
.via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1a1640 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.modal-box h3, #payment-form-card h2, #payment-form-card h3, .summary h3 {
    background: linear-gradient(81deg, #814bff 2.36%, #ffffff 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modal-box input, .modal-box select, input, select, textarea, div#card-element {
        background-color: #201076 !important;
    color: #fff !important;
    border-color: rgb(112 0 200) !important;
}
div#email-gate-error {
    border-color: #cd0000a6;
    background: #d51111;
}
.info-msg span.label-text-alt {
    color: #ffff98 !important;
}
.ElementsApp .Icon-fill {
    fill: #fff !important;
    opacity: 1;
}
.checkbox:checked, .checkbox[aria-checked=true], .checkbox[checked=true] {
    background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), linear-gradient(45deg, var(--chkbg) 30%, #fff 30.99%, #fff 40%, transparent 40.99%), linear-gradient(-45deg, #fff 50%, var(--chkbg) 50.99%);
}

.divider:after, .divider:before {
    background-color: rgb(190 108 255 / 33%) !important;
}
/* Field error highlight - outline is independent of border, nothing can override it */
#payment-form-card input.border-red-500,
#payment-form-card select.border-red-500,
#payment-form input.border-red-500,
#payment-form select.border-red-500,
#payment-form input[type="checkbox"].border-red-500,
.modal-box input.border-red-500,
.modal-box select.border-red-500 {
    outline: 3px solid #ef4444 !important;
    outline-offset: 1px !important;
}
.modal-box input:-internal-autofill-selected, input:-internal-autofill-selected {
    color: #000 !important;
}
.modal-box label { color: #fff;}
.modal-box .label-text, .label-text { color: #fff; font-weight: 600;}
.avatar.placeholder>div {
    background: #251360;
    border: solid 1px #6f4da5;
}
.collapse {
    background: #0b0159;
    box-shadow: rgb(179, 84, 254) 0px 0px 10px -8px;
    border: 1px solid rgb(133, 45, 240);
    border-radius: var(--rounded-box, 1rem);
}
.logo-img.img2 {
    max-width: 230px;
    display: inline-block;
    margin-bottom: 20px;
}
.join-item {
    color: #fff;
}
i.fas.text-purple-500.mr-2 {
    color: #c49aff99;
}
table .fas {
    opacity: 0.7;
}
.pt-8 {
    padding-top: 2rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.text-warning {
    color: oklch(0.91 0.15 89.76);
}
.alert-error {
    --alert-bg: oklch(0.78 0.16 19.48);
}
.link-primary {
    color: oklch(0.8 0.14 305.17);
}
#features .card figure { display: none;}
.card {
    border: none;
}
html {
  scroll-behavior: smooth;
}
.content ul {
    list-style: disc;
    padding-left: 30px;
    margin: 14px 0;
}
.content table { overflow: hidden;}
.content p, .content a, .content ul li, .content table, .content td {
    font-size: 14px;
}
footer a { font-size: 14px;}
.blob-ani {
    left: 150px;
}



#payment-form-card, .summary .card, table.table, .table-home{
    border-radius: var(--rounded-box,1rem) !important;
}
.label-text-alt {
    color: #ff7474  !important;
}
.summary .badge-primary { color: #fff !important;}
.summary .alert-success {
    background: #7002e4;
    color: #fff;
}
#payment-form-card a.link {
    color: rgb(194 116 255);
}
.divider {
    background: linear-gradient(81deg, #814bff 2.36%, #ffffff 70.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 18px;
    height: 2rem;
}
.summary .divider {
    height: 1rem; margin-top: 0 !important;
}
.pt-12 {     padding-top: 3rem; }
#payment-form-card h2, .summary h3 {
    border-bottom: solid 1px  rgb(179 84 254 / 55%);
    padding-bottom: 20px;
}
.popular .badge.bg-white.badge-xl {
    background-color: #8100ff;
    color: #fff;
    padding: 12px 10px;
}
#pricing .card-body { 
    box-shadow: none;
    border-color: #2b1c9d;
    background: #0b0159;
}
.card-body, .stat { background: #0b0159;}
.mt-36 {
    margin-top: 42px;
    margin-bottom: 26px;
}
.popular ul li span {
    font-size: 12px;
}
.popular ul li i {
    font-size: 14px;
}
.text-left { text-align: left;}
.shadow-cus {
    box-shadow: rgb(179, 84, 254) 0px 0px 20px -8px;
    border-radius: var(--rounded-box, 1rem) !important;
}
#pricing .popular .card-body {
    border-color: rgb(133, 45, 240);
}
.to-purple-900 {
    --tw-gradient-to: #28085c var(--tw-gradient-from-position);
}
.via-indigo-900 {
    --tw-gradient-to: rgba(49, 46, 129, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1d1474 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-purple-900 {
    --tw-gradient-from: #2e114b var(--tw-gradient-from-position);
}
.to-indigo-600 {
    --tw-gradient-to: #080093 var(--tw-gradient-to-position);
}
.watch {
    background: #0b0159;
}
.live {
    color: #0b0159;
    background: #ffffff;
}
.from-purple-500 {
    /* --tw-gradient-from: #3d1b5c var(--tw-gradient-from-position); */
}
h2 span.from-purple-500, a.from-purple-500, button.from-purple-500, .cus-clr.to-indigo-600 {
    --tw-gradient-from: #af58ff var(--tw-gradient-from-position);
}

h2 span.to-indigo-600, a.to-indigo-600, button.to-indigo-600, .cus-clr.to-indigo-600 {
    --tw-gradient-to: #4238ff var(--tw-gradient-to-position);
}

#tradingview-username-error i {
    margin-top: 3px;
}
.stat {
    border-color: rgb(133, 45, 240);
    box-shadow: rgb(179, 84, 254) 0px 0px 20px -8px;
}
.overflow-x-hidden {
    overflow-x: hidden;
}

@media (max-width: 767px) {
    .blob-ani {
        left: 0px;
    }
}
/* Shake Animation */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-8px); }
    20%, 40%, 60%, 80% { transform: translateX(8px); }
}

/* Gentle float animations — replace aggressive bounce */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-14px); }
}

@keyframes float-slow {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes float-delayed {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

.animate-float {
    animation: float 2s ease-in-out infinite;
}

.animate-float-slow {
    animation: float-slow 4s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 4s ease-in-out 1.5s infinite;
}