/* =============================================================
   Onyx Theme — LIGHT MODE
   White background · Gold primary · Black secondary
   Override layer. Loaded after style.css to win cascade.
   Palette:
     --onyx-bg:      #F7F5F0   (warm ivory page)
     --onyx-surface: #FFFFFF   (card)
     --onyx-veil:    #FAF8F2   (raised soft surface)
     --onyx-line:    #E5E1D6   (border / hairline)
     --onyx-line-2:  #D8D2C2   (stronger border)
     --onyx-ink:     #0B0B0C   (near-black primary text / secondary brand)
     --onyx-ink-2:   #2A2A2E   (body text)
     --onyx-mute:    #6E6A60   (muted text)
     --onyx-gold:    #C9A24B   (primary gold)
     --onyx-gold-2:  #E2BE63   (lighter gold)
     --onyx-gold-3:  #8C6A1F   (deep gold)
   ============================================================= */

:root{
    --onyx-bg:#F7F5F0;
    --onyx-surface:#FFFFFF;
    --onyx-veil:#FAF8F2;
    --onyx-line:#E5E1D6;
    --onyx-line-2:#D8D2C2;
    --onyx-ink:#0B0B0C;
    --onyx-ink-2:#2A2A2E;
    --onyx-mute:#6E6A60;
    --onyx-gold:#C9A24B;
    --onyx-gold-2:#E2BE63;
    --onyx-gold-3:#8C6A1F;

    --bs-primary:#C9A24B;
    --bs-primary-rgb:201,162,75;
    --bs-success:#C9A24B;
    --bs-success-rgb:201,162,75;
    --bs-secondary:#0B0B0C;
    --bs-secondary-rgb:11,11,12;
    --bs-link-color:#8C6A1F;
    --bs-link-hover-color:#C9A24B;
    --bs-body-bg:#F7F5F0;
    --bs-body-color:#2A2A2E;
}

/* ------- Base canvas ------- */
html{ scroll-behavior:smooth; scroll-padding-top:90px; }
html, body{
    background:var(--onyx-bg) !important;
    color:var(--onyx-ink-2) !important;
}
body.gradient,
body.onyx,
body{
    background:var(--onyx-bg) !important;
    position:relative;
}
body::before, body::after{ content:none !important; display:none !important; }
body > *{ position:relative; z-index:1; }

h1, h2, h3, h4, h5, h6{
    color:var(--onyx-ink) !important;
    letter-spacing:.2px;
}
p, li, td, span, label{ color:var(--onyx-ink-2); }
a{ color:var(--onyx-gold-3); }
a:hover{ color:var(--onyx-gold) !important; }

::selection{ background:var(--onyx-gold); color:#fff; }

/* ------- Header ------- */
.ch-header-sec{ padding-top:24px; }
.ch-header-sec .header-top{ background:var(--onyx-ink) !important; color:#E8E5DC !important; }
.ch-header-sec .header-top p,
.ch-header-sec .header-top .lang-text,
.ch-header-sec .header-top .lang-item span{ color:#E8E5DC !important; }

.ch-header.bg-white{
    background:#FFFFFF !important;
    border:1px solid var(--onyx-line);
    box-shadow:0 10px 30px rgba(11,11,12,.08), inset 0 0 0 1px rgba(201,162,75,.10);
    padding:8px 18px !important;
}
.ch-header .h-menu{
    display:flex;
    gap:6px;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
}
.ch-header .h-menu > li{ list-style:none; }
.ch-header .h-menu > li > a{
    color:var(--onyx-ink-2) !important;
    font-size:13.5px;
    font-weight:600;
    letter-spacing:0.4px;
    padding:10px 18px;
    border-radius:40px;
    border:1px solid transparent;
    background:transparent;
    transition:all .25s ease;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    line-height:1;
}
.ch-header .h-menu > li > a:hover{
    color:var(--onyx-gold-3) !important;
    background:rgba(201,162,75,0.08);
    border-color:rgba(201,162,75,0.30);
}
.ch-header .h-menu > li > a.active{
    color:var(--onyx-gold-3) !important;
    background:rgba(201,162,75,0.10);
    border-color:var(--onyx-gold);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.ch-header .h-menu li ul{
    background:#FFFFFF !important;
    border:1px solid var(--onyx-line);
    box-shadow:0 12px 28px rgba(11,11,12,.08);
}
.ch-header .h-menu li ul a{ color:var(--onyx-ink-2) !important; }
.ch-header .h-menu li ul a:hover{ color:var(--onyx-gold-3) !important; background:rgba(201,162,75,.08) !important; }
.megamenu{ background:#FFFFFF !important; border:1px solid var(--onyx-line); }
.mm-widget-title{ color:var(--onyx-gold-3) !important; }

.menu-trigger span{ background:var(--onyx-ink) !important; }

/* ------- Buttons ------- */
.btn-primary,
.btn-success,
.btn-sky{
    background:linear-gradient(180deg,var(--onyx-gold-2),var(--onyx-gold)) !important;
    border:1px solid var(--onyx-gold-3) !important;
    color:#1A1306 !important;
    font-weight:600;
    box-shadow:0 6px 18px rgba(201,162,75,.30), inset 0 1px 0 rgba(255,255,255,.45);
}
.btn-primary:hover,
.btn-success:hover,
.btn-sky:hover{
    background:linear-gradient(180deg,var(--onyx-gold),var(--onyx-gold-3)) !important;
    color:#fff !important;
}
.btn-outline-theme{
    background:transparent !important;
    border:1px solid var(--onyx-gold-3) !important;
    color:var(--onyx-gold-3) !important;
}
.btn-outline-theme:hover{
    background:var(--onyx-gold) !important;
    color:#fff !important;
}

/* ------- Hero ------- */
.ch-banner-sec{
    background:
        radial-gradient(900px 520px at 80% 20%, rgba(201,162,75,.18), transparent 60%),
        linear-gradient(180deg, #FFFFFF 0%, var(--onyx-bg) 100%) !important;
}
.hero-banner-text h1 span{ color:var(--onyx-gold-3) !important; }
.hero-banner-text h1{ color:var(--onyx-ink) !important; }
.hero-banner-text h2{ color:var(--onyx-gold-3) !important; }
.hero-banner-text p{ color:var(--onyx-ink-2); }

/* ------- Section titles ------- */
.sec-title h1 span{ color:var(--onyx-gold-3) !important; }
.sec-title h1{ color:var(--onyx-ink) !important; }
.sec-title p{ color:var(--onyx-mute) !important; }

/* ------- Token info table ------- */
.token-info-sec{ background:transparent !important; }
.token-info-table{
    background:var(--onyx-surface);
    border:1px solid var(--onyx-line);
    border-radius:10px;
    overflow:hidden;
}
.token-info-table td{
    color:var(--onyx-ink-2) !important;
    border-color:var(--onyx-line) !important;
    padding:14px 18px !important;
}
.token-info-table tr td:first-child{ color:var(--onyx-gold-3) !important; font-weight:600; }

/* ------- Countdown ------- */
.countdown-sec{
    background:
        radial-gradient(900px 360px at 50% 0%, rgba(201,162,75,.10), transparent 60%),
        linear-gradient(180deg, var(--onyx-bg), #FFFFFF) !important;
    border-top:1px solid var(--onyx-line);
    border-bottom:1px solid var(--onyx-line);
}
.countdown-sec h1, .countdown-sec h4{ color:var(--onyx-ink) !important; }
.countdown-item .ci-inner{
    width:120px;
    height:120px;
    border-radius:50%;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#FFFFFF,var(--onyx-veil)) !important;
    border:1px solid var(--onyx-gold) !important;
    box-shadow:
        0 16px 36px rgba(201,162,75,0.18),
        inset 0 0 0 1px rgba(201,162,75,0.18) !important;
    position:relative;
}
.countdown-item .ci-inner::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:50%;
    border:1px dashed rgba(201,162,75,0.30);
    pointer-events:none;
}
.countdown-item .ci-value{
    font-size:44px;
    font-weight:700;
    line-height:1;
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.countdown-item h4{
    color:var(--onyx-mute) !important;
    font-size:12px !important;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin:0;
}

.call-to-action{
    background:linear-gradient(135deg, #FFFFFF, var(--onyx-veil)) !important;
    border:1px solid var(--onyx-gold) !important;
    border-radius:16px;
    padding:28px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:24px;
    box-shadow:0 16px 36px rgba(201,162,75,.10);
}
.call-to-action h4{
    color:var(--onyx-ink) !important;
    font-size:22px;
    margin:0 0 6px;
    font-weight:700;
}
.call-to-action p{
    color:var(--onyx-mute) !important;
    margin:0;
    font-size:14.5px;
}
.call-to-action .btn-primary,
.call-to-action .onyx-pkg-btn{
    width:auto !important;
    border-radius:40px !important;
    padding:14px 28px !important;
}

/* Nav-bar variant of onyx-pkg-btn (no full width) */
.onyx-nav-btn{
    width:auto !important;
    padding:11px 22px !important;
    font-size:13.5px !important;
}

/* ------- Roadmap (revert to theme defaults, light tweaks only) ------- */
.roadmap-sec .roadmap li .roadmap-item{
    background:var(--onyx-surface) !important;
    border:1px solid var(--onyx-line) !important;
    border-radius:12px;
    color:var(--onyx-ink-2);
}
.roadmap-sec .roadmap li .roadmap-item h4{ color:var(--onyx-ink) !important; }
.roadmap-sec .roadmap li .roadmap-item .date{ color:var(--onyx-gold-3) !important; }
.roadmap-sec .roadmap li .roadmap-item p{ color:var(--onyx-ink-2) !important; }

/* ------- Packages / Pricing ------- */
.onyx-pkg-section{ padding:100px 0; position:relative; }
.onyx-pkg-heading{ max-width:720px; margin:0 auto 60px; }
.onyx-pkg-heading .onyx-eyebrow,
.onyx-eyebrow{
    display:inline-block;
    color:var(--onyx-gold-3) !important;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    padding:6px 14px;
    border:1px solid var(--onyx-gold);
    border-radius:40px;
    margin-bottom:18px;
    background:rgba(201,162,75,0.08);
}
.onyx-pkg-title{
    color:var(--onyx-ink) !important;
    font-size:42px;
    font-weight:700;
    margin:0 0 14px;
    line-height:1.15;
}
.onyx-pkg-title span{
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.onyx-pkg-heading p{
    color:var(--onyx-mute) !important;
    font-size:16px;
    line-height:1.6;
}

.onyx-pkg-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
    align-items:stretch;
    max-width:1100px;
    margin:0 auto;
    padding-top:20px;
}
@media (max-width: 992px){
    .onyx-pkg-grid{ grid-template-columns:1fr; max-width:420px; }
}

.onyx-pkg-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:var(--onyx-surface);
    border:1px solid var(--onyx-line);
    border-radius:18px;
    padding:42px 32px 36px;
    text-align:center;
    box-shadow:0 16px 40px rgba(11,11,12,0.06);
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.onyx-pkg-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,162,75,0.35), transparent);
}
.onyx-pkg-card:hover{
    transform:translateY(-6px);
    border-color:var(--onyx-gold);
    box-shadow:0 24px 50px rgba(201,162,75,0.18);
}

.onyx-pkg-card.featured{
    background:
        linear-gradient(180deg, #FFFCF4, #FFFFFF);
    border:1px solid var(--onyx-gold);
    box-shadow:
        0 24px 60px rgba(201,162,75,0.22),
        inset 0 0 0 1px rgba(201,162,75,0.22);
    transform:translateY(-12px);
}
.onyx-pkg-card.featured::before{
    background:linear-gradient(90deg, transparent, rgba(201,162,75,0.7), transparent);
    height:2px;
}
.onyx-pkg-card.featured:hover{ transform:translateY(-18px); }

.onyx-pkg-badge{
    position:absolute;
    top:0; left:50%;
    transform:translate(-50%, -50%);
    background:linear-gradient(180deg, var(--onyx-gold-2), var(--onyx-gold));
    color:#1A1306;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:7px 18px;
    border-radius:40px;
    box-shadow:0 6px 16px rgba(201,162,75,0.40);
    white-space:nowrap;
}

.onyx-pkg-name{
    color:var(--onyx-mute) !important;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}
.onyx-pkg-card.featured .onyx-pkg-name{ color:var(--onyx-gold-3) !important; }

.onyx-pkg-price{
    font-size:64px;
    font-weight:700;
    line-height:1;
    color:var(--onyx-ink) !important;
    margin-bottom:6px;
    letter-spacing:-1px;
}
.onyx-pkg-card.featured .onyx-pkg-price{
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.onyx-pkg-currency{
    font-size:24px;
    font-weight:600;
    vertical-align:top;
    line-height:1.4;
    margin-right:4px;
    color:var(--onyx-gold-3) !important;
    -webkit-text-fill-color:var(--onyx-gold-3);
}
.onyx-pkg-cents{
    font-size:22px;
    color:var(--onyx-mute) !important;
    -webkit-text-fill-color:var(--onyx-mute);
    font-weight:600;
}
.onyx-pkg-coins{
    color:var(--onyx-gold-3) !important;
    font-size:14px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:30px;
    padding-bottom:24px;
    border-bottom:1px solid var(--onyx-line);
}

.onyx-pkg-feat{
    list-style:none;
    padding:0;
    margin:0 0 32px;
    text-align:left;
    flex-grow:1;
}
.onyx-pkg-feat li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 0;
    font-size:14.5px;
    border-bottom:1px solid var(--onyx-line);
}
.onyx-pkg-feat li:last-child{ border-bottom:none; }
.onyx-pkg-feat li i{
    flex-shrink:0;
    width:22px; height:22px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
}
.onyx-pkg-feat li.yes{ color:var(--onyx-ink-2) !important; }
.onyx-pkg-feat li.yes i{
    background:rgba(201,162,75,0.15);
    color:var(--onyx-gold-3) !important;
    box-shadow:inset 0 0 0 1px rgba(201,162,75,0.45);
}
.onyx-pkg-feat li.no{ color:#A8A294 !important; }
.onyx-pkg-feat li.no i{
    background:#F2EFE6;
    color:#A8A294 !important;
}

.onyx-pkg-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 24px;
    border-radius:40px;
    font-weight:600;
    font-size:14px;
    letter-spacing:0.5px;
    text-decoration:none;
    transition:all .25s ease;
    border:1px solid var(--onyx-gold);
    background:transparent;
    color:var(--onyx-gold-3) !important;
    width:100%;
}
.onyx-pkg-btn:hover{
    background:var(--onyx-gold);
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(201,162,75,0.30);
}
.onyx-pkg-btn.solid{
    background:linear-gradient(180deg, var(--onyx-gold-2), var(--onyx-gold));
    color:#1A1306 !important;
    border:1px solid var(--onyx-gold);
    box-shadow:0 10px 24px rgba(201,162,75,0.30), inset 0 1px 0 rgba(255,255,255,0.4);
}
.onyx-pkg-btn.solid:hover{
    background:linear-gradient(180deg, var(--onyx-gold), var(--onyx-gold-3));
    color:#fff !important;
}
.onyx-pkg-btn i{ transition:transform .25s ease; }
.onyx-pkg-btn:hover i{ transform:translateX(3px); }

.onyx-pkg-cta{
    margin:64px auto 0;
    max-width:1100px;
    padding:32px 36px;
    border-radius:16px;
    background:linear-gradient(135deg, #FFFFFF, var(--onyx-veil));
    border:1px solid var(--onyx-gold);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:24px;
    box-shadow:0 16px 36px rgba(201,162,75,.10);
}
.onyx-pkg-cta h3{ color:var(--onyx-ink) !important; margin:0 0 4px; font-size:22px; }
.onyx-pkg-cta p{ color:var(--onyx-mute) !important; margin:0; }
.onyx-pkg-cta .onyx-pkg-btn{ width:auto; padding:14px 28px; }

/* ------- Counter ------- */
.counter-sec{ padding:90px 0; }
.counter-sec .counter-item{
    padding:28px 16px;
    background:var(--onyx-surface);
    border:1px solid var(--onyx-line);
    border-radius:16px;
    transition:transform .3s ease, border-color .3s ease;
    box-shadow:0 8px 22px rgba(11,11,12,.04);
}
.counter-sec .counter-item:hover{
    transform:translateY(-4px);
    border-color:var(--onyx-gold);
}
.counter-sec .counter-item h2,
.counter-sec .counter-item .counter-value{
    font-size:48px !important;
    font-weight:700 !important;
    line-height:1;
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold)) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    background-clip:text !important;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.counter-sec .counter-item p{
    color:var(--onyx-mute) !important;
    font-size:12px !important;
    font-weight:600;
    letter-spacing:2.5px;
    text-transform:uppercase;
    margin:0;
}
.counter-img img{
    filter:drop-shadow(0 20px 50px rgba(201,162,75,0.18));
}

/* ------- Video / 3-up icons block ------- */
.video-sec{ padding:80px 0 100px; }
.video-cilp-wrapper{
    text-align:center;
    max-width:780px;
    margin:0 auto 60px;
}
.video-cilp-wrapper h4{
    color:var(--onyx-ink) !important;
    font-size:32px;
    font-weight:700;
    margin:0 0 14px;
    letter-spacing:-0.5px;
}
.video-cilp-wrapper h4::before{
    content:"How It Works";
    display:block;
    color:var(--onyx-gold-3);
    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:14px;
}
.video-cilp-wrapper p{
    color:var(--onyx-mute) !important;
    font-size:16px;
    line-height:1.65;
    margin:0 0 32px;
}

.bg-primary-gradient{
    background:linear-gradient(135deg, #FFFFFF, var(--onyx-veil)) !important;
    border:1px solid var(--onyx-gold) !important;
    border-radius:18px !important;
    box-shadow:
        0 24px 60px rgba(201,162,75,0.12),
        inset 0 0 0 1px rgba(201,162,75,0.18) !important;
    padding:48px 32px !important;
    position:relative;
    overflow:hidden;
}
.bg-primary-gradient::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,162,75,0.55), transparent);
}
.bg-primary-gradient .col-md-4{ position:relative; }
.bg-primary-gradient .col-md-4 + .col-md-4::before{
    content:"";
    position:absolute;
    left:0; top:24px; bottom:24px;
    width:1px;
    background:linear-gradient(180deg, transparent, rgba(11,11,12,0.10), transparent);
}
.bg-primary-gradient .mb-3 img{
    width:56px;
    height:56px;
    padding:14px;
    background:rgba(201,162,75,0.12);
    border:1px solid rgba(201,162,75,0.35);
    border-radius:50%;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.bg-primary-gradient h4{
    color:var(--onyx-ink) !important;
    font-size:19px;
    font-weight:700;
    margin:0 0 10px;
    letter-spacing:0.3px;
}
.bg-primary-gradient p{
    color:var(--onyx-mute) !important;
    font-size:14px;
    line-height:1.65;
    margin:0;
    max-width:280px;
    margin-left:auto;
    margin-right:auto;
}

/* ------- Articles / News ------- */
.article-item{
    background:var(--onyx-surface) !important;
    border:1px solid var(--onyx-line);
    border-radius:14px;
    padding:16px;
}
.article-item .ai-meta span{ color:var(--onyx-gold-3) !important; }
.article-item .ai-title a{ color:var(--onyx-ink) !important; }
.article-item .ai-title a:hover{ color:var(--onyx-gold-3) !important; }
.article-item p{ color:var(--onyx-mute) !important; }
.readmore{ color:var(--onyx-gold-3) !important; }
.readmore:hover{ color:var(--onyx-gold) !important; }

/* ------- Hero (Onyx) ------- */
.ch-banner-sec{ overflow:hidden; }
.hero-banner-sec{ padding:80px 0 90px; }
.hero-banner-img img{
    filter:drop-shadow(0 30px 60px rgba(201,162,75,0.22));
}
.onyx-hero{ position:relative; }
.onyx-hero .onyx-eyebrow{ margin-bottom:24px; }
.onyx-hero-title{
    color:var(--onyx-ink) !important;
    font-size:62px;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-1px;
    margin:0 0 22px;
}
.onyx-hero-title span{
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.onyx-hero p{
    color:var(--onyx-mute) !important;
    font-size:17px;
    line-height:1.65;
    max-width:520px;
    margin:0 0 32px;
}
.onyx-hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:48px;
}
.onyx-hero-actions .onyx-pkg-btn{
    width:auto;
    padding:14px 26px;
}
.onyx-hero-stats{
    display:flex;
    gap:42px;
    flex-wrap:wrap;
    padding-top:32px;
    border-top:1px solid var(--onyx-line);
}
.onyx-hero-stats > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.onyx-hero-stats strong{
    font-size:28px;
    font-weight:700;
    background:linear-gradient(135deg, var(--onyx-gold-3), var(--onyx-gold));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    letter-spacing:-0.5px;
}
.onyx-hero-stats span{
    color:var(--onyx-mute);
    font-size:12px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
@media (max-width: 992px){
    .onyx-hero-title{ font-size:44px; }
    .onyx-hero-stats{ gap:28px; }
    .onyx-hero-stats strong{ font-size:24px; }
}

/* ------- Token info section (premium card) ------- */
.token-info-sec{ padding:100px 0; }
.onyx-token-card{
    position:relative;
    background:var(--onyx-surface);
    border:1px solid var(--onyx-line);
    border-radius:18px;
    padding:36px 36px 30px;
    box-shadow:0 16px 40px rgba(11,11,12,0.06);
    overflow:hidden;
}
.onyx-token-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,162,75,0.55), transparent);
}
.onyx-token-card-head{
    display:flex;
    align-items:center;
    gap:18px;
    padding-bottom:22px;
    border-bottom:1px solid var(--onyx-line);
    margin-bottom:8px;
}
.onyx-token-symbol{
    flex-shrink:0;
    width:64px;
    height:64px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--onyx-gold-2), var(--onyx-gold));
    color:#1A1306;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
    letter-spacing:1px;
    box-shadow:0 10px 24px rgba(201,162,75,0.35), inset 0 1px 0 rgba(255,255,255,0.45);
}
.onyx-token-meta h3{
    color:var(--onyx-ink) !important;
    font-size:24px;
    margin:0 0 4px;
    font-weight:700;
}
.onyx-token-meta span{
    color:var(--onyx-mute);
    font-size:13px;
    letter-spacing:0.5px;
}
.onyx-token-list{
    list-style:none;
    padding:0;
    margin:0;
}
.onyx-token-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid var(--onyx-line);
    font-size:14.5px;
}
.onyx-token-list li:last-child{ border-bottom:none; }
.onyx-token-list li span{ color:var(--onyx-mute); }
.onyx-token-list li strong{
    color:var(--onyx-gold-3);
    font-weight:600;
    letter-spacing:0.3px;
}
.onyx-token-visual{
    text-align:center;
    position:relative;
}
.onyx-token-visual img{
    max-width:100%;
    filter:drop-shadow(0 30px 60px rgba(201,162,75,0.30));
    animation:onyxFloat 6s ease-in-out infinite;
}
@keyframes onyxFloat{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-12px); }
}

/* ------- Footer ------- */
footer.bg-secondary-gradient,
footer{
    background:linear-gradient(180deg, var(--onyx-ink) 0%, #000000 100%) !important;
    border-top:1px solid var(--onyx-gold-3) !important;
    position:relative;
    color:#C8C5BC;
}
footer.bg-secondary-gradient::before,
footer::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,162,75,0.5), transparent);
}
.footer-sec{ padding:70px 0 30px; }
.footer-widget .footer-logo img{ max-height:40px; }
.footer-widget p{
    color:#A8A294 !important;
    font-size:14px;
    line-height:1.7;
    margin-bottom:20px;
}
.footer-widget-title{
    color:#FFFFFF !important;
    font-size:14px !important;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:22px !important;
    position:relative;
    padding-bottom:14px;
}
.footer-widget-title::after{
    content:"";
    position:absolute;
    left:0; bottom:0;
    width:32px; height:2px;
    background:linear-gradient(90deg, var(--onyx-gold-2), var(--onyx-gold));
    border-radius:2px;
}
.footer-widget-menu{ list-style:none; padding:0; margin:0; }
.footer-widget-menu li{ margin-bottom:10px; }
.footer-widget-menu li a{
    color:#A8A294 !important;
    font-size:14px;
    transition:color .25s ease, padding-left .25s ease;
    text-decoration:none;
}
.footer-widget-menu li a:hover{
    color:var(--onyx-gold-2) !important;
    padding-left:6px;
}

footer .social-icons{ display:flex; gap:10px; }
footer .social-icons a{
    width:38px; height:38px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(201,162,75,0.10) !important;
    border:1px solid rgba(201,162,75,0.30);
    color:var(--onyx-gold-2) !important;
    font-size:14px;
    transition:all .25s ease;
}
footer .social-icons a:hover{
    background:linear-gradient(180deg, var(--onyx-gold-2), var(--onyx-gold)) !important;
    color:#1A1306 !important;
    border-color:var(--onyx-gold);
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(201,162,75,0.40);
}

.newsletter-widget{
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,0.10) !important;
    background:rgba(255,255,255,0.04) !important;
    border-radius:40px !important;
    padding:5px !important;
    transition:border-color .25s ease;
}
.newsletter-widget:focus-within{ border-color:var(--onyx-gold) !important; }
.newsletter-widget input[type="email"]{
    flex-grow:1;
    background:transparent !important;
    border:none !important;
    color:#FFFFFF !important;
    padding:10px 18px !important;
    font-size:14px;
    outline:none;
}
.newsletter-widget input[type="email"]::placeholder{ color:#7E7866 !important; }
.newsletter-widget input[type="submit"]{
    background:linear-gradient(180deg, var(--onyx-gold-2), var(--onyx-gold)) !important;
    color:#1A1306 !important;
    border:none !important;
    border-radius:40px !important;
    font-weight:600;
    font-size:13px;
    letter-spacing:0.5px;
    padding:10px 22px !important;
    cursor:pointer;
    transition:all .25s ease;
    box-shadow:0 6px 16px rgba(201,162,75,0.35);
}
.newsletter-widget input[type="submit"]:hover{
    background:linear-gradient(180deg, var(--onyx-gold), var(--onyx-gold-3)) !important;
    color:#fff !important;
}

.copyright-sec{
    background:rgba(0,0,0,0.6) !important;
    border-top:1px solid rgba(255,255,255,0.06) !important;
    padding:22px 0 !important;
}
.copyright-sec p{
    color:#8A8478 !important;
    font-size:13px;
    margin:0;
    letter-spacing:0.3px;
}

/* ------- Inputs ------- */
input, textarea{
    background:var(--onyx-surface) !important;
    border:1px solid var(--onyx-line) !important;
    color:var(--onyx-ink) !important;
}
input::placeholder, textarea::placeholder{ color:var(--onyx-mute) !important; }
/* footer overrides above keep newsletter dark */

hr, .border-top, .border-white{ border-color:var(--onyx-line) !important; }

/* ------- Section spacing rhythm ------- */
.onyx-section{ padding:0 0; }
@media (max-width: 768px){
    .onyx-pkg-section, .token-info-sec, .countdown-sec,
    .roadmap-sec, .counter-sec, .video-sec, .onyx-section{ padding:70px 0; }
    .onyx-pkg-title{ font-size:32px; }
    .video-cilp-wrapper h4{ font-size:24px; }
}