/*
Theme Name: ABAMBUZ Universe
Theme URI: https://abambuz.com
Author: ABAMBUZ Universe
Description: Custom WordPress theme for the ABAMBUZ VIP Ecosystem, BUZZO Wallet, Affiliate Network and Marketplace.
Version: 2.9.11
Text Domain: abambuz-universe
*/


:root {

--green:#B7FF00;
--black:#050505;
--dark:#0b0b0b;
--card:#111111;
--border:#222;
--text:#ffffff;
--muted:#999;

}



* {

margin:0;
padding:0;
box-sizing:border-box;

}



body {

font-family:'Inter',Arial,sans-serif;

background:

radial-gradient(
circle at top,
#1b2800,
#050505 45%
);

color:white;

overflow-x:hidden;

}



body::before {


content:"";

position:fixed;

inset:0;


background-image:

linear-gradient(
rgba(183,255,0,.04) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(183,255,0,.04) 1px,
transparent 1px
);


background-size:60px 60px;

z-index:-1;

}





/* ==========================
HEADER
========================== */


.header {

display:flex;

justify-content:space-between;

align-items:center;

padding:25px 7%;

position:sticky;

top:0;

z-index:100;


background:rgba(0,0,0,.8);

backdrop-filter:blur(20px);

border-bottom:1px solid #222;


}



.logo img {

width:220px;

}



nav {

display:flex;

align-items:center;

gap:25px;

}



nav a {


color:#bbb;

text-decoration:none;

font-size:14px;

cursor:pointer;

}



nav a:hover,
nav .active {


color:var(--green);

}




button {


background:var(--green);

border:none;

padding:14px 28px;

font-weight:800;

border-radius:8px;

cursor:pointer;

transition:.3s;


}



button:hover {


box-shadow:

0 0 30px var(--green);

transform:translateY(-3px);


}



.login {


background:transparent;

border:1px solid var(--green);

color:var(--green);

}





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



.hero {

min-height:90vh;

padding:90px 7%;

display:flex;

justify-content:space-between;

align-items:center;

gap:60px;

position:relative;

overflow:hidden;


}



.particles span {


position:absolute;

width:8px;

height:8px;

background:var(--green);

border-radius:50%;

box-shadow:

0 0 20px var(--green);

animation:

float 8s infinite;


}



.particles span:nth-child(1){

left:10%;
top:20%;

}

.particles span:nth-child(2){

left:30%;
top:70%;
animation-delay:2s;

}

.particles span:nth-child(3){

right:20%;
top:30%;
animation-delay:3s;

}

.particles span:nth-child(4){

right:40%;
bottom:20%;
animation-delay:4s;

}

.particles span:nth-child(5){

left:60%;
top:10%;
animation-delay:5s;

}

.particles span:nth-child(6){

right:10%;
top:60%;
animation-delay:1s;

}



@keyframes float {


50%{

transform:translateY(-80px);

}

}






.hero-content {


width:50%;


}



.welcome {


letter-spacing:8px;

color:var(--green);

font-weight:800;

font-size:14px;


}



.hero h1 {


font-size:85px;

line-height:1;

margin:25px 0;

font-weight:900;


}



.hero h1 span {


display:block;

color:var(--green);

text-shadow:

0 0 30px var(--green);


}



.description {


font-size:20px;

color:#bbb;

line-height:1.7;

max-width:550px;


}



.hero-buttons {


display:flex;

gap:20px;

margin-top:35px;


}



.outline {


background:transparent;

color:var(--green);

border:

2px solid var(--green);


}



.trust {


display:flex;

gap:20px;

margin-top:45px;


}



.trust div {


background:#111;

padding:20px;

border-radius:15px;

border:1px solid #222;


}



.trust strong {


display:block;

font-size:25px;

color:var(--green);


}






/* ==========================
DASHBOARD CARD
========================== */



.dashboard-card {


width:420px;

padding:35px;


background:

rgba(255,255,255,.05);


border:

1px solid rgba(183,255,0,.4);


border-radius:25px;


box-shadow:

0 0 50px rgba(183,255,0,.25);


backdrop-filter:blur(20px);


animation:

floating 5s infinite;


}



@keyframes floating {


50%{

transform:translateY(-20px);

}


}



.dashboard-top {


display:flex;

justify-content:space-between;

align-items:center;


}



.dashboard-top img {


width:70px;


}



.dashboard-top span {


background:var(--green);

color:#000;

padding:8px 15px;

border-radius:20px;

font-weight:bold;


}



.wallet-title {


margin-top:30px;

color:#777;


}



.dashboard-card h2 {


font-size:65px;

color:var(--green);

margin:15px 0;


}



.wallet-actions {


display:flex;

gap:20px;

margin:30px 0;


}



.wallet-actions div {


flex:1;

background:#080808;

padding:20px;

border-radius:15px;

color:var(--green);


}



.network-box {


background:#080808;

padding:25px;

border-radius:20px;

border:1px solid #222;


}



.network-box h3 {


color:var(--green);

margin:10px 0;


}
/* ==========================
FEATURES SECTION
========================== */


.features {


display:grid;

grid-template-columns:repeat(4,1fr);

margin:20px 7%;

background:#080808;

border:

1px solid #222;


}



.features div {


padding:35px;

border-right:1px solid #222;

transition:.3s;


}



.features div:hover {


background:#111;

border-color:var(--green);


}



.features h3 {


color:var(--green);

margin-bottom:15px;


}



.features p {


color:var(--muted);

line-height:1.6;


}






/* ==========================
GENERAL SECTION HEADINGS
========================== */


section h2 {


font-size:42px;

text-align:center;

margin-bottom:25px;

font-weight:900;


}



.section-text {


text-align:center;

max-width:650px;

margin:0 auto 60px;

color:#999;

font-size:18px;

line-height:1.6;


}







/* ==========================
VIP SECTION
========================== */



.vip-section {


padding:100px 7%;


}



.vip-container {


display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;


}



.vip-card {


background:

linear-gradient(
145deg,
#151515,
#080808
);


padding:45px 35px;

border-radius:25px;

border:1px solid #252525;

text-align:center;

transition:.4s;

position:relative;


}



.vip-card:hover {


transform:translateY(-10px);

border-color:var(--green);

box-shadow:

0 0 35px rgba(183,255,0,.25);


}



.vip-number {


font-size:45px;

font-weight:900;

color:var(--green);


}



.vip-card h3 {


font-size:32px;

margin:15px 0;


}



.vip-card h1 {


font-size:60px;

color:var(--green);


}



.benefits {


margin:30px 0;

color:#aaa;

line-height:2;


}



.vip-card button {


margin-top:20px;

}




.premium {


border-color:var(--green);

box-shadow:

0 0 40px rgba(183,255,0,.2);


}



.elite {


background:

linear-gradient(
145deg,
#111,
#050505
);


}






/* ==========================
HOW IT WORKS
========================== */


.how-section {


padding:100px 7%;


}



.steps {


display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;


}



.step {


background:#111;

padding:35px;

border-radius:20px;

border:1px solid #222;

}



.step span {


font-size:40px;

color:var(--green);

font-weight:900;


}



.step h3 {


margin:20px 0;

}



.step p {


color:#999;

line-height:1.6;


}







/* ==========================
NETWORK SECTION
========================== */


.network-section {


padding:100px 7%;


}



.network-tree {


text-align:center;

margin-top:60px;


}



.node {


display:inline-block;

padding:25px;

background:#111;

border:

1px solid var(--green);


border-radius:20px;

color:var(--green);

font-weight:800;


}



.node.main {


background:var(--green);

color:#000;


}



.connection {


height:80px;

width:2px;

background:var(--green);

margin:auto;


}



.children {


display:flex;

justify-content:center;

gap:30px;


}







/* ==========================
WALLET SECTION
========================== */


.wallet-section {


padding:100px 7%;


}



.wallet-dashboard {


max-width:700px;

margin:auto;

padding:45px;


background:#111;


border-radius:30px;


border:

1px solid var(--green);


box-shadow:

0 0 40px rgba(183,255,0,.2);


}



.wallet-header {


display:flex;

justify-content:space-between;

font-weight:800;


}



.wallet-header span {


background:var(--green);

color:#000;

padding:7px 18px;

border-radius:20px;


}



.wallet-dashboard h1 {


font-size:85px;

color:var(--green);

margin:30px 0;


}



.wallet-grid {


display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin:40px 0;


}



.wallet-grid div {


background:#080808;

padding:25px;

border-radius:15px;


}



.wallet-grid h3 {


color:var(--green);

font-size:28px;


}



.wallet-buttons {


display:flex;

gap:20px;


}







/* ==========================
MEMBER DASHBOARD
========================== */


.member-section {


padding:100px 7%;


}



.member-dashboard {


display:flex;

max-width:1100px;

margin:auto;

background:#111;

border-radius:25px;

overflow:hidden;


}



.member-dashboard aside {


width:260px;

background:#080808;

padding:35px;


}



.member-dashboard aside h3 {


color:var(--green);

margin-bottom:30px;


}



.member-dashboard aside a {


display:block;

padding:15px 0;

color:#999;


}



.dashboard-content {


padding:40px;

flex:1;


}



.dashboard-boxes {


display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin-top:40px;


}



.dashboard-boxes div {


background:#080808;

padding:25px;

border-radius:20px;


}



.dashboard-boxes strong {


display:block;

margin-top:15px;

font-size:35px;

color:var(--green);


}






/* ==========================
MARKETPLACE
========================== */


.market-section {


padding:100px 7%;


}



.product-grid {


display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;


}



.product {


background:#111;

padding:30px;

border-radius:25px;

border:1px solid #222;

text-align:center;


}



.product:hover {


border-color:var(--green);

}



.image-placeholder {


height:180px;

display:flex;

align-items:center;

justify-content:center;

background:#080808;

color:var(--green);

border-radius:20px;

margin-bottom:25px;


}







/* ==========================
CTA
========================== */


.cta {


margin:80px 7%;

padding:50px;

display:flex;

align-items:center;

justify-content:space-between;

background:#111;

border:

1px solid var(--green);


border-radius:30px;


}



.cta img {


width:130px;


}



.cta h2 {


text-align:left;

margin-bottom:15px;


}



.cta p {


color:#999;


}





/* ==========================
FOOTER
========================== */


footer {


text-align:center;

padding:50px;

background:#000;

color:#777;


}



footer h3 {


color:var(--green);

font-size:25px;

margin-bottom:15px;


}







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


@media(max-width:1000px){



.header {


flex-direction:column;

gap:25px;


}



nav {


display:none;


}



.hero {


flex-direction:column;

}



.hero-content {


width:100%;


}



.hero h1 {


font-size:55px;


}



.dashboard-card {


width:100%;


}



.features {


grid-template-columns:1fr;

}



.vip-container {


grid-template-columns:1fr;


}



.steps {


grid-template-columns:1fr;


}



.children {


flex-direction:column;


}



.wallet-grid {


grid-template-columns:1fr;


}



.member-dashboard {


flex-direction:column;


}



.member-dashboard aside {


width:100%;


}



.dashboard-boxes {


grid-template-columns:1fr;


}



.product-grid {


grid-template-columns:1fr;


}



.cta {


flex-direction:column;

gap:30px;

text-align:center;


}



.cta h2 {


text-align:center;


}



}
/* =====================================
SCROLL ANIMATION
===================================== */


.hidden {

opacity:0;

transform:
translateY(40px);

transition:
all .8s ease;

}



.show {

opacity:1;

transform:
translateY(0);

}
/* =====================================
ABAMBUZ PORTAL PAGES
===================================== */


.portal-body {


min-height:100vh;

display:flex;

align-items:center;

justify-content:center;


background:

radial-gradient(
circle,
#172500,
#050505
);


}



.login-container,
.register-container {


width:420px;

padding:45px;


background:#111;


border:

1px solid rgba(183,255,0,.4);



border-radius:30px;


text-align:center;


box-shadow:

0 0 40px rgba(183,255,0,.2);


}



.login-container img,
.register-container img {


width:160px;

margin-bottom:25px;


}



.login-container h1,
.register-container h1 {


color:#B7FF00;

margin-bottom:15px;


}



.login-container p,
.register-container p {


color:#999;

margin-bottom:30px;


}




form {


display:flex;

flex-direction:column;

gap:15px;


}



input,
select {


padding:16px;


background:#080808;


border:

1px solid #333;


color:white;


border-radius:10px;


}



input:focus,
select:focus {


outline:none;

border-color:#B7FF00;


}



form button {


margin-top:20px;


}



.login-container a {


display:block;

margin-top:25px;

color:#B7FF00;


}
/* =====================================
ABAMBUZ MEMBER DASHBOARD
===================================== */


.dashboard-page {


background:#050505;

min-height:100vh;


}



.dashboard-layout {


display:flex;

min-height:100vh;


}




/* SIDEBAR */


.sidebar {


width:280px;

background:#080808;

border-right:

1px solid #222;


padding:35px;


}



.sidebar img {


width:150px;

margin-bottom:20px;


}



.sidebar h3 {


color:#B7FF00;

font-size:25px;

margin-bottom:40px;


}



.dashboard-menu a {


display:block;

padding:16px;

margin-bottom:10px;


color:#aaa;

text-decoration:none;

border-radius:10px;


}



.dashboard-menu a:hover,
.dashboard-menu .active {


background:#B7FF00;

color:#000;


}





/* MAIN */


.dashboard-main {


flex:1;

padding:45px;


}





.dashboard-header {


display:flex;

justify-content:space-between;

align-items:center;


}



.dashboard-header h1 {


font-size:40px;


}



.dashboard-header p {


color:#999;


}






.stats-grid {


display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:50px;


}




.stat-card {


background:#111;

padding:30px;

border-radius:25px;

border:1px solid #222;


}



.stat-card:hover {


border-color:#B7FF00;

box-shadow:

0 0 25px rgba(183,255,0,.2);


}



.stat-card h4 {


color:#777;


}



.stat-card h2 {


font-size:45px;

color:#B7FF00;

margin:20px 0;


}



.stat-card span {


color:#aaa;


}







/* QUICK ACTIONS */


.quick-section,
.earnings {


margin-top:60px;


}



.quick-grid {


display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;


}



.quick-grid div {


background:#111;

padding:30px;

border-radius:20px;

border:1px solid #222;


}



.quick-grid h3 {


color:#B7FF00;


}





/* ACTIVITY */


.activity {


display:flex;

flex-direction:column;

gap:15px;


}



.activity div {


background:#111;

padding:25px;

border-radius:15px;


}



.activity p {


color:#888;


}



.positive {


color:#B7FF00;

font-size:25px;


}



.negative {


color:red;

font-size:25px;


}






@media(max-width:1000px){


.dashboard-layout{

flex-direction:column;

}



.sidebar{


width:100%;


}



.stats-grid,
.quick-grid{


grid-template-columns:1fr;


}


}
/* =====================================
DASHBOARD UI CORRECTIONS
===================================== */


.sidebar {

width:240px;

min-height:100vh;

flex-shrink:0;

}



.sidebar img {

width:140px;

}



.dashboard-menu a {

white-space:nowrap;

font-size:15px;

}



.dashboard-main {

padding:35px 45px;

}



.dashboard-header h1 {

font-size:42px;

}



.stats-grid {

grid-template-columns:
repeat(4, minmax(200px,1fr));

gap:20px;

}



.stat-card {

min-height:200px;

}



.stat-card h2 {

font-size:42px;

}



.quick-grid {

grid-template-columns:
repeat(4,1fr);

}



.dashboard-menu a:hover,
.dashboard-menu .active {

box-shadow:

0 0 20px rgba(183,255,0,.3);

}





@media(max-width:1200px){


.stats-grid {

grid-template-columns:
repeat(2,1fr);

}


.quick-grid {

grid-template-columns:
repeat(2,1fr);

}


}
/* =====================================
ADVANCED MEMBER DASHBOARD
===================================== */


.member-header {

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:50px;

}



.profile-box {

display:flex;

align-items:center;

gap:15px;

background:#111;

padding:15px 25px;

border-radius:20px;

border:1px solid #222;

}



.avatar {

width:50px;

height:50px;

border-radius:50%;

background:#B7FF00;

color:#000;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:bold;

}



.profile-box span {

display:block;

color:#B7FF00;

font-size:13px;

margin-top:5px;

}





.summary-grid {

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

margin-bottom:40px;

}



.summary-card {


background:#111;

padding:30px;

border-radius:25px;

border:1px solid #222;


}



.summary-card h4 {

color:#888;

}



.summary-card h2 {

color:#B7FF00;

font-size:45px;

margin:20px 0;

}





.dashboard-grid {


display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

margin-bottom:30px;


}



.panel {


background:#111;

padding:35px;

border-radius:25px;

border:1px solid #222;


}



.panel-header {


display:flex;

justify-content:space-between;


}



.panel-header a {


color:#B7FF00;

}



.wallet-mini h1 {


font-size:65px;

color:#B7FF00;

margin:30px 0;


}



.wallet-buttons {


display:flex;

gap:15px;

margin-top:30px;


}





.progress {


height:15px;

background:#222;

border-radius:20px;

margin:30px 0;

overflow:hidden;


}



.progress div {


height:100%;

width:80%;

background:#B7FF00;


}




.chart {


height:220px;

display:flex;

align-items:end;

gap:20px;

}



.chart div {


flex:1;

background:#B7FF00;

border-radius:10px 10px 0 0;


}





.growth {


text-align:center;

padding:40px;


}



.growth h1 {


font-size:80px;

color:#B7FF00;


}




.growth span {


color:#B7FF00;


}




.transaction-panel table {


width:100%;

border-collapse:collapse;

margin-top:25px;


}



.transaction-panel td,
.transaction-panel th {


padding:18px;

border-bottom:1px solid #222;

text-align:left;


}



.green {


color:#B7FF00;


}



.red {


color:red;


}







@media(max-width:1000px){


.summary-grid,
.dashboard-grid {


grid-template-columns:1fr;


}


.member-header {


flex-direction:column;

align-items:flex-start;

gap:30px;


}


}
/* =====================================
DASHBOARD VERSION 3
===================================== */


.profile-box {

gap:15px;

}



.profile-details span {

display:block;

color:#B7FF00;

font-size:13px;

}



.profile-details small {

display:block;

color:#777;

margin-top:5px;

}



.notification {


position:relative;

font-size:25px;

margin-left:25px;


}



.notification span {


position:absolute;

top:-10px;

right:-10px;


background:#B7FF00;

color:#000;

width:20px;

height:20px;

border-radius:50%;

font-size:12px;

display:flex;

align-items:center;

justify-content:center;


}




.quick-buttons {


display:flex;

gap:15px;

margin-top:30px;


}



.dark-btn {


background:#222;

color:white;


}





.next-level {


color:#B7FF00;

margin-top:15px;


}




.earn-chart {


height:220px;

display:flex;

align-items:end;

gap:20px;

}



.earn-chart div {


flex:1;

background:#B7FF00;

color:#000;

border-radius:10px 10px 0 0;

display:flex;

align-items:end;

justify-content:center;

padding-bottom:10px;

font-weight:bold;


}




.growth-card {


text-align:center;

padding:40px;


}



.growth-card h1 {


font-size:90px;

color:#B7FF00;


}



.growth-card strong {


color:#B7FF00;


}




.activity-panel {


margin-top:30px;


}



.timeline {


display:flex;

flex-direction:column;

gap:15px;

margin-top:20px;


}



.timeline div {


background:#080808;

padding:20px;

border-radius:15px;


}



.timeline span {


color:#B7FF00;

font-size:25px;

margin-right:15px;


}


.timeline strong {


float:right;

color:#B7FF00;


}
/* =====================================
ABAMBUZ DASHBOARD FINAL POLISH
VERSION 3
===================================== */



/* HEADER PROFILE */

.profile-details {

display:flex;

flex-direction:column;

gap:5px;


}



.profile-details strong {

font-size:17px;


}



.profile-details span {

color:var(--green);

font-weight:700;

font-size:13px;


}





/* QUICK BUTTONS */


.quick-buttons {


display:flex;

gap:15px;

margin-top:30px;


}


.quick-buttons button {


font-size:13px;

padding:12px 18px;


}



.dark-btn {


background:#222;

color:white;

border:1px solid #333;


}



.dark-btn:hover {


border-color:var(--green);


}







/* EARNINGS CHART */


.earn-chart {


height:230px;

display:flex;

align-items:flex-end;

gap:20px;

padding-top:30px;


}



.earn-chart div {


flex:1;

background:

linear-gradient(
180deg,
#B7FF00,
#6e9900
);


border-radius:12px 12px 0 0;


display:flex;

justify-content:center;

align-items:flex-end;


padding-bottom:10px;


font-size:12px;

font-weight:800;


color:#000;


transition:.3s;


}



.earn-chart div:hover {


box-shadow:

0 0 25px var(--green);


transform:

translateY(-10px);


}







/* PERFORMANCE SUMMARY */


.performance-list {


display:flex;

flex-direction:column;

gap:18px;

margin-top:30px;


}



.performance-list div {


display:flex;

justify-content:space-between;

align-items:center;


background:#080808;


padding:20px;


border-radius:15px;


border:1px solid #222;


}



.performance-list span {


color:#aaa;


}



.performance-list strong {


color:var(--green);


}








/* ACCOUNT STATUS */


.status-box {


display:flex;

flex-direction:column;

gap:20px;

margin-top:30px;


}



.status-box div {


background:#080808;

padding:20px;

border-radius:15px;


display:flex;

justify-content:space-between;


}



.status-box span {


color:#888;


}



.status-box strong {


color:var(--green);


}







/* TRANSACTION TABLE */


.transaction-panel {


margin-top:30px;


}



.transaction-panel a {


color:var(--green);

text-decoration:none;


}



.transaction-panel table {


margin-top:25px;


}



.transaction-panel th {


color:#777;

font-size:13px;


}



.transaction-panel td {


color:#ddd;


}








/* ACTIVITY TIMELINE */


.timeline {


display:flex;

flex-direction:column;

gap:15px;

margin-top:25px;


}



.timeline div {


display:flex;

align-items:center;

gap:20px;


background:#080808;


padding:20px;


border-radius:15px;


}



.timeline span {


width:40px;

height:40px;

border-radius:50%;


background:var(--green);


color:#000;


display:flex;

align-items:center;

justify-content:center;


font-size:22px;

font-weight:bold;


}



.timeline p {


flex:1;

color:#ddd;


}



.timeline strong {


color:var(--green);


}







/* DASHBOARD FOOTER */


.dashboard-footer {


margin-top:50px;

padding:30px 0;

border-top:

1px solid #222;


display:flex;

justify-content:space-between;


color:#777;


}



.dashboard-footer span {


color:#B7FF00;


}








/* IMPROVE PANELS */


.panel {


transition:.3s;


}



.panel:hover {


border-color:

rgba(183,255,0,.4);


}








/* MOBILE IMPROVEMENTS */


@media(max-width:700px){


.quick-buttons {


flex-direction:column;


}



.dashboard-footer {


flex-direction:column;

gap:15px;


}


}
/* =====================================
FIX DASHBOARD SIDEBAR MENU
===================================== */


.dashboard-layout {

display:flex;

}



.sidebar {

width:240px;

flex-shrink:0;

position:relative;

}



.dashboard-menu {

display:flex;

flex-direction:column;

gap:10px;

}



.dashboard-menu a {

display:block;

width:100%;

white-space:nowrap;

padding:15px;

}





.dashboard-main {

flex:1;

min-width:0;

}




.member-header {

width:100%;

}





@media(max-width:1000px){


.dashboard-menu {

flex-direction:column;

}



}
/* =====================================
ABAMBUZ SIDEBAR PREMIUM GLASS STYLE
===================================== */


.sidebar {

background:

rgba(5,5,5,0.65);

backdrop-filter:

blur(20px);


border-right:

1px solid rgba(183,255,0,0.25);


padding:35px 25px;


}




/* LOGO AREA */

.sidebar img {

width:150px;

margin-bottom:20px;

}



.sidebar h3 {

font-size:28px;

color:#B7FF00;

padding-bottom:30px;


border-bottom:

1px solid rgba(255,255,255,.08);


}






/* MENU CONTAINER */


.dashboard-menu {


margin-top:30px;

padding:15px 0;


border-top:

1px solid rgba(255,255,255,.08);


border-bottom:

1px solid rgba(255,255,255,.08);


}






/* MENU ITEMS */


.dashboard-menu a {


display:flex;

align-items:center;


width:100%;


padding:16px 18px;


margin:8px 0;


color:#aaa;


text-decoration:none;


border:

1px solid transparent;


border-radius:12px;


transition:.3s;


background:

rgba(255,255,255,0.02);


}





/* HOVER EFFECT */


.dashboard-menu a:hover {


color:#B7FF00;


border-color:

rgba(183,255,0,.35);


background:

rgba(183,255,0,.06);


box-shadow:

0 0 20px rgba(183,255,0,.15);


}






/* ACTIVE MENU */


.dashboard-menu .active {


background:#B7FF00;


color:#000;


border-color:#B7FF00;


box-shadow:

0 0 25px rgba(183,255,0,.45);


font-weight:700;


}







/* SIDEBAR FOOTER FEEL */


.dashboard-menu a:last-child {


margin-top:25px;


border-top:

1px solid rgba(255,255,255,.08);
/* =====================================
ABAMBUZ SIDEBAR V4
NEON GLASS CONTROL PANEL
===================================== */



.sidebar {

background:

rgba(5,5,5,0.55);

backdrop-filter:

blur(25px);


border-right:

1px solid rgba(183,255,0,.35);


border-left:

1px solid rgba(183,255,0,.08);


position:relative;


padding:35px 25px;


}




/* Outer glowing line */

.sidebar::before {


content:"";


position:absolute;


top:20px;

bottom:20px;

left:10px;

right:10px;


border:

1px solid rgba(183,255,0,.35);


border-radius:25px;


pointer-events:none;


box-shadow:


0 0 25px rgba(183,255,0,.15);



}






/* Logo area */


.sidebar img {


width:150px;

position:relative;

z-index:2;


}



.sidebar h3 {


position:relative;

z-index:2;


font-size:28px;

margin-top:20px;

padding-bottom:30px;


color:#B7FF00;


border-bottom:


1px solid rgba(183,255,0,.35);



}







/* MENU WRAPPER */


.dashboard-menu {


margin-top:35px;

position:relative;

z-index:2;


padding-top:10px;


}







/* MENU ITEMS */


.dashboard-menu a {


display:flex;


align-items:center;


gap:12px;


height:55px;


padding:0 20px;


margin-bottom:18px;


border-radius:14px;



background:


rgba(255,255,255,.025);



border:


1px solid rgba(183,255,0,.28);



color:#aaa;


font-size:15px;


text-decoration:none;


transition:.35s ease;


position:relative;


overflow:hidden;


}





/* subtle inner glow */

.dashboard-menu a::after {


content:"";


position:absolute;


inset:0;


background:


linear-gradient(

90deg,

rgba(183,255,0,.15),

transparent

);


opacity:0;


transition:.3s;



}






/* Hover */


.dashboard-menu a:hover {


color:#B7FF00;


border-color:#B7FF00;


transform:

translateX(6px);



box-shadow:


0 0 20px rgba(183,255,0,.25);



}



.dashboard-menu a:hover::after {


opacity:1;


}







/* ACTIVE BUTTON */


.dashboard-menu .active {


background:


linear-gradient(

90deg,

#B7FF00,

#8dff00

);



color:#000;


font-weight:800;


border-color:#B7FF00;



box-shadow:


0 0 35px rgba(183,255,0,.55);



}



.dashboard-menu .active::before {


content:"";


position:absolute;


left:0;


height:100%;


width:5px;


background:white;


box-shadow:


0 0 15px white;



}







/* LOGOUT SEPARATOR */


.dashboard-menu a:last-child {


margin-top:35px;


border-top:

1px solid rgba(183,255,0,.3);



}







/* MOBILE */

@media(max-width:1000px){


.sidebar {


width:100%;


}



.sidebar::before {


display:none;


}



}

padding-top:20px;


}
/* =====================================
ABAMBUZ SIDEBAR BORDER FINAL FIX
===================================== */


.sidebar {


background:

rgba(10,10,10,0.45) !important;


border-right:

2px solid rgba(183,255,0,.45) !important;


border-left:

1px solid rgba(183,255,0,.25) !important;


}





/* Outer sidebar frame */


.sidebar::before {


content:"";

position:absolute;


top:15px;

bottom:15px;

left:15px;

right:15px;


border:

1px solid rgba(183,255,0,.35);


border-radius:20px;


z-index:0;


}





.sidebar > * {


position:relative;

z-index:2;


}







/* Menu container */


.dashboard-menu {


border-top:

1px solid rgba(183,255,0,.25);


border-bottom:

1px solid rgba(183,255,0,.25);


padding:20px 0;


}





/* Individual menu buttons */


.dashboard-menu a {


border:

1px solid rgba(183,255,0,.35) !important;


background:

rgba(255,255,255,.035);


}





.dashboard-menu a:hover {


border-color:

#B7FF00 !important;


}





/* Active item */


.dashboard-menu .active {


border:

2px solid #B7FF00 !important;


background:

#B7FF00;


box-shadow:


0 0 35px rgba(183,255,0,.7);


}





/* Separator between items */


.dashboard-menu a:not(:last-child)::after {


content:"";


position:absolute;


bottom:-10px;


left:15px;


right:15px;


height:1px;


background:


rgba(183,255,0,.18);


}
/* =====================================
BUZZO WALLET SYSTEM
===================================== */



.wallet-summary {


display:grid;

grid-template-columns:

2fr repeat(3,1fr);

gap:20px;

margin-bottom:35px;


}




.wallet-main-card {


background:

linear-gradient(
135deg,
#111,
#050505
);


padding:40px;


border-radius:30px;


border:

1px solid var(--green);


box-shadow:

0 0 35px rgba(183,255,0,.2);


}



.wallet-main-card h1 {


font-size:80px;

color:var(--green);

margin:20px 0;


}



.wallet-actions {


display:flex;

gap:15px;

margin-top:35px;


}







.wallet-mini-card {


background:#111;

padding:30px;

border-radius:25px;


border:

1px solid #222;


}



.wallet-mini-card h2 {


font-size:35px;

color:var(--green);

margin:20px 0;


}



.wallet-mini-card span {


color:#999;


}





.reward-grid {


display:grid;


grid-template-columns:repeat(3,1fr);


gap:20px;


margin-top:30px;


}



.reward-grid div {


background:#080808;


padding:30px;


border-radius:20px;


border:1px solid #222;


}



.reward-grid strong {


display:block;


font-size:35px;


color:var(--green);


margin:15px 0;


}







.withdrawal-panel {


margin-top:30px;


}



.payment-options {


display:grid;


grid-template-columns:repeat(4,1fr);


gap:20px;


margin:30px 0;


}



.payment-options div {


background:#080808;


padding:25px;


border-radius:15px;


text-align:center;


border:1px solid #222;


transition:.3s;


}



.payment-options div:hover {


border-color:var(--green);


}





@media(max-width:1000px){


.wallet-summary {


grid-template-columns:1fr;


}



.reward-grid {


grid-template-columns:1fr;


}



.payment-options {


grid-template-columns:1fr;


}



}
/* =====================================
ABAMBUZ AFFILIATE NETWORK
===================================== */



.referral-box {


display:flex;

gap:15px;

margin-top:25px;


}



.referral-box input {


flex:1;

background:#080808;

border:1px solid #333;

padding:18px;

border-radius:12px;

color:white;


}




.commission {


text-align:center;

padding:40px;


}



.commission h1 {


font-size:70px;

color:var(--green);


}



.commission p {


color:#999;


}






.network-tree-dashboard {


text-align:center;

padding:50px 0;


}




.tree-user {


display:inline-block;


background:var(--green);


color:#000;


padding:25px;


border-radius:20px;


font-weight:900;


}





.tree-line {


width:2px;

height:80px;

background:var(--green);

margin:auto;


}




.tree-level {


display:flex;

justify-content:center;

gap:40px;


}





.tree-level div {


background:#080808;


padding:30px;


border-radius:20px;


border:

1px solid rgba(183,255,0,.4);


color:var(--green);


}



@media(max-width:1000px){


.tree-level {


flex-direction:column;


}



.referral-box {


flex-direction:column;


}


}
/* =====================================
ABAMBUZ MARKETPLACE
===================================== */


.category-grid {


display:grid;

grid-template-columns:repeat(5,1fr);

gap:20px;

margin-top:25px;


}



.category-grid div {


background:#080808;

padding:25px;


border-radius:15px;


border:

1px solid #333;


text-align:center;


color:#aaa;


transition:.3s;


}



.category-grid div:hover {


border-color:var(--green);

color:var(--green);


}





.market-products {


margin-top:40px;


}



.products-grid {


display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:30px;


}





.market-card {


background:#111;


padding:25px;


border-radius:25px;


border:

1px solid #222;


transition:.3s;


}



.market-card:hover {


border-color:var(--green);


transform:translateY(-8px);


}





.product-image {


height:180px;


background:#080808;


border-radius:20px;


display:flex;


align-items:center;


justify-content:center;


color:var(--green);


margin-bottom:25px;


}





.market-card h3 {


margin-bottom:10px;


}



.market-card p {


color:#999;


}



.price {


display:flex;


justify-content:space-between;


align-items:center;


margin:25px 0;


}



.price span {


color:#aaa;


}



.price strong {


color:var(--green);


font-size:20px;


}





.cart-panel {


margin-top:40px;


}



.cart-box {


display:flex;


justify-content:space-between;


align-items:center;


padding-top:25px;


}





@media(max-width:1100px){


.products-grid {


grid-template-columns:repeat(2,1fr);


}



.category-grid {


grid-template-columns:repeat(2,1fr);


}



}




@media(max-width:600px){


.products-grid,
.category-grid {


grid-template-columns:1fr;


}


}
/* =====================================
ABAMBUZ VIP MEMBERSHIP SYSTEM
===================================== */



.current-vip {


margin-bottom:40px;


}




.vip-status-card {


display:flex;

justify-content:space-between;

align-items:center;


background:


linear-gradient(
135deg,
#111,
#050505
);


padding:40px;


border-radius:25px;


border:

1px solid var(--green);


}





.vip-status-card h4 {


color:#aaa;


}



.vip-status-card h1 {


font-size:55px;


color:var(--green);


}





.vip-badge {


width:120px;

height:120px;


border-radius:50%;


display:flex;


align-items:center;


justify-content:center;


background:var(--green);


color:#000;


font-size:25px;


font-weight:900;


box-shadow:

0 0 40px rgba(183,255,0,.5);



}






.vip-benefits {


display:grid;


grid-template-columns:repeat(4,1fr);


gap:20px;


margin-top:25px;


}




.vip-benefits div {


background:#080808;


padding:20px;


border-radius:15px;


border:

1px solid #222;


color:#aaa;


}





.vip-plan-grid {


display:grid;


grid-template-columns:repeat(3,1fr);


gap:30px;


}




.vip-plan {


background:#111;


padding:40px;


border-radius:25px;


border:

1px solid #222;


text-align:center;


position:relative;


}





.vip-plan h1 {


font-size:55px;


color:var(--green);


}





.vip-plan ul {


list-style:none;


color:#aaa;


line-height:2.2;


margin:25px 0;


}





.vip-plan:hover {


border-color:var(--green);


transform:translateY(-10px);


}



.vip-plan.popular {


border-color:var(--green);


box-shadow:

0 0 35px rgba(183,255,0,.2);


}



.vip-plan.popular span {


position:absolute;


top:15px;


right:15px;


background:var(--green);


color:#000;


padding:8px 15px;


border-radius:20px;


font-size:12px;


}





.comparison-panel {


margin-top:50px;


}




.comparison-panel table {


width:100%;


border-collapse:collapse;


}



.comparison-panel td,
.comparison-panel th {


padding:20px;


border-bottom:1px solid #222;


text-align:center;


}




@media(max-width:1000px){


.vip-plan-grid,
.vip-benefits {


grid-template-columns:1fr;


}



.vip-status-card {


flex-direction:column;

gap:30px;


}



}
/* ================= LOGOUT PAGE ================= */


.portal-body {

    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#050505;

}



.logout-container {

    width:420px;
    padding:50px 40px;
    text-align:center;
    background:#111;
    border:1px solid rgba(180,255,0,0.5);
    border-radius:25px;
    box-shadow:0 0 40px rgba(180,255,0,0.15);

}



.logout-container img {

    width:180px;
    height:auto;
    margin-bottom:35px;

}



.logout-container h1 {

    color:#b6ff00;
    font-size:32px;
    margin-bottom:15px;

}



.logout-container p {

    color:#aaa;
    font-size:16px;
    line-height:1.6;
    margin-bottom:30px;

}



.logout-container a {

    display:inline-block;
    padding:15px 35px;
    background:#b6ff00;
    color:#000;
    text-decoration:none;
    font-weight:700;
    border-radius:10px;
    transition:0.3s;

}



.logout-container a:hover {

    box-shadow:0 0 25px #b6ff00;

}
/* ================= FUTURISTIC LED BACKGROUND ================= */

.portal-body {

    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;

    background:
    radial-gradient(
        circle at center,
        rgba(180,255,0,0.18),
        transparent 35%
    ),
    linear-gradient(
        rgba(180,255,0,0.05) 1px,
        transparent 1px
    ),
    linear-gradient(
        90deg,
        rgba(180,255,0,0.05) 1px,
        transparent 1px
    ),
    #050505;

    background-size:
    auto,
    55px 55px,
    55px 55px,
    auto;

    position:relative;
    overflow:hidden;

}



/* glowing LED points */

.portal-body::before {

    content:"";

    position:absolute;

    inset:0;


    background-image:
    radial-gradient(
        circle,
        rgba(180,255,0,0.9) 2px,
        transparent 3px
    );


    background-size:
    95px 95px;


    opacity:0.7;


    animation:
    ledPulse 3s infinite alternate;


    pointer-events:none;

}





/* central green light bloom */

.portal-body::after {


    content:"";

    position:absolute;

    width:650px;

    height:650px;

    background:
    radial-gradient(
        circle,
        rgba(180,255,0,0.35),
        transparent 65%
    );


    filter:blur(40px);


    z-index:0;


}






.logout-container {


    position:relative;

    z-index:2;


}






@keyframes ledPulse {


from {

    opacity:0.35;

}


to {

    opacity:0.8;

}


}

.logout-container p {

    max-width:320px;
    margin:0 auto 30px;
    color:#aaa;
    font-size:16px;
    line-height:1.8;

}

/* =========================================
   ABAMBUZ HOMEPAGE DESIGN
========================================= */


.home-page {

    background:#050505;

    color:white;

    min-height:100vh;

    overflow-x:hidden;

}



/* LED GRID BACKGROUND */

.home-page {

background-image:

linear-gradient(
rgba(180,255,0,0.05) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(180,255,0,0.05) 1px,
transparent 1px
),

radial-gradient(
circle at center,
rgba(180,255,0,0.25),
transparent 45%
);


background-size:

60px 60px,
60px 60px,
auto;

}






/* HEADER */

.home-header {


display:flex;

align-items:center;

justify-content:space-between;

padding:25px 60px;

border-bottom:

1px solid rgba(180,255,0,.25);

background:

rgba(0,0,0,.65);

backdrop-filter:blur(15px);

}




.home-header img {

width:170px;

}




.home-header nav {

display:flex;

gap:30px;

}



.home-header nav a {


color:#aaa;

text-decoration:none;

font-size:14px;

transition:.3s;

}



.home-header nav a:hover {

color:#b6ff00;

}







.header-buttons {


display:flex;

gap:15px;

}



.header-buttons a {


text-decoration:none;

padding:12px 25px;

border-radius:30px;

font-weight:bold;

}



.login-btn {

border:1px solid #b6ff00;

color:#b6ff00;

}



.join-btn {


background:#b6ff00;

color:#000;

}









/* HERO */

.hero-section {


display:flex;

justify-content:space-between;

align-items:center;

padding:100px 80px;


}



.hero-content {

max-width:650px;

}



.hero-content h1 {


font-size:65px;

line-height:1.1;

}



.hero-content h1 span {


color:#b6ff00;

}



.hero-content p {


font-size:20px;

color:#aaa;

line-height:1.7;

}




.hero-actions {


display:flex;

gap:20px;

margin-top:40px;

}



.hero-actions a {


background:#b6ff00;

color:#000;

padding:18px 40px;

border-radius:12px;

font-weight:bold;

text-decoration:none;

}



.hero-actions .outline-btn {


background:none;

border:1px solid #b6ff00;

color:#b6ff00;

}




.hero-logo img {


width:450px;

filter:

drop-shadow(0 0 40px #b6ff00);

}








/* ECOSYSTEM */


.ecosystem-section,
.steps-section,
.vip-preview {


padding:80px;



text-align:center;

}



.ecosystem-section h2,
.steps-section h2,
.vip-preview h2 {


font-size:40px;

color:#b6ff00;

}




.ecosystem-grid,
.steps-grid,
.vip-preview-grid {


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:30px;

margin-top:50px;

}





.eco-card,
.steps-grid div,
.vip-preview-grid div {


background:#111;

border:1px solid rgba(180,255,0,.35);

border-radius:20px;

padding:35px;


transition:.3s;


}



.eco-card:hover,
.steps-grid div:hover,
.vip-preview-grid div:hover {


transform:translateY(-10px);

box-shadow:

0 0 30px rgba(180,255,0,.25);

}





.eco-card h3,
.steps-grid h3,
.vip-preview-grid h3 {


color:#b6ff00;

}



.eco-card p,
.steps-grid p,
.vip-preview-grid p {


color:#aaa;

}





.steps-grid span {


font-size:35px;

font-weight:bold;

color:#b6ff00;

}





/* FOOTER */


.home-footer {


padding:50px;

text-align:center;

border-top:

1px solid rgba(180,255,0,.2);

}



.home-footer img {


width:150px;

}



.home-footer p {


color:#b6ff00;

}

/* ================= HOME MOCKUP FIXES ================= */


.hero{
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
padding:90px 70px;
}


.hero-content{
max-width:600px;
}


.welcome{
letter-spacing:8px;
font-weight:700;
color:#aaa;
}


.hero h1{
font-size:75px;
line-height:0.95;
font-weight:900;
}


.hero h1 span{
display:block;
color:#aaff00;
text-shadow:0 0 25px #aaff00;
}


.description{
font-size:20px;
color:#aaa;
line-height:1.7;
}



.hero-buttons a{

display:inline-block;
padding:18px 35px;
margin-right:15px;
border-radius:30px;
background:#aaff00;
color:#000;
font-weight:800;

}



.hero-buttons .outline{

background:transparent;
border:1px solid #aaff00;
color:#aaff00;

}



/* DASHBOARD CARD */


.dashboard-card{

width:430px;
background:#111;
border:1px solid #aaff00;
border-radius:25px;
padding:30px;
box-shadow:
0 0 40px rgba(170,255,0,.35);

}


.dashboard-top{

display:flex;
justify-content:space-between;
align-items:center;

}


.dashboard-top img{

width:90px;

}


.dashboard-top span{

background:#aaff00;
padding:10px 18px;
border-radius:20px;
color:#000;
font-weight:bold;

}


.wallet-preview{

margin-top:30px;
}


.wallet-preview h2{

font-size:55px;
color:#aaff00;

}



.dashboard-stats{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:30px;

}


.dashboard-stats div{

background:#181818;
padding:15px;
border-radius:15px;
text-align:center;

}



.dashboard-action{

margin-top:25px;
background:#181818;
padding:15px;
border-radius:15px;

}




/* FEATURES */


.features{

display:grid;
grid-template-columns:repeat(4,1fr);
margin:50px;
border:1px solid #333;

}


.feature-card{

padding:35px;
background:#111;
border-right:1px solid #333;

}


.feature-card h3{

color:#aaff00;

}





/* VIP */


.vip-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
padding:40px;

}


.vip-card{

background:#111;
border:1px solid #333;
border-radius:20px;
padding:35px;
text-align:center;

}



.vip-card.active{

border:2px solid #aaff00;
box-shadow:0 0 30px #aaff00;

}



.vip-card h1{

color:#aaff00;

}



.vip-card button{

background:#aaff00;
border:0;
padding:15px 30px;
border-radius:20px;
font-weight:bold;

}




/* WALLET */


.wallet-section{

display:flex;
justify-content:space-between;
align-items:center;
padding:70px;

}



.wallet-box{

background:#111;
border:1px solid #aaff00;
padding:40px;
border-radius:25px;

}



.wallet-box h1{

font-size:60px;
color:#aaff00;

}



/* MARKET */


.market-grid{

display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
padding:40px;

}



.product-card{

background:#111;
border:1px solid #333;
padding:25px;
border-radius:20px;
color:#fff;

}



.product-card:hover{

border-color:#aaff00;

}



/* CTA */


.cta{

display:flex;
align-items:center;
justify-content:space-between;
margin:50px;
padding:35px;
border:1px solid #aaff00;
border-radius:25px;
background:#111;

}



.cta img{

width:120px;

}


.cta a{

background:#aaff00;
padding:15px 30px;
border-radius:25px;
color:#000;
font-weight:bold;

}
/* =====================================
   HOMEPAGE VIP PLANS + LOWER SECTIONS
===================================== */


/* VIP PLANS */

.vip-plans-home{

padding:90px 6%;

}


.vip-plans-home h2{

text-align:center;

font-size:42px;

color:#fff;

margin-bottom:50px;

}



.vip-home-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.vip-home-card{

position:relative;

background:#101010;

border:1px solid rgba(170,255,0,.25);

border-radius:25px;

padding:45px 35px;

text-align:center;

overflow:hidden;

transition:.3s ease;

}



.vip-home-card:hover{

transform:translateY(-10px);

border-color:#aaff00;

box-shadow:
0 0 35px rgba(170,255,0,.25);

}




.vip-number{

position:absolute;

top:10px;

right:20px;

font-size:90px;

font-weight:900;

color:rgba(170,255,0,.08);

}



.vip-home-card h4{

color:#aaff00;

font-size:18px;

}




.vip-home-card h3{

font-size:32px;

margin:15px 0;

}




.vip-price{

font-size:55px;

font-weight:900;

color:#aaff00;

}



.vip-home-card ul{

list-style:none;

padding:20px 0;

line-height:2;

color:#ccc;

}




.vip-home-card a{

display:block;

padding:15px;

border:1px solid #aaff00;

border-radius:30px;

color:#fff;

text-decoration:none;

font-weight:bold;

}



.vip-home-card a:hover{

background:#aaff00;

color:#000;

}





/* POPULAR VIP CARD */


.vip-home-card.popular{

border:2px solid #aaff00;

box-shadow:

0 0 40px rgba(170,255,0,.35);

}



.popular-tag{

position:absolute;

top:0;

left:50%;

transform:translateX(-50%);

background:#aaff00;

color:#000;

padding:10px 30px;

border-radius:0 0 15px 15px;

font-weight:bold;

font-size:12px;

}







/* WALLET SECTION */


.wallet-section{

display:flex;

justify-content:space-between;

align-items:center;

padding:90px 8%;

gap:40px;

}




.wallet-box{

background:#111;

border:1px solid rgba(170,255,0,.5);

border-radius:25px;

padding:40px;

min-width:350px;

box-shadow:

0 0 30px rgba(170,255,0,.15);

}



.wallet-box h1{

font-size:60px;

color:#aaff00;

margin:10px 0;

}



.wallet-buttons{

display:flex;

gap:15px;

margin-top:25px;

}



.wallet-buttons button{

background:#aaff00;

border:none;

padding:14px 30px;

border-radius:25px;

font-weight:bold;

cursor:pointer;

}







/* MARKETPLACE */


.market-section{

padding:90px 6%;

}



.market-section h2{

text-align:center;

font-size:42px;

}



.market-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:50px;

}



.product-card{

background:#111;

border:1px solid rgba(170,255,0,.2);

border-radius:20px;

padding:30px;

text-align:center;

transition:.3s;

}



.product-card:hover{

border-color:#aaff00;

transform:translateY(-8px);

box-shadow:
0 0 30px rgba(170,255,0,.2);

}



.product-image{

font-size:55px;

margin-bottom:20px;

}



.product-card strong{

display:block;

color:#aaff00;

font-size:22px;

margin-top:15px;

}





/* CTA */


.cta{

margin:80px 6%;

padding:40px;

display:flex;

align-items:center;

justify-content:space-between;

background:#101010;

border:1px solid #aaff00;

border-radius:30px;

}



.cta img{

width:140px;

}



.cta a{

background:#aaff00;

color:#000;

padding:18px 35px;

border-radius:30px;

text-decoration:none;

font-weight:bold;

}






/* MOBILE */


@media(max-width:900px){


.vip-home-grid,
.market-grid{

grid-template-columns:1fr;

}


.wallet-section,
.cta{

flex-direction:column;

}


}
/* =====================================
   ABAMBUZ HOMEPAGE FINAL HERO POLISH
===================================== */

.hero {
    min-height: 850px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    padding: 80px 5%;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 72% 48%,
            rgba(183, 255, 0, 0.22),
            transparent 26%
        ),
        radial-gradient(
            circle at 45% 100%,
            rgba(183, 255, 0, 0.12),
            transparent 35%
        );

    pointer-events: none;
    z-index: -3;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(183, 255, 0, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(183, 255, 0, 0.035) 1px,
            transparent 1px
        );

    background-size: 80px 80px;
    animation: heroGridMove 18s linear infinite;

    pointer-events: none;
    z-index: -4;
}

@keyframes heroGridMove {

    from {
        background-position: 0 0, 0 0;
    }

    to {
        background-position: 80px 80px, 80px 80px;
    }

}

/* Floating light system */

.hero-effects {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.hero-effects span {
    position: absolute;
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--green);

    box-shadow:
        0 0 8px var(--green),
        0 0 22px rgba(183, 255, 0, 0.8);

    animation: heroParticleFloat 8s ease-in-out infinite alternate;
}

.hero-effects span:nth-child(2) {
    top: 14%;
    left: 8%;
}

.hero-effects span:nth-child(3) {
    top: 72%;
    left: 25%;
    animation-delay: -2s;
}

.hero-effects span:nth-child(4) {
    top: 24%;
    left: 46%;
    animation-delay: -4s;
}

.hero-effects span:nth-child(5) {
    top: 68%;
    left: 55%;
    animation-delay: -1s;
}

.hero-effects span:nth-child(6) {
    top: 18%;
    right: 19%;
    animation-delay: -5s;
}

.hero-effects span:nth-child(7) {
    top: 56%;
    right: 8%;
    animation-delay: -3s;
}

.hero-effects span:nth-child(8) {
    bottom: 12%;
    right: 33%;
    animation-delay: -6s;
}

.hero-effects span:nth-child(9) {
    bottom: 18%;
    left: 10%;
    animation-delay: -3.5s;
}

@keyframes heroParticleFloat {

    from {
        transform: translateY(0) scale(0.7);
        opacity: 0.35;
    }

    to {
        transform: translateY(-55px) scale(1.25);
        opacity: 1;
    }

}

/* Futuristic orbit behind dashboard */

.hero-orbit {
    position: absolute;

    width: 520px;
    height: 520px;

    top: 50%;
    right: 4%;

    transform: translateY(-50%);

    border: 1px solid rgba(183, 255, 0, 0.2);
    border-radius: 50%;

    box-shadow:
        inset 0 0 80px rgba(183, 255, 0, 0.06),
        0 0 90px rgba(183, 255, 0, 0.1);

    animation: orbitPulse 5s ease-in-out infinite alternate;
}

.hero-orbit::before,
.hero-orbit::after {
    content: "";
    position: absolute;

    border-radius: 50%;
    border: 1px dashed rgba(183, 255, 0, 0.2);
}

.hero-orbit::before {
    inset: 48px;
}

.hero-orbit::after {
    inset: 105px;
}

@keyframes orbitPulse {

    from {
        opacity: 0.45;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1.04);
    }

}

/* Hero content */

.hero-content {
    width: 50%;
    max-width: 700px;
    position: relative;
    z-index: 2;
}

.hero h1 {
    font-size: clamp(62px, 6vw, 92px);
    line-height: 0.94;
    letter-spacing: -3px;
    margin: 28px 0;
}

.hero-buttons a {
    text-decoration: none;
}

/* Dashboard glass card */

.dashboard-card {
    width: min(470px, 42vw);
    position: relative;
    z-index: 2;

    background:
        linear-gradient(
            145deg,
            rgba(24, 24, 24, 0.92),
            rgba(8, 8, 8, 0.9)
        );

    border: 1px solid rgba(183, 255, 0, 0.55);

    backdrop-filter: blur(24px);

    box-shadow:
        0 0 40px rgba(183, 255, 0, 0.18),
        0 0 100px rgba(183, 255, 0, 0.09);

    animation: dashboardFloat 5s ease-in-out infinite;
}

@keyframes dashboardFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-14px);
    }

}

.dashboard-stats div,
.dashboard-action {
    border: 1px solid rgba(183, 255, 0, 0.08);
    transition: 0.3s ease;
}

.dashboard-stats div:hover {
    border-color: rgba(183, 255, 0, 0.45);

    box-shadow:
        0 0 18px rgba(183, 255, 0, 0.12);

    transform: translateY(-4px);
}

/* Mobile */

@media (max-width: 1000px) {

    .hero {
        min-height: auto;
        flex-direction: column;
        padding: 100px 7%;
    }

    .hero-content {
        width: 100%;
    }

    .dashboard-card {
        width: 100%;
        max-width: 520px;
    }

    .hero-orbit {
        width: 460px;
        height: 460px;
        right: 50%;
        top: 68%;

        transform: translateX(50%) translateY(-50%);
    }

}

@media (max-width: 600px) {

    .hero h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .hero-buttons a {
        width: 100%;
        text-align: center;
    }

    .hero-orbit {
        width: 340px;
        height: 340px;
    }

}
/* =====================================
   ABAMBUZ LOGIN PAGE
===================================== */

.portal-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px 20px;

    background:
        radial-gradient(
            circle at center,
            rgba(183, 255, 0, 0.18),
            transparent 36%
        ),
        linear-gradient(
            rgba(183, 255, 0, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(183, 255, 0, 0.045) 1px,
            transparent 1px
        ),
        #050505;

    background-size:
        auto,
        55px 55px,
        55px 55px,
        auto;

    position: relative;
    overflow-x: hidden;
}

.portal-body::before {
    content: "";
    position: fixed;
    inset: 0;

    background-image:
        radial-gradient(
            circle,
            rgba(183, 255, 0, 0.85) 2px,
            transparent 3px
        );

    background-size: 100px 100px;
    opacity: 0.35;
    pointer-events: none;

    animation: portalLedPulse 3s ease-in-out infinite alternate;
}

@keyframes portalLedPulse {
    from {
        opacity: 0.2;
    }

    to {
        opacity: 0.55;
    }
}

.login-container {
    width: min(460px, 100%);

    padding: 48px 42px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            rgba(20, 20, 20, 0.96),
            rgba(7, 7, 7, 0.96)
        );

    border: 1px solid rgba(183, 255, 0, 0.5);
    border-radius: 28px;

    box-shadow:
        0 0 40px rgba(183, 255, 0, 0.16),
        0 0 100px rgba(183, 255, 0, 0.08);

    position: relative;
    z-index: 2;
}

.portal-logo-link {
    display: inline-block;
    padding: 0;
    margin: 0 0 28px;

    background: transparent;
    border: 0;
    box-shadow: none;
    text-decoration: none;
}

.portal-logo-link img {
    display: block;
    width: 185px;
    height: auto;
    margin: 0 auto;

    background: transparent;
}

.portal-logo-link:hover {
    background: transparent;
    box-shadow: none;
}

.portal-logo-link:hover img {
    filter: drop-shadow(0 0 16px rgba(183, 255, 0, 0.75));
    transform: scale(1.03);
}

.login-container h1 {
    margin-bottom: 12px;

    color: var(--green);
    font-size: 36px;
    line-height: 1.1;
}

.login-container > p {
    margin-bottom: 30px;
    color: #999;
}

.login-container form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.portal-field {
    text-align: left;
}

.portal-field label {
    display: block;
    margin-bottom: 9px;

    color: #ddd;
    font-size: 14px;
    font-weight: 700;
}

.portal-field input {
    width: 100%;
    padding: 16px 18px;

    color: #fff;
    background: #080808;

    border: 1px solid #303030;
    border-radius: 12px;

    font-size: 15px;
    transition: 0.25s ease;
}

.portal-field input::placeholder {
    color: #666;
}

.portal-field input:focus {
    outline: none;
    border-color: var(--green);

    box-shadow:
        0 0 0 3px rgba(183, 255, 0, 0.08),
        0 0 18px rgba(183, 255, 0, 0.12);
}

.login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    font-size: 13px;
}

.remember-option {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #aaa;
    cursor: pointer;
}

.remember-option input {
    width: auto;
    accent-color: var(--green);
}

.forgot-link {
    color: var(--green);
    text-decoration: none;
}

.forgot-link:hover {
    text-decoration: underline;
}

.login-container form button {
    width: 100%;
    margin-top: 5px;
    padding: 16px;

    border-radius: 12px;
    font-size: 15px;
}

.portal-divider {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 30px 0 22px;

    color: #666;
    font-size: 12px;
}

.portal-divider::before,
.portal-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #292929;
}

.portal-account-text {
    margin: 0 !important;
    color: #999;
}

.portal-account-text a {
    display: inline;
    margin: 0 0 0 4px;

    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}

.portal-account-text a:hover {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .login-container {
        padding: 38px 24px;
    }

    .login-options {
        align-items: flex-start;
        flex-direction: column;
    }

    .login-container h1 {
        font-size: 30px;
    }
}
/* =====================================
   ABAMBUZ LOGIN PAGE
===================================== */

.portal-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px 20px;

    background:
        radial-gradient(
            circle at center,
            rgba(183, 255, 0, 0.18),
            transparent 36%
        ),
        linear-gradient(
            rgba(183, 255, 0, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(183, 255, 0, 0.045) 1px,
            transparent 1px
        ),
        #050505;

    background-size:
        auto,
        55px 55px,
        55px 55px,
        auto;

    position: relative;
    overflow-x: hidden;
}

.portal-body::before {
    content: "";
    position: fixed;
    inset: 0;

    background-image:
        radial-gradient(
            circle,
            rgba(183, 255, 0, 0.85) 2px,
            transparent 3px
        );

    background-size: 100px 100px;
    opacity: 0.35;
    pointer-events: none;

    animation: portalLedPulse 3s ease-in-out infinite alternate;
}

@keyframes portalLedPulse {
    from {
        opacity: 0.2;
    }

    to {
        opacity: 0.55;
    }
}

.login-container {
    width: min(460px, 100%);

    padding: 48px 42px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            rgba(20, 20, 20, 0.96),
            rgba(7, 7, 7, 0.96)
        );

    border: 1px solid rgba(183, 255, 0, 0.5);
    border-radius: 28px;

    box-shadow:
        0 0 40px rgba(183, 255, 0, 0.16),
        0 0 100px rgba(183, 255, 0, 0.08);

    position: relative;
    z-index: 2;
}

.portal-logo-link {
    display: inline-block;
    padding: 0;
    margin: 0 0 28px;

    background: transparent;
    border: 0;
    box-shadow: none;
    text-decoration: none;
}

.portal-logo-link img {
    display: block;
    width: 185px;
    height: auto;
    margin: 0 auto;

    background: transparent;
}

.portal-logo-link:hover {
    background: transparent;
    box-shadow: none;
}

.portal-logo-link:hover img {
    filter: drop-shadow(0 0 16px rgba(183, 255, 0, 0.75));
    transform: scale(1.03);
}

.login-container h1 {
    margin-bottom: 12px;

    color: var(--green);
    font-size: 36px;
    line-height: 1.1;
}

.login-container > p {
    margin-bottom: 30px;
    color: #999;
}

.login-container form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.portal-field {
    text-align: left;
}

.portal-field label {
    display: block;
    margin-bottom: 9px;

    color: #ddd;
    font-size: 14px;
    font-weight: 700;
}

.portal-field input {
    width: 100%;
    padding: 16px 18px;

    color: #fff;
    background: #080808;

    border: 1px solid #303030;
    border-radius: 12px;

    font-size: 15px;
    transition: 0.25s ease;
}

.portal-field input::placeholder {
    color: #666;
}

.portal-field input:focus {
    outline: none;
    border-color: var(--green);

    box-shadow:
        0 0 0 3px rgba(183, 255, 0, 0.08),
        0 0 18px rgba(183, 255, 0, 0.12);
}

.login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    font-size: 13px;
}

.remember-option {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #aaa;
    cursor: pointer;
}

.remember-option input {
    width: auto;
    accent-color: var(--green);
}

.forgot-link {
    color: var(--green);
    text-decoration: none;
}

.forgot-link:hover {
    text-decoration: underline;
}

.login-container form button {
    width: 100%;
    margin-top: 5px;
    padding: 16px;

    border-radius: 12px;
    font-size: 15px;
}

.portal-divider {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 30px 0 22px;

    color: #666;
    font-size: 12px;
}

.portal-divider::before,
.portal-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #292929;
}

.portal-account-text {
    margin: 0 !important;
    color: #999;
}

.portal-account-text a {
    display: inline;
    margin: 0 0 0 4px;

    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}

.portal-account-text a:hover {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .login-container {
        padding: 38px 24px;
    }

    .login-options {
        align-items: flex-start;
        flex-direction: column;
    }

    .login-container h1 {
        font-size: 30px;
    }
}
/* =====================================
   ABAMBUZ REGISTRATION PAGE
===================================== */

.register-page {
    overflow-y: auto;
}

.register-container {
    width: min(600px, 100%);
    margin: 30px auto;
    padding: 48px 42px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            rgba(20, 20, 20, 0.97),
            rgba(7, 7, 7, 0.97)
        );

    border: 1px solid rgba(183, 255, 0, 0.5);
    border-radius: 28px;

    box-shadow:
        0 0 40px rgba(183, 255, 0, 0.16),
        0 0 100px rgba(183, 255, 0, 0.08);

    position: relative;
    z-index: 2;
}

.register-container h1 {
    margin-bottom: 12px;

    color: var(--green);
    font-size: 36px;
    line-height: 1.1;
}

.register-container > p {
    margin-bottom: 30px;
    color: #999;
}

.register-container form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.register-container select {
    width: 100%;
    padding: 16px 18px;

    color: #fff;
    background: #080808;

    border: 1px solid #303030;
    border-radius: 12px;

    font-size: 15px;
    transition: 0.25s ease;
}

.register-container select:focus {
    outline: none;
    border-color: var(--green);

    box-shadow:
        0 0 0 3px rgba(183, 255, 0, 0.08),
        0 0 18px rgba(183, 255, 0, 0.12);
}

.optional-text {
    color: #666;
    font-weight: 400;
}

.terms-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    text-align: left;
    color: #aaa;

    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
}

.terms-option input {
    width: auto;
    margin-top: 4px;
    accent-color: var(--green);
}

.terms-option a {
    color: var(--green);
    text-decoration: none;
}

.terms-option a:hover {
    text-decoration: underline;
}

.register-container form button {
    width: 100%;
    margin-top: 4px;
    padding: 16px;

    border-radius: 12px;
    font-size: 15px;
}

.form-message {
    display: none;
    margin: 0;
    padding: 13px 15px;

    border-radius: 10px;
    text-align: left;

    font-size: 13px;
    line-height: 1.5;
}

.form-message.error-message {
    display: block;

    color: #ff8d8d;
    background: rgba(255, 70, 70, 0.08);
    border: 1px solid rgba(255, 70, 70, 0.35);
}

.form-message.success-message {
    display: block;

    color: var(--green);
    background: rgba(183, 255, 0, 0.07);
    border: 1px solid rgba(183, 255, 0, 0.3);
}

.register-container .portal-account-text {
    margin: 0 !important;
}

.register-container .portal-account-text a {
    display: inline;
    margin-left: 4px;

    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}

.register-container .portal-account-text a:hover {
    text-decoration: underline;
}

@media (max-width: 650px) {

    .register-container {
        padding: 38px 24px;
    }

    .register-grid {
        grid-template-columns: 1fr;
    }

    .register-container h1 {
        font-size: 30px;
    }

}
/* =====================================
   LOGIN REGISTRATION PROMPT
===================================== */

.register-prompt {
    margin-top: 28px;
    padding-top: 24px;

    text-align: center;

    border-top: 1px solid rgba(183, 255, 0, 0.18);
}

.register-prompt p {
    margin-bottom: 15px;

    color: #999;
    font-size: 14px;
}

.register-prompt .register-link {
    display: block;
    width: 100%;

    padding: 15px 24px;

    color: var(--green);
    background: transparent;

    border: 1px solid var(--green);
    border-radius: 12px;

    font-weight: 800;
    text-decoration: none;

    transition: 0.3s ease;
}

.register-prompt .register-link:hover {
    color: #000;
    background: var(--green);

    box-shadow: 0 0 25px rgba(183, 255, 0, 0.35);

    transform: translateY(-2px);
}
/* =====================================
   LOGIN PAGE FINAL SIZE AND VISIBILITY FIX
===================================== */

.login-page {
    min-height: 100svh;
    height: auto;

    display: grid;
    place-items: center;

    padding: 30px 20px;

    overflow-x: hidden;
    overflow-y: auto;
}

.login-page .login-container {
    width: min(460px, 100%);

    margin: 0 auto;
    padding: 34px 38px;

    position: relative;
    z-index: 2;
}

.login-page .portal-logo-link {
    display: inline-block;

    margin: 0 0 18px;
    padding: 0;

    color: inherit;
    background: transparent;

    border: none;
    border-radius: 0;

    box-shadow: none;
    text-decoration: none;
}

.login-page .portal-logo-link img {
    display: block;

    width: 155px;
    height: auto;

    margin: 0 auto;
}

.login-page .portal-logo-link:hover {
    background: transparent;
    box-shadow: none;
    transform: none;
}

.login-page .portal-logo-link:hover img {
    filter: drop-shadow(
        0 0 14px rgba(183, 255, 0, 0.7)
    );

    transform: scale(1.03);
}

.login-page .login-container h1 {
    margin: 0 0 8px;

    color: var(--green);
    font-size: 34px;
    line-height: 1.1;
}

.login-page .login-introduction {
    margin: 0 0 24px;

    color: #999;
    font-size: 15px;
}

.login-page .login-container form {
    display: flex;
    flex-direction: column;

    gap: 16px;
}

.login-page .portal-field label {
    margin-bottom: 7px;
}

.login-page .portal-field input {
    padding: 14px 16px;
}

.login-page .login-options {
    margin-top: 2px;
}

.login-page .login-submit-button {
    width: 100%;

    margin: 2px 0 0;
    padding: 15px;

    border-radius: 12px;
}

.login-page .register-prompt {
    margin-top: 22px;
    padding-top: 20px;

    text-align: center;

    border-top:
        1px solid rgba(183, 255, 0, 0.18);
}

.login-page .register-prompt p {
    margin: 0 0 13px;

    color: #999;
    font-size: 14px;
}

.login-page .register-prompt .register-link {
    display: block;

    width: 100%;
    margin: 0;
    padding: 14px 20px;

    color: var(--green);
    background: transparent;

    border: 1px solid var(--green);
    border-radius: 12px;

    font-weight: 800;
    text-decoration: none;

    transition: 0.3s ease;
}

.login-page .register-prompt .register-link:hover {
    color: #000;
    background: var(--green);

    box-shadow:
        0 0 25px rgba(183, 255, 0, 0.35);

    transform: translateY(-2px);
}

@media (max-height: 720px) {

    .login-page {
        place-items: start center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .login-page .login-container {
        padding-top: 28px;
        padding-bottom: 28px;
    }

}

@media (max-width: 520px) {

    .login-page .login-container {
        padding: 30px 23px;
    }

    .login-page .login-options {
        align-items: flex-start;
        flex-direction: column;
    }

    .login-page .login-container h1 {
        font-size: 29px;
    }

}
/* =====================================
   WORDPRESS AUTHENTICATION MESSAGES
===================================== */

.portal-alert {
    margin: 0 0 22px;
    padding: 14px 16px;

    border-radius: 10px;

    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.portal-alert-error {
    color: #ff9b9b;
    background: rgba(255, 70, 70, 0.08);
    border: 1px solid rgba(255, 70, 70, 0.35);
}

.portal-alert-success {
    color: var(--green);
    background: rgba(183, 255, 0, 0.08);
    border: 1px solid rgba(183, 255, 0, 0.35);
}

/* =====================================
   INITIAL MEMBER DASHBOARD
===================================== */

.member-placeholder {
    min-height: 80vh;

    display: grid;
    place-items: center;

    padding: 80px 6%;

    background:
        radial-gradient(
            circle at center,
            rgba(183, 255, 0, 0.13),
            transparent 40%
        );
}

.member-placeholder-card {
    width: min(850px, 100%);

    padding: 50px;

    background: #111;
    border: 1px solid rgba(183, 255, 0, 0.5);
    border-radius: 25px;

    box-shadow:
        0 0 40px rgba(183, 255, 0, 0.15);
}

.member-kicker {
    color: var(--green);
    font-weight: 800;
    letter-spacing: 3px;
}

.member-placeholder-card h1 {
    margin: 14px 0;

    color: #fff;
    font-size: clamp(36px, 6vw, 64px);
}

.member-placeholder-card > p {
    color: #aaa;
    line-height: 1.7;
}

.member-meta-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    margin: 35px 0;
}

.member-meta-grid div {
    padding: 22px;

    background: #080808;
    border: 1px solid #292929;
    border-radius: 15px;
}

.member-meta-grid span {
    display: block;

    margin-bottom: 10px;

    color: #777;
    font-size: 13px;
    text-transform: uppercase;
}

.member-meta-grid strong {
    color: var(--green);
    font-size: 18px;
}

.member-logout-button {
    display: inline-block;

    padding: 15px 32px;

    color: #000;
    background: var(--green);

    border-radius: 12px;

    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 650px) {

    .member-placeholder-card {
        padding: 35px 24px;
    }

    .member-meta-grid {
        grid-template-columns: 1fr;
    }

}
/* =====================================
   VIP PAYMENT AND ACTIVATION
===================================== */

.membership-payment-box,
.membership-active-box {
    margin: 35px 0;
    padding: 28px;

    border-radius: 18px;
}

.membership-payment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(183, 255, 0, 0.08),
            rgba(10, 10, 10, 0.94)
        );

    border: 1px solid rgba(183, 255, 0, 0.45);
}

.payment-status-label {
    display: inline-block;

    margin-bottom: 10px;

    color: var(--green);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.membership-payment-box h2 {
    margin: 0 0 10px;

    color: #fff;
    font-size: 25px;
}

.membership-payment-box p {
    max-width: 570px;
    margin: 0;

    color: #aaa;
    line-height: 1.6;
}

.membership-payment-button {
    flex-shrink: 0;

    display: inline-block;

    padding: 16px 28px;

    color: #000;
    background: var(--green);

    border-radius: 12px;

    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

    transition: 0.3s ease;
}

.membership-payment-button:hover {
    color: #000;

    box-shadow:
        0 0 28px rgba(183, 255, 0, 0.4);

    transform: translateY(-3px);
}

.payment-configuration-warning {
    color: #ffbf69 !important;
}

.membership-active-box {
    color: var(--green);
    background: rgba(183, 255, 0, 0.07);
    border: 1px solid rgba(183, 255, 0, 0.35);
}

.membership-active-box span {
    display: block;

    margin-bottom: 8px;

    font-weight: 900;
    letter-spacing: 1px;
}

.membership-active-box p {
    margin: 0;
    color: #bbb;
}

@media (max-width: 750px) {

    .membership-payment-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .membership-payment-button {
        width: 100%;
        text-align: center;
    }

}
/* =====================================
   ABAMBUZ WORDPRESS CONTENT PAGES
===================================== */

.abambuz-page-shell {
    min-height: 75vh;
    padding: 70px 6%;

    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(183, 255, 0, 0.1),
            transparent 35%
        );
}

.abambuz-content-page {
    width: min(1200px, 100%);
    margin: 0 auto;
}

.abambuz-page-header {
    margin-bottom: 35px;
}

.abambuz-page-header h1 {
    margin: 0;

    color: #fff;
    font-size: clamp(38px, 6vw, 65px);
}

.abambuz-page-content {
    color: #ddd;
}

/* WooCommerce checkout */

.abambuz-store-page .woocommerce,
.abambuz-store-page .wp-block-woocommerce-checkout {
    color: #fff;
}

.abambuz-store-page h1,
.abambuz-store-page h2,
.abambuz-store-page h3 {
    color: #fff;
}

.abambuz-store-page input,
.abambuz-store-page textarea,
.abambuz-store-page select {
    color: #fff !important;
    background: #090909 !important;

    border: 1px solid #333 !important;
    border-radius: 10px !important;
}

.abambuz-store-page input:focus,
.abambuz-store-page textarea:focus,
.abambuz-store-page select:focus {
    outline: none !important;
    border-color: var(--green) !important;

    box-shadow:
        0 0 0 3px rgba(183, 255, 0, 0.08) !important;
}

.abambuz-store-page label {
    color: #ccc !important;
}

.abambuz-store-page table,
.abambuz-store-page .woocommerce-checkout-review-order,
.abambuz-store-page .wc-block-components-sidebar {
    color: #fff;
    background: #111;

    border: 1px solid #292929;
    border-radius: 16px;
}

.abambuz-store-page button,
.abambuz-store-page .button,
.abambuz-store-page #place_order,
.abambuz-store-page
.wc-block-components-checkout-place-order-button {
    color: #000 !important;
    background: var(--green) !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-weight: 800 !important;
}

.abambuz-store-page button:hover,
.abambuz-store-page .button:hover,
.abambuz-store-page #place_order:hover {
    box-shadow:
        0 0 24px rgba(183, 255, 0, 0.35);
}