nano /var/www/html/assets/templates/basic/css/cyber-demo.css
yber-demo.cssO
yber-demo.cssOX
:root{
--cyber-green:#00ff41;
--cyber-green-dark:#00c853;
--cyber-bg:#050805;
--cyber-panel:#0a100c;
--cyber-border:#16351f;
--cyber-text:#e8ffe8;
--cyber-muted:#78927f;
}
/* Cyber background */
body{
background:#050505 !important;
color:var(--cyber-text);
}
body:before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:-1;
opacity:.16;
background-image:
linear-gradient(rgba(0,255,65,.06) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,255,65,.06) 1px,transparent 1px);
background-size:40px 40px;
}
/* KEEP ORIGINAL NAVBAR LAYOUT */
.header-section{
z-index:9999 !important;
}
/* VIP terminal */
.vip-terminal-window{
position:relative;
display:block;
width:min(545px,calc(100% - 24px));
margin:16px auto 20px;
background:#050805;
border:1px solid var(--cyber-green);
border-radius:8px;
overflow:hidden;
box-shadow:
0 0 12px rgba(0,255,65,.18),
inset 0 0 25px rgba(0,255,65,.035);
z-index:20;
}
.vip-terminal-top{
min-height:38px;
padding:0 12px;
display:flex;
align-items:center;
gap:7px;
background:#071407;
border-bottom:1px solid var(--cyber-border);
}
.vip-dot{
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:var(--cyber-green);
box-shadow:0 0 7px var(--cyber-green);
}
.vip-terminal-title{
margin-left:5px;
color:var(--cyber-green);
font:700 11px monospace;
letter-spacing:1px;
}
.vip-terminal-status{
margin-left:auto;
color:var(--cyber-green);
font:10px monospace;
letter-spacing:1px;
}
.vip-terminal-body{
padding:16px;
font-family:monospace;
}
.vip-line{
color:#87a78e;
font-size:12px;
line-height:1.8;
}
.vip-line span,
.vip-line b{
color:var(--cyber-green);
}
.vip-terminal-divider{
height:1px;
margin:13px 0;
background:var(--cyber-border);
}
.vip-terminal-big{
color:var(--cyber-green);
font:800 22px monospace;
letter-spacing:3px;
text-shadow:0 0 12px rgba(0,255,65,.45);
}
.vip-terminal-sub{
margin-top:4px;
color:#6f8975;
font:10px monospace;
letter-spacing:2px;
}
/* Green cyber buttons */
.cmn--btn{
background:var(--cyber-green) !important;
border-color:var(--cyber-green) !important;
color:#000 !important;
box-shadow:0 0 10px rgba(0,255,65,.18);
}
.cmn--btn:hover{
background:var(--cyber-green-dark) !important;
border-color:var(--cyber-green-dark) !important;
color:#000 !important;
}
/* Keep hero below terminal */
.banner-section{
position:relative;
}
/* Mobile */
@media(max-width:767px){
.vip-terminal-window{
width:calc(100% - 20px);
margin:13px auto 16px;
}
.vip-terminal-body{
padding:13px;
}
.vip-line{
font-size:10px;
}
.vip-terminal-big{
font-size:18px;
}
}
/* Tight payment card layout */
.payment-item {
padding: 8px !important;
}
.payment-item__info {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.payment-item__name {
margin: 0 !important;
padding: 0 !important;
line-height: 1.2 !important;
}
.payment-item__thumb {
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
.payment-item__thumb-img {
margin: 0 !important;
display: block !important;
}
/* =========================================================
VIP CYBER NAVIGATION — DESKTOP + MOBILE
========================================================= */
:root {
--vip-green: #00ff66;
--vip-green-soft: rgba(0,255,102,.16);
--vip-green-border: rgba(0,255,102,.32);
--vip-black: #020604;
}
/* ---------- HEADER ---------- */
html body .header-section {
z-index: 9999 !important;
}
html body .header-section .header-bottom {
background: rgba(2,6,4,.96) !important;
border-bottom: 1px solid rgba(0,255,102,.18) !important;
box-shadow: 0 8px 30px rgba(0,0,0,.35) !important;
}
html body .header-wrapper {
min-height: 76px !important;
}
/* ---------- DESKTOP MAIN MENU ---------- */
@media (min-width: 992px) {
html body .header-wrapper .menu {
display: flex !important;
align-items: center !important;
gap: 7px !important;
margin-left: auto !important;
}
html body .header-wrapper .menu > li {
position: relative !important;
padding: 0 !important;
margin: 0 !important;
}
html body .header-wrapper .menu > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 0 17px !important;
border: 1px solid rgba(0,255,102,.22) !important;
border-radius: 7px !important;
background: rgba(0,255,102,.025) !important;
color: #b9d9c5 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .45px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow:
inset 0 0 12px rgba(0,255,102,.025),
0 3px 12px rgba(0,0,0,.25) !important;
transition: all .2s ease !important;
}
html body .header-wrapper .menu > li > a:hover,
html body .header-wrapper .menu > li.active > a {
background: rgba(0,255,102,.11) !important;
border-color: rgba(0,255,102,.65) !important;
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
box-shadow:
0 0 14px rgba(0,255,102,.12),
inset 0 0 14px rgba(0,255,102,.04) !important;
transform: translateY(-1px) !important;
}
/* 2D Cards highlight */
html body .header-wrapper .menu > li > a[href*="card"] {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
border-color: rgba(0,255,102,.40) !important;
background: rgba(0,255,102,.07) !important;
}
html body .header-wrapper .menu > li > a[href*="card"]:hover {
background: rgba(0,255,102,.15) !important;
border-color: #00ff66 !important;
}
/* ---------- DESKTOP SUBMENUS ---------- */
html body .header-wrapper .menu > li > .submenu {
min-width: 235px !important;
padding: 7px !important;
background: rgba(2,6,4,.98) !important;
border: 1px solid rgba(0,255,102,.28) !important;
border-radius: 9px !important;
box-shadow:
0 15px 40px rgba(0,0,0,.65),
0 0 20px rgba(0,255,102,.06) !important;
}
html body .header-wrapper .menu .submenu li {
padding: 0 !important;
margin: 2px 0 !important;
}
html body .header-wrapper .menu .submenu li a {
min-height: 40px !important;
padding: 0 13px !important;
display: flex !important;
align-items: center !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
color: #9eb9a7 !important;
background: transparent !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: all .18s ease !important;
}
html body .header-wrapper .menu .submenu li a:hover,
html body .header-wrapper .menu .submenu li.active a {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
background: rgba(0,255,102,.08) !important;
border-color: rgba(0,255,102,.24) !important;
padding-left: 16px !important;
}
}
/* ---------- DESKTOP SIGN-IN / DASHBOARD ---------- */
@media (min-width: 992px) {
html body .header-wrapper .right-area {
gap: 5px !important;
}
html body .header-wrapper .right-area > a.cmn--btn {
min-height: 44px !important;
padding: 0 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #00ff66 !important;
border-radius: 7px !important;
background: #00ff66 !important;
color: #000 !important;
-webkit-text-fill-color: #000 !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .5px !important;
text-transform: uppercase !important;
box-shadow: 0 0 16px rgba(0,255,102,.12) !important;
}
html body .header-wrapper .right-area > a.cmn--btn:hover {
background: #000 !important;
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
border-color: #00ff66 !important;
}
}
/* =========================================================
MOBILE VIP MENU
========================================================= */
@media (max-width: 991.98px) {
html body .header-section .header-bottom {
border-bottom: 1px solid rgba(0,255,102,.18) !important;
}
html body .header-wrapper {
min-height: 65px !important;
padding: 13px 0 !important;
}
/* Hamburger button */
html body .header-wrapper .header-bar {
width: 31px !important;
height: 25px !important;
margin: 0 !important;
border: 1px solid rgba(0,255,102,.30) !important;
border-radius: 6px !important;
background: rgba(0,255,102,.045) !important;
box-shadow:
0 0 12px rgba(0,255,102,.08),
inset 0 0 10px rgba(0,255,102,.04) !important;
}
html body .header-wrapper .header-bar span {
left: 6px !important;
width: 19px !important;
height: 2px !important;
background: #00ff66 !important;
}
html body .header-wrapper .header-bar span:first-child {
top: 6px !important;
}
html body .header-wrapper .header-bar span:nth-child(2) {
top: 50% !important;
}
html body .header-wrapper .header-bar span:last-child {
bottom: 6px !important;
}
/* ---------- MOBILE MENU PANEL ---------- */
html body .header-wrapper .menu {
width: 100% !important;
max-height: calc(100vh - 75px) !important;
padding: 10px !important;
background:
linear-gradient(
180deg,
rgba(2,8,5,.99),
rgba(1,5,3,.99)
) !important;
border-top: 1px solid rgba(0,255,102,.16) !important;
border-bottom: 1px solid rgba(0,255,102,.22) !important;
box-shadow:
0 20px 45px rgba(0,0,0,.70),
inset 0 1px 0 rgba(0,255,102,.04) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* ---------- MOBILE NORMAL BUTTONS ---------- */
html body .header-wrapper .menu > li {
padding: 0 !important;
margin: 0 0 7px 0 !important;
border: 0 !important;
}
html body .header-wrapper .menu > li > a {
min-height: 49px !important;
display: flex !important;
align-items: center !important;
padding: 0 15px !important;
border: 1px solid rgba(0,255,102,.20) !important;
border-radius: 7px !important;
background: rgba(0,255,102,.035) !important;
color: #b9d9c5 !important;
-webkit-text-fill-color: #b9d9c5 !important;
font-size: 15px !important;
font-weight: 750 !important;
letter-spacing: .5px !important;
text-transform: uppercase !important;
box-shadow:
inset 0 0 12px rgba(0,255,102,.02),
0 3px 10px rgba(0,0,0,.25) !important;
transition: all .18s ease !important;
}
html body .header-wrapper .menu > li > a:hover,
html body .header-wrapper .menu > li.active > a,
html body .header-wrapper .menu > li.open > a {
background: rgba(0,255,102,.10) !important;
border-color: rgba(0,255,102,.55) !important;
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
box-shadow:
0 0 14px rgba(0,255,102,.08),
inset 0 0 12px rgba(0,255,102,.035) !important;
}
/* 2D Cards */
html body .header-wrapper .menu > li > a[href*="card"] {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
border-color: rgba(0,255,102,.38) !important;
background: rgba(0,255,102,.065) !important;
}
/* ---------- MOBILE SUBMENU ---------- */
html body .header-wrapper .menu > li > .submenu {
position: static !important;
width: 100% !important;
min-width: 0 !important;
margin: 6px 0 4px !important;
padding: 6px !important;
background: rgba(0,0,0,.30) !important;
border: 1px solid rgba(0,255,102,.16) !important;
border-radius: 7px !important;
box-shadow: inset 0 0 15px rgba(0,255,102,.025) !important;
}
html body .header-wrapper .menu li .submenu li {
padding: 0 !important;
margin: 0 0 4px 0 !important;
border: 0 !important;
}
html body .header-wrapper .menu li .submenu li:last-child {
margin-bottom: 0 !important;
}
html body .header-wrapper .menu li .submenu li a {
min-height: 40px !important;
display: flex !important;
align-items: center !important;
padding: 0 12px !important;
border: 1px solid rgba(0,255,102,.13) !important;
border-radius: 5px !important;
background: rgba(0,255,102,.025) !important;
color: #8fb09b !important;
-webkit-text-fill-color: #8fb09b !important;
font-size: 13px !important;
font-weight: 600 !important;
}
html body .header-wrapper .menu li .submenu li a:hover,
html body .header-wrapper .menu li .submenu li.active a {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
background: rgba(0,255,102,.08) !important;
border-color: rgba(0,255,102,.30) !important;
}
/* ---------- MOBILE LOGIN / LOGOUT ---------- */
html body .header-wrapper .menu > li.d-md-none {
margin-top: 9px !important;
}
html body .header-wrapper .menu > li.d-md-none > a.cmn--btn {
min-height: 49px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 15px !important;
border: 1px solid #00ff66 !important;
border-radius: 7px !important;
background: #00ff66 !important;
color: #000 !important;
-webkit-text-fill-color: #000 !important;
font-size: 14px !important;
font-weight: 900 !important;
letter-spacing: .5px !important;
text-transform: uppercase !important;
box-shadow: 0 0 16px rgba(0,255,102,.12) !important;
}
html body .header-wrapper .menu > li.d-md-none > a.cmn--btn:hover {
background: #000 !important;
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
}
}
/* ---------- SMALL PHONES ---------- */
@media (max-width: 420px) {
html body .header-wrapper .menu {
padding: 8px !important;
}
html body .header-wrapper .menu > li {
margin-bottom: 6px !important;
}
html body .header-wrapper .menu > li > a {
min-height: 46px !important;
padding: 0 13px !important;
font-size: 14px !important;
}
html body .header-wrapper .menu li .submenu li a {
min-height: 38px !important;
font-size: 12px !important;
}
}
/* ---------- PREVENT HORIZONTAL OVERFLOW ---------- */
html,
body {
overflow-x: hidden !important;
}
/* ===== FINAL HEADER / LOGO FIX ===== */
/* Keep the original logo area controlled */
html body .header-wrapper .logo {
width: 200px !important;
max-width: 200px !important;
max-height: 80px !important;
flex: 0 0 200px !important;
overflow: hidden !important;
}
html body .header-wrapper .logo a {
display: flex !important;
align-items: center !important;
max-height: 80px !important;
}
html body .header-wrapper .logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
max-height: 65px !important;
height: auto !important;
object-fit: contain !important;
}
/* Keep navigation from pushing the logo */
@media (min-width: 992px) {
html body .header-wrapper {
gap: 15px !important;
}
html body .header-wrapper .menu {
flex: 1 1 auto !important;
min-width: 0 !important;
}
html body .header-wrapper .right-area {
flex: 0 0 auto !important;
}
}
/* ALL navigation/action buttons GREEN by default */
html body .header-wrapper .menu > li > a.cmn--btn,
html body .header-wrapper .right-area .cmn--btn,
html body .header-wrapper .menu li.d-md-none > a.cmn--btn {
background: #00ff41 !important;
border: 1px solid #00ff41 !important;
color: #000 !important;
opacity: 1 !important;
}
html body .header-wrapper .menu > li > a.cmn--btn:hover,
html body .header-wrapper .right-area .cmn--btn:hover,
html body .header-wrapper .menu li.d-md-none > a.cmn--btn:hover {
background: #00c853 !important;
border-color: #00c853 !important;
color: #000 !important;
}
/* Mobile logo stays compact */
@media (max-width: 991.98px) {
html body .header-wrapper .logo {
width: 160px !important;
max-width: 160px !important;
flex: 0 0 160px !important;
}
html body .header-wrapper .logo img {
max-width: 145px !important;
max-height: 55px !important;
}
}
@media (max-width: 420px) {
html body .header-wrapper .logo {
width: 140px !important;
max-width: 140px !important;
flex-basis: 140px !important;
}
html body .header-wrapper .logo img {
max-width: 125px !important;
max-height: 48px !important;
}
}
/* ===== END FINAL HEADER / LOGO FIX ===== */
/* ===== AUTH NAV: ALL TOP BUTTONS GREEN ===== */
@media (min-width: 992px) {
html body .header-wrapper .menu > li > a {
background: rgba(0,255,65,.08) !important;
border: 1px solid rgba(0,255,65,.35) !important;
color: #00ff41 !important;
border-radius: 7px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all .2s ease !important;
}
html body .header-wrapper .menu > li > a:hover,
html body .header-wrapper .menu > li.active > a,
html body .header-wrapper .menu > li.open > a {
background: #00ff41 !important;
border-color: #00ff41 !important;
color: #000 !important;
box-shadow: 0 0 12px rgba(0,255,65,.22) !important;
}
/* Deposit / Support / More */
html body .header-wrapper .menu > li.menu-item-has-children > a {
background: #00ff41 !important;
border-color: #00ff41 !important;
color: #000 !important;
}
html body .header-wrapper .menu > li.menu-item-has-children > a:hover {
background: #00c853 !important;
border-color: #00c853 !important;
color: #000 !important;
}
}
/* ===== LOADING SCREEN: RESTORE ORIGINAL PROPORTIONS ===== */
html body .preloader {
overflow: hidden !important;
}
html body .preloader .loader-circle {
width: 120px !important;
height: 120px !important;
}
html body .preloader .loader-circle img {
width: 55px !important;
height: 55px !important;
max-width: 55px !important;
max-height: 55px !important;
object-fit: contain !important;
}
/* Keep loader animation/position intact */
html body .preloader .loader-line-mask {
transform-origin: center center !important;
}
@media (max-width: 576px) {
html body .preloader .loader-circle {
width: 105px !important;
height: 105px !important;
}
html body .preloader .loader-circle img {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
}
/* ===== END FIX ===== */
/* ===== FINAL HEADER RESTORE ===== */
/* AUTH TOP MENU BUTTONS - GREEN BEFORE CLICK */
@media (min-width: 992px) {
html body .header-wrapper .menu > li.menu-item-has-children > a,
html body .header-wrapper .menu > li > a[href="#0"] {
background: #00ff41 !important;
background-color: #00ff41 !important;
color: #000 !important;
border: 1px solid #00ff41 !important;
border-radius: 7px !important;
box-shadow: 0 0 10px rgba(0,255,65,.16) !important;
}
html body .header-wrapper .menu > li.menu-item-has-children > a:hover,
html body .header-wrapper .menu > li > a[href="#0"]:hover,
html body .header-wrapper .menu > li.menu-item-has-children.open > a {
background: #00c853 !important;
background-color: #00c853 !important;
color: #000 !important;
border-color: #00c853 !important;
}
}
/* ===== LOADER EXACT ORIGINAL SIZE ===== */
html body .preloader .loader-circle {
width: 120px !important;
height: 120px !important;
margin-left: -60px !important;
margin-top: -60px !important;
}
html body .preloader .loader-circle img {
width: 40% !important;
height: 40% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
}
/* Keep original loader animation geometry */
html body .preloader .loader-line-mask {
width: 60px !important;
height: 120px !important;
margin-left: -60px !important;
margin-top: -60px !important;
-webkit-transform-origin: 60px 60px !important;
transform-origin: 60px 60px !important;
}
/* ===== END FINAL HEADER RESTORE ===== */
/* =========================================================
FINAL LOADER RESTORE — COMPACT VIP VERSION
========================================================= */
html body .vip-page-loader .vip-loader-box {
width: min(430px, 88vw) !important;
max-width: 430px !important;
text-align: center !important;
}
/* Small hacker avatar */
html body .vip-page-loader .vip-loader-avatar {
width: 82px !important;
height: 82px !important;
min-width: 82px !important;
min-height: 82px !important;
margin: 0 auto 22px !important;
border-radius: 50% !important;
overflow: hidden !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
position: relative !important;
}
/* Hacker mask itself */
html body .vip-page-loader .vip-mask-image,
html body .vip-page-loader .vip-loader-avatar img {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
object-fit: contain !important;
object-position: center !important;
border-radius: 0 !important;
display: block !important;
position: relative !important;
z-index: 5 !important;
filter: drop-shadow(0 0 12px rgba(0,255,100,.75)) !important;
}
/* Restore small rotating ring */
html body .vip-page-loader .vip-loader-ring {
display: block !important;
position: absolute !important;
inset: 0 !important;
width: auto !important;
height: auto !important;
border: 1px solid rgba(0,255,100,.35) !important;
border-top-color: #39ff88 !important;
border-radius: 50% !important;
box-shadow: none !important;
animation: vipLoaderSpin 1.4s linear infinite !important;
}
/* Restore subtle glow */
html body .vip-page-loader .vip-loader-glow {
display: block !important;
position: absolute !important;
inset: 10px !important;
border-radius: 50% !important;
background: rgba(0,255,100,.07) !important;
box-shadow:
0 0 25px rgba(0,255,100,.18),
inset 0 0 20px rgba(0,255,100,.08) !important;
}
/* Restore original title proportions */
html body .vip-page-loader .vip-loader-title {
font-size: 25px !important;
letter-spacing: 5px !important;
margin-top: 0 !important;
}
/* Restore original subtitle */
html body .vip-page-loader .vip-loader-subtitle {
font-size: 9px !important;
letter-spacing: 2.5px !important;
margin-top: 5px !important;
}
/* Restore original status spacing */
html body .vip-page-loader .vip-loader-status {
gap: 22px !important;
margin: 20px 0 18px !important;
font-size: 11px !important;
}
/* Normal loading bar */
html body .vip-page-loader .vip-loader-progress {
width: 100% !important;
max-width: none !important;
height: 3px !important;
border-radius: 0 !important;
}
/* Normal loading information */
html body .vip-page-loader .vip-loader-info {
width: 100% !important;
max-width: none !important;
font-size: 11px !important;
margin-top: 9px !important;
}
/* Restore scan dots */
html body .vip-page-loader .vip-loader-scan {
margin-top: 20px !important;
}
/* Mobile */
@media (max-width: 600px) {
html body .vip-page-loader .vip-loader-avatar {
width: 82px !important;
height: 82px !important;
min-width: 82px !important;
min-height: 82px !important;
margin-bottom: 22px !important;
}
html body .vip-page-loader .vip-mask-image,
html body .vip-page-loader .vip-loader-avatar img {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
html body .vip-page-loader .vip-loader-title {
font-size: 21px !important;
letter-spacing: 3px !important;
}
html body .vip-page-loader .vip-loader-status {
gap: 14px !important;
}
}
/* =========================================================
ALL TOP NAV BUTTONS — GREEN BY DEFAULT
========================================================= */
@media (min-width: 992px) {
html body .header-wrapper .menu > li > a {
background: #00ff41 !important;
background-color: #00ff41 !important;
color: #000 !important;
border-color: #00ff41 !important;
}
html body .header-wrapper .menu > li > a:hover,
html body .header-wrapper .menu > li.active > a,
html body .header-wrapper .menu > li.open > a {
background: #00c853 !important;
background-color: #00c853 !important;
color: #000 !important;
border-color: #00c853 !important;
}
}
/* =========================================================
END FINAL LOADER + NAV FIX
========================================================= */
/* ===== FINAL CENTERED SECURE LOADER ===== */
html body .vip-page-loader {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
overflow: hidden !important;
}
html body .vip-page-loader .vip-loader-box {
width: min(430px, 88vw) !important;
max-width: 430px !important;
margin: 0 auto !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
/* Hacker image area */
html body .vip-page-loader .vip-loader-avatar {
width: 120px !important;
height: 120px !important;
min-width: 120px !important;
min-height: 120px !important;
margin: 0 auto 20px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Hacker mask */
html body .vip-page-loader .vip-loader-avatar .vip-mask-image,
html body .vip-page-loader .vip-loader-avatar img {
width: 115px !important;
height: 115px !important;
min-width: 115px !important;
min-height: 115px !important;
max-width: 115px !important;
max-height: 115px !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
position: relative !important;
z-index: 5 !important;
border: 0 !important;
border-radius: 0 !important;
filter:
contrast(1.08)
brightness(.82)
saturate(1.15)
drop-shadow(0 0 10px rgba(57,255,136,.65)) !important;
}
/* Hide the old giant HUD effects */
html body .vip-page-loader .vip-loader-avatar::before,
html body .vip-page-loader .vip-loader-avatar::after {
display: none !important;
}
html body .vip-page-loader .vip-loader-ring,
html body .vip-page-loader .vip-loader-glow {
display: none !important;
}
/* Title stays directly underneath */
html body .vip-page-loader .vip-loader-title {
margin: 0 !important;
font-size: 25px !important;
line-height: 1.2 !important;
letter-spacing: 5px !important;
}
/* Subtitle */
html body .vip-page-loader .vip-loader-subtitle {
margin-top: 6px !important;
}
/* Status */
html body .vip-page-loader .vip-loader-status {
margin: 18px 0 16px !important;
}
/* Loading bar */
html body .vip-page-loader .vip-loader-progress {
width: 100% !important;
max-width: 430px !important;
height: 3px !important;
border-radius: 0 !important;
}
/* Loading text */
html body .vip-page-loader .vip-loader-info {
width: 100% !important;
max-width: 430px !important;
margin-top: 9px !important;
}
/* Scan dots */
html body .vip-page-loader .vip-loader-scan {
margin-top: 20px !important;
}
/* Mobile */
@media (max-width: 600px) {
html body .vip-page-loader .vip-loader-box {
width: 88vw !important;
max-width: 430px !important;
}
html body .vip-page-loader .vip-loader-avatar {
width: 120px !important;
height: 120px !important;
min-width: 120px !important;
min-height: 120px !important;
margin-bottom: 20px !important;
}
html body .vip-page-loader .vip-loader-avatar .vip-mask-image,
html body .vip-page-loader .vip-loader-avatar img {
width: 115px !important;
height: 115px !important;
min-width: 115px !important;
min-height: 115px !important;
max-width: 115px !important;
max-height: 115px !important;
}
html body .vip-page-loader .vip-loader-title {
font-size: 21px !important;
letter-spacing: 3px !important;
}
}
/* ===== END FINAL CENTERED LOADER ===== */
/* ===== CLEAN VIP LOADER ===== */
.vip-page-loader {
position: fixed !important;
inset: 0 !important;
z-index: 9999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #010301 !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
overflow: hidden !important;
transition: opacity .45s ease, visibility .45s ease;
}
.vip-page-loader.vip-loader-done {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.vip-loader-box {
width: min(430px, 88vw) !important;
text-align: center !important;
position: relative !important;
margin: 0 auto !important;
}
.vip-loader-avatar {
width: 82px !important;
height: 82px !important;
margin: 0 auto 22px !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
overflow: visible !important;
}
.vip-loader-avatar img,
.vip-loader-avatar .vip-mask-image {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
object-fit: contain !important;
display: block !important;
position: relative !important;
z-index: 3 !important;
filter: drop-shadow(0 0 12px rgba(0,255,100,.75)) !important;
}
.vip-loader-ring {
position: absolute !important;
inset: 0 !important;
border: 1px solid rgba(0,255,100,.35) !important;
border-top-color: #39ff88 !important;
border-radius: 50% !important;
animation: vipLoaderSpin 1.4s linear infinite !important;
}
.vip-loader-glow {
position: absolute !important;
inset: 10px !important;
border-radius: 50% !important;
background: rgba(0,255,100,.07) !important;
box-shadow:
0 0 25px rgba(0,255,100,.18),
inset 0 0 20px rgba(0,255,100,.08) !important;
}
@keyframes vipLoaderSpin {
to {
transform: rotate(360deg);
}
}
.vip-loader-title {
font-family: Rajdhani, sans-serif !important;
font-size: 25px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 5px !important;
color: #d9ffe6 !important;
text-shadow: 0 0 14px rgba(0,255,100,.35) !important;
}
.vip-loader-subtitle {
margin-top: 5px !important;
font-family: Inter, sans-serif !important;
font-size: 9px !important;
line-height: 1.4 !important;
letter-spacing: 2.5px !important;
color: rgba(130,255,165,.55) !important;
}
.vip-loader-status {
display: flex !important;
justify-content: center !important;
gap: 22px !important;
margin: 20px 0 18px !important;
font-family: Rajdhani, sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
color: rgba(130,255,165,.72) !important;
}
.vip-loader-status span {
display: flex !important;
align-items: center !important;
gap: 7px !important;
}
.vip-loader-status i {
width: 5px !important;
height: 5px !important;
border-radius: 50% !important;
background: #39ff88 !important;
box-shadow: 0 0 9px #39ff88 !important;
animation: vipPulse 1s ease-in-out infinite !important;
}
@keyframes vipPulse {
50% {
opacity: .35;
}
}
.vip-loader-progress {
width: 100% !important;
height: 3px !important;
padding: 0 !important;
background: rgba(70,100,80,.18) !important;
border: 1px solid rgba(60,255,120,.12) !important;
overflow: hidden !important;
}
.vip-loader-bar {
width: 0;
height: 100%;
background: #39ff88 !important;
box-shadow: 0 0 12px rgba(57,255,136,.85) !important;
transition: width .08s linear !important;
}
.vip-loader-info {
display: flex !important;
justify-content: space-between !important;
width: 100% !important;
margin-top: 9px !important;
font-family: Rajdhani, sans-serif !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
color: rgba(150,255,180,.55) !important;
}
.vip-loader-info b {
color: #39ff88 !important;
font-weight: 700 !important;
}
.vip-loader-scan {
display: flex !important;
justify-content: center !important;
gap: 4px !important;
margin-top: 20px !important;
opacity: .35 !important;
}
.vip-loader-scan span {
width: 3px !important;
height: 3px !important;
background: #39ff88 !important;
animation: vipScan 1.1s ease-in-out infinite !important;
}
@keyframes vipScan {
50% {
transform: translateY(-5px);
opacity: 1;
}
}
@media (max-width: 480px) {
.vip-loader-title {
font-size: 21px !important;
letter-spacing: 3px !important;
}
.vip-loader-status {
gap: 14px !important;
}
}
/* ===== END CLEAN VIP LOADER ===== */
/* ===== AUTH NAV BUTTON COLOR ONLY ===== */
@media (min-width: 992px) {
html body .header-wrapper .menu > li > a[href="#0"] {
background: #00ff41 !important;
background-color: #00ff41 !important;
color: #000 !important;
border: 1px solid #00ff41 !important;
opacity: 1 !important;
}
html body .header-wrapper .menu > li > a[href="#0"] *,
html body .header-wrapper .menu > li > a[href="#0"]::before,
html body .header-wrapper .menu > li > a[href="#0"]::after {
color: #000 !important;
}
html body .header-wrapper .menu > li > a[href="#0"]:hover,
html body .header-wrapper .menu > li.open > a[href="#0"] {
background: #00c853 !important;
background-color: #00c853 !important;
color: #000 !important;
border-color: #00c853 !important;
}
}
@media (max-width: 991.98px) {
html body .header-wrapper .menu > li > a[href="#0"] {
background: rgba(0,255,65,.08) !important;
background-color: rgba(0,255,65,.08) !important;
color: #00ff41 !important;
border: 1px solid rgba(0,255,65,.35) !important;
opacity: 1 !important;
}
html body .header-wrapper .menu > li > a[href="#0"]:hover,
html body .header-wrapper .menu > li.open > a[href="#0"] {
background: #00ff41 !important;
background-color: #00ff41 !important;
color: #000 !important;
border-color: #00ff41 !important;
}
}
/* ===== END AUTH NAV BUTTON COLOR ONLY ===== */
/* ===== AUTH MENU GREEN DEFAULT - FINAL ===== */
html body ul.auth-vip-menu > li > a[href="#0"] {
color: #00ff41 !important;
background: rgba(0,255,65,.08) !important;
background-color: rgba(0,255,65,.08) !important;
border: 1px solid rgba(0,255,65,.35) !important;
opacity: 1 !important;
visibility: visible !important;
text-shadow: 0 0 6px rgba(0,255,65,.25) !important;
}
html body ul.auth-vip-menu > li > a[href="#0"] i,
html body ul.auth-vip-menu > li > a[href="#0"]::before,
html body ul.auth-vip-menu > li > a[href="#0"]::after {
color: #00ff41 !important;
}
html body ul.auth-vip-menu > li > a[href="#0"]:hover,
html body ul.auth-vip-menu > li.open > a[href="#0"] {
color: #000 !important;
background: #00ff41 !important;
background-color: #00ff41 !important;
border-color: #00ff41 !important;
text-shadow: none !important;
}
/* Mobile */
@media (max-width: 991.98px) {
html body ul.auth-vip-menu > li > a[href="#0"] {
color: #00ff41 !important;
background: rgba(0,255,65,.08) !important;
background-color: rgba(0,255,65,.08) !important;
border: 1px solid rgba(0,255,65,.35) !important;
}
html body ul.auth-vip-menu > li.open > a[href="#0"] {
color: #000 !important;
background: #00ff41 !important;
background-color: #00ff41 !important;
border-color: #00ff41 !important;
}
}
/* ===== END AUTH MENU GREEN DEFAULT ===== */
/* ===== AUTH TOP MENU: SAME GREEN STYLE ===== */
@media (min-width: 992px) {
html body .auth-vip-menu > li > a {
color: #00ff41 !important;
background: rgba(0,255,65,0.08) !important;
background-color: rgba(0,255,65,0.08) !important;
border: 1px solid rgba(0,255,65,0.35) !important;
border-radius: 7px !important;
opacity: 1 !important;
}
html body .auth-vip-menu > li > a:hover,
html body .auth-vip-menu > li.active > a,
html body .auth-vip-menu > li.open > a {
color: #000 !important;
background: #00ff41 !important;
background-color: #00ff41 !important;
border-color: #00ff41 !important;
}
}
/* ===== AUTH TOP MENU — ALL DEFAULT GREEN ===== */
@media (min-width: 0px) {
html body ul.auth-vip-menu > li > a,
html body ul.auth-vip-menu > li > a:link,
html body ul.auth-vip-menu > li > a:visited {
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
opacity: 1 !important;
}
html body ul.auth-vip-menu > li > a:hover,
html body ul.auth-vip-menu > li.active > a,
html body ul.auth-vip-menu > li.open > a {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
}
}
/* =========================================================
FINAL VIP ABOUT SECTION
========================================================= */
.vip-about-section{
position:relative;
width:100%;
padding:90px 0 110px;
overflow:hidden;
}
.vip-about-section .container{
position:relative;
z-index:2;
}
/* IMAGE */
.vip-about-image{
width:100%;
max-width:985px;
margin:0 auto 55px;
text-align:center;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(0,255,120,.30);
background:#050a07;
box-shadow:
0 0 25px rgba(0,255,120,.08),
inset 0 0 30px rgba(0,255,120,.025);
}
.vip-about-image img{
display:block;
width:100%;
height:auto !important;
max-width:100%;
object-fit:contain !important;
object-position:center;
margin:0 auto;
}
/* INTRO */
.vip-about-intro{
max-width:850px;
margin:0 auto 50px;
text-align:center;
}
.vip-terminal-label{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 16px;
margin-bottom:18px;
border:1px solid rgba(0,255,120,.45);
border-radius:999px;
background:rgba(0,255,120,.045);
color:#00ff78;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
box-shadow:0 0 18px rgba(0,255,120,.08);
}
.vip-pulse{
width:7px;
height:7px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 10px #00ff78;
animation:vipPulse 1.2s infinite;
}
@keyframes vipPulse{
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.45;transform:scale(.72)}
}
.vip-about-intro h2{
margin:0 auto 15px;
max-width:820px;
color:#fff;
font-size:clamp(28px,4vw,48px);
line-height:1.15;
font-weight:800;
}
.vip-about-subtext{
margin:0 auto 25px;
color:rgba(255,255,255,.62);
font-size:15px;
line-height:1.7;
}
.vip-get-started{
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:14px;
min-width:165px;
min-height:48px;
padding:10px 20px !important;
border:1px solid rgba(0,255,120,.65) !important;
border-radius:9px !important;
color:#00ff78 !important;
background:rgba(0,255,120,.055) !important;
box-shadow:
0 0 18px rgba(0,255,120,.10),
inset 0 0 14px rgba(0,255,120,.025);
transition:.25s ease;
}
.vip-get-started:hover{
color:#001b0c !important;
background:#00ff78 !important;
box-shadow:
0 0 28px rgba(0,255,120,.35),
0 0 60px rgba(0,255,120,.10);
transform:translateY(-2px);
}
.vip-arrow{
font-size:20px;
line-height:1;
}
/* BOX GRID */
.vip-about-boxes{
margin-top:5px;
}
/* VIP CARD */
.vip-about-boxes > div{
display:flex;
}
.vip-choose-card{
position:relative;
width:100%;
min-height:285px;
padding:22px 22px 18px;
overflow:hidden;
border:1px solid rgba(0,255,120,.28);
border-radius:14px;
background:
linear-gradient(
145deg,
rgba(0,255,120,.055),
rgba(3,8,6,.96) 42%,
rgba(0,0,0,.98)
);
box-shadow:
0 12px 35px rgba(0,0,0,.28),
inset 0 0 25px rgba(0,255,120,.025);
transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease;
}
.vip-choose-card:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(0,255,120,.8),
transparent
);
}
.vip-choose-card:hover{
transform:translateY(-5px);
border-color:rgba(0,255,120,.65);
box-shadow:
0 15px 40px rgba(0,0,0,.35),
0 0 25px rgba(0,255,120,.09),
inset 0 0 25px rgba(0,255,120,.035);
}
/* CARD TOP */
.vip-card-top{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
margin-bottom:22px;
}
.vip-card-status{
display:inline-flex;
align-items:center;
gap:7px;
color:#00ff78;
font-size:10px;
font-weight:700;
letter-spacing:1.5px;
}
.vip-status-dot{
width:6px;
height:6px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 8px #00ff78;
}
.vip-card-number{
color:rgba(0,255,120,.35);
font-size:12px;
font-weight:800;
letter-spacing:2px;
}
/* VIP ICON */
.vip-choose-icon{
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
height:64px;
margin-bottom:18px;
}
.vip-icon-glow{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border:1px solid rgba(0,255,120,.35);
border-radius:12px;
background:rgba(0,255,120,.045);
color:#00ff78;
box-shadow:
0 0 18px rgba(0,255,120,.07),
inset 0 0 15px rgba(0,255,120,.035);
}
.vip-icon-glow i,
.vip-icon-glow svg,
.vip-icon-glow span{
color:#00ff78 !important;
fill:#00ff78 !important;
font-size:27px;
}
/* CONTENT */
.vip-card-content h5{
margin:0 0 9px;
color:#fff;
font-size:21px;
line-height:1.3;
font-weight:750;
}
.vip-card-content p{
margin:0;
color:rgba(255,255,255,.58);
font-size:14px;
line-height:1.7;
}
/* FOOTER */
.vip-card-footer{
position:absolute;
left:22px;
right:22px;
bottom:16px;
display:flex;
justify-content:space-between;
padding-top:10px;
border-top:1px solid rgba(0,255,120,.10);
color:rgba(0,255,120,.38);
font-size:8px;
font-weight:700;
letter-spacing:1.5px;
}
/* MOBILE */
@media(max-width:767px){
.vip-about-section{
padding:60px 0 75px;
}
.vip-about-image{
margin-bottom:38px;
border-radius:12px;
}
.vip-about-intro{
margin-bottom:35px;
}
.vip-about-intro h2{
font-size:28px;
}
.vip-about-subtext{
font-size:13px;
}
.vip-choose-card{
min-height:275px;
padding:19px;
}
.vip-card-footer{
left:19px;
right:19px;
}
}
/* =========================================================
VIP ABOUT - PRO BOX DESIGN
========================================================= */
.vip-about-section{
position:relative;
width:100%;
padding:85px 0 110px;
overflow:hidden;
}
.vip-about-section .container{
position:relative;
z-index:2;
}
/* IMAGE - KEEP FULL IMAGE */
.vip-about-image{
width:100%;
max-width:985px;
margin:0 auto 48px;
text-align:center;
overflow:hidden;
border-radius:16px;
border:1px solid rgba(0,255,120,.28);
background:#030705;
box-shadow:
0 0 25px rgba(0,255,120,.07),
inset 0 0 30px rgba(0,255,120,.025);
}
.vip-about-image img{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
object-fit:contain !important;
margin:0 auto !important;
}
/* VIP INTRO */
.vip-about-intro{
text-align:center;
max-width:850px;
margin:0 auto 48px;
}
.vip-terminal-label{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 15px;
margin-bottom:17px;
border:1px solid rgba(0,255,120,.40);
border-radius:20px;
background:rgba(0,255,120,.035);
color:#00ff78;
font-size:11px;
font-weight:800;
letter-spacing:2px;
}
.vip-pulse{
width:7px;
height:7px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 9px #00ff78;
}
.vip-about-intro h2{
margin:0 auto 25px;
color:#fff;
font-size:clamp(27px,4vw,45px);
line-height:1.16;
font-weight:800;
}
/* PRO VIP GET STARTED BUTTON */
.vip-start-button{
position:relative;
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:12px;
min-width:180px;
height:52px;
padding:0 20px !important;
color:#00ff78 !important;
background:
linear-gradient(
135deg,
rgba(0,255,120,.11),
rgba(0,255,120,.025)
) !important;
border:1px solid rgba(0,255,120,.60) !important;
border-radius:10px !important;
font-size:13px !important;
font-weight:800 !important;
letter-spacing:1px;
text-transform:uppercase;
box-shadow:
0 0 18px rgba(0,255,120,.09),
inset 0 0 15px rgba(0,255,120,.025);
transition:.25s ease;
}
.vip-start-button:hover{
color:#001b0c !important;
background:#00ff78 !important;
border-color:#00ff78 !important;
transform:translateY(-2px);
box-shadow:
0 0 25px rgba(0,255,120,.40),
0 0 55px rgba(0,255,120,.12);
}
.vip-start-icon{
font-size:9px;
}
.vip-start-arrow{
font-size:20px;
line-height:1;
}
/* =========================================================
PRO VIP CARDS
========================================================= */
.vip-about-boxes{
margin-top:0;
}
.vip-about-boxes > div{
display:flex;
}
.vip-pro-card{
position:relative;
width:100%;
min-height:300px;
padding:21px 22px 58px;
overflow:hidden;
border:1px solid rgba(0,255,120,.30);
border-radius:15px;
background:
linear-gradient(
145deg,
rgba(0,255,120,.055) 0%,
rgba(5,12,8,.96) 45%,
rgba(1,4,3,.99) 100%
);
box-shadow:
0 12px 35px rgba(0,0,0,.30),
inset 0 0 22px rgba(0,255,120,.025);
transition:
.25s ease;
}
/* top glowing line */
.vip-pro-card:before{
content:"";
position:absolute;
left:15%;
right:15%;
top:0;
height:1px;
background:#00ff78;
opacity:.55;
box-shadow:0 0 12px #00ff78;
}
/* corner details */
.vip-pro-card:after{
content:"";
position:absolute;
width:35px;
height:35px;
right:-1px;
bottom:-1px;
border-right:1px solid rgba(0,255,120,.65);
border-bottom:1px solid rgba(0,255,120,.65);
border-radius:0 0 14px 0;
}
.vip-pro-card:hover{
transform:translateY(-5px);
border-color:rgba(0,255,120,.65);
box-shadow:
0 18px 40px rgba(0,0,0,.38),
0 0 28px rgba(0,255,120,.10),
inset 0 0 25px rgba(0,255,120,.04);
}
/* TOP BAR */
.vip-pro-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:18px;
}
.vip-pro-verified{
display:flex;
align-items:center;
gap:7px;
color:#00ff78;
font-size:9px;
font-weight:800;
letter-spacing:1.7px;
}
.vip-pro-dot{
width:6px;
height:6px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 9px #00ff78;
}
.vip-pro-number{
color:rgba(0,255,120,.35);
font-size:12px;
font-weight:800;
letter-spacing:2px;
}
/* =========================================================
VIP LOGO - LEFT CORNER
========================================================= */
.vip-pro-icon{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:17px;
}
.vip-pro-icon-box{
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
border:1px solid rgba(0,255,120,.42);
border-radius:12px;
background:
linear-gradient(
145deg,
rgba(0,255,120,.09),
rgba(0,255,120,.015)
);
color:#00ff78;
box-shadow:
0 0 20px rgba(0,255,120,.08),
inset 0 0 15px rgba(0,255,120,.035);
}
.vip-pro-icon-box i,
.vip-pro-icon-box svg,
.vip-pro-icon-box span{
color:#00ff78 !important;
fill:#00ff78 !important;
stroke:#00ff78 !important;
font-size:27px;
}
/* TITLE */
.vip-pro-title{
margin:0 0 10px !important;
color:#fff !important;
font-size:21px !important;
line-height:1.25 !important;
font-weight:800 !important;
}
/* DESCRIPTION */
.vip-pro-description{
margin:0 !important;
color:rgba(255,255,255,.60) !important;
font-size:14px !important;
line-height:1.7 !important;
}
/* BOTTOM */
.vip-pro-bottom{
position:absolute;
left:22px;
right:22px;
bottom:16px;
display:flex;
align-items:center;
justify-content:space-between;
padding-top:10px;
border-top:1px solid rgba(0,255,120,.11);
color:rgba(0,255,120,.40);
font-size:8px;
font-weight:800;
letter-spacing:1.4px;
}
/* MOBILE */
@media(max-width:767px){
.vip-about-section{
padding:60px 0 75px;
}
.vip-about-image{
margin-bottom:38px;
border-radius:12px;
}
.vip-about-intro{
margin-bottom:35px;
}
.vip-about-intro h2{
font-size:28px;
}
.vip-start-button{
min-width:170px;
height:49px;
}
.vip-pro-card{
min-height:290px;
padding:19px 19px 55px;
}
.vip-pro-bottom{
left:19px;
right:19px;
}
}
/* =========================================================
FINAL VIP ABOUT / ACCESS DESIGN
========================================================= */
.vip-about-final{
position:relative;
width:100%;
padding:85px 0 115px;
background:transparent;
overflow:hidden;
}
.vip-about-final .container{
position:relative;
z-index:3;
}
/* =========================================================
ABOUT IMAGE
========================================================= */
.vip-about-image-final{
width:100%;
max-width:985px;
margin:0 auto 42px;
padding:0;
background:#020504;
border:1px solid rgba(0,255,120,.30);
border-radius:14px;
overflow:hidden;
box-shadow:
0 0 25px rgba(0,255,120,.06),
inset 0 0 35px rgba(0,255,120,.025);
}
.vip-about-image-final img{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
object-position:center !important;
}
/* =========================================================
VIP ACCESS TERMINAL
========================================================= */
.vip-access-terminal{
position:relative;
width:100%;
max-width:1000px;
margin:0 auto 48px;
padding:0;
background:
linear-gradient(
145deg,
rgba(0,255,120,.045),
rgba(0,0,0,.97) 38%,
rgba(2,7,5,.99)
);
border:1px solid rgba(0,255,120,.38);
border-radius:16px;
overflow:hidden;
box-shadow:
0 0 30px rgba(0,255,120,.07),
inset 0 0 40px rgba(0,255,120,.025);
}
/* TOP BAR */
.vip-access-top{
height:42px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px;
border-bottom:1px solid rgba(0,255,120,.13);
background:rgba(0,0,0,.45);
}
.vip-access-live{
display:flex;
align-items:center;
gap:8px;
color:#00ff78;
font-size:9px;
font-weight:800;
letter-spacing:1.8px;
}
.vip-access-light{
width:7px;
height:7px;
border-radius:50%;
background:#00ff78;
box-shadow:
0 0 6px #00ff78,
0 0 14px rgba(0,255,120,.7);
animation:vipTerminalBlink .75s infinite;
}
@keyframes vipTerminalBlink{
0%,100%{
opacity:1;
transform:scale(1);
}
50%{
opacity:.25;
transform:scale(.72);
}
}
.vip-access-code{
color:rgba(0,255,120,.34);
font-size:8px;
font-weight:700;
letter-spacing:1.5px;
}
/* MAIN */
.vip-access-main{
text-align:center;
padding:36px 25px 39px;
}
.vip-access-label{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 17px;
margin-bottom:17px;
border:1px solid rgba(0,255,120,.42);
border-radius:30px;
color:#00ff78;
background:rgba(0,255,120,.035);
font-size:11px;
font-weight:800;
letter-spacing:2px;
box-shadow:
0 0 18px rgba(0,255,120,.06);
}
.vip-access-pulse{
width:7px;
height:7px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 10px #00ff78;
animation:vipTerminalBlink 1s infinite;
}
.vip-access-main h2{
max-width:800px;
margin:0 auto 13px;
color:#fff;
font-size:clamp(27px,4vw,46px);
font-weight:800;
line-height:1.16;
}
.vip-access-main h2 span{
color:#00ff78;
text-shadow:
0 0 14px rgba(0,255,120,.20);
}
.vip-access-main p{
margin:0 auto 24px;
color:rgba(255,255,255,.48);
font-size:13px;
}
/* =========================================================
VIP GET STARTED BUTTON
========================================================= */
.vip-access-button{
position:relative;
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:10px;
min-width:180px;
height:50px;
padding:0 22px !important;
color:#00ff78 !important;
background:
linear-gradient(
135deg,
rgba(0,255,120,.10),
rgba(0,255,120,.025)
) !important;
border:1px solid rgba(0,255,120,.60) !important;
border-radius:9px !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:1.5px;
box-shadow:
0 0 20px rgba(0,255,120,.08),
inset 0 0 15px rgba(0,255,120,.025);
transition:all .25s ease;
}
.vip-access-button:hover{
color:#001b0b !important;
background:#00ff78 !important;
border-color:#00ff78 !important;
transform:translateY(-2px);
box-shadow:
0 0 25px rgba(0,255,120,.40),
0 0 60px rgba(0,255,120,.12);
}
.vip-button-light{
width:5px;
height:5px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 8px #00ff78;
}
.vip-button-arrow{
font-size:19px;
line-height:1;
}
/* BOTTOM TERMINAL BAR */
.vip-access-bottom{
min-height:34px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px;
border-top:1px solid rgba(0,255,120,.11);
background:rgba(0,0,0,.40);
color:rgba(0,255,120,.35);
font-size:7px;
font-weight:800;
letter-spacing:1.3px;
}
/* =========================================================
VIP FEATURE CARDS
========================================================= */
.vip-feature-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
max-width:1000px;
margin:0 auto;
}
.vip-feature-card{
position:relative;
min-height:315px;
padding:21px 22px 57px;
overflow:hidden;
background:
linear-gradient(
145deg,
rgba(8,14,11,.98),
rgba(0,0,0,.99)
);
border:1px solid rgba(0,255,120,.27);
border-radius:14px;
box-shadow:
0 12px 35px rgba(0,0,0,.35),
inset 0 0 30px rgba(0,255,120,.018);
transition:all .25s ease;
}
/* GREEN TOP EDGE */
.vip-feature-card:before{
content:"";
position:absolute;
top:0;
left:12%;
right:12%;
height:1px;
background:#00ff78;
box-shadow:0 0 13px rgba(0,255,120,.8);
opacity:.55;
}
/* CORNER MARK */
.vip-feature-card:after{
content:"";
position:absolute;
right:0;
bottom:0;
width:34px;
height:34px;
border-right:1px solid rgba(0,255,120,.55);
border-bottom:1px solid rgba(0,255,120,.55);
border-radius:0 0 13px 0;
}
.vip-feature-card:hover{
transform:translateY(-4px);
border-color:rgba(0,255,120,.60);
box-shadow:
0 17px 40px rgba(0,0,0,.42),
0 0 25px rgba(0,255,120,.08),
inset 0 0 30px rgba(0,255,120,.03);
}
/* CARD HEADER */
.vip-feature-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
}
.vip-feature-status{
display:flex;
align-items:center;
gap:7px;
color:#00ff78;
font-size:9px;
font-weight:800;
letter-spacing:1.7px;
}
.vip-feature-status span{
width:6px;
height:6px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 9px #00ff78;
animation:vipTerminalBlink 1.4s infinite;
}
.vip-feature-number{
color:rgba(255,255,255,.20);
font-size:12px;
font-weight:800;
letter-spacing:2px;
}
/* =========================================================
VIP LOGO / ICON - UPPER LEFT
========================================================= */
.vip-feature-logo{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:17px;
}
.vip-feature-logo-inner{
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
color:#00ff78;
background:
linear-gradient(
145deg,
rgba(0,255,120,.10),
rgba(0,0,0,.50)
);
border:1px solid rgba(0,255,120,.43);
border-radius:13px;
box-shadow:
0 0 18px rgba(0,255,120,.08),
inset 0 0 16px rgba(0,255,120,.035);
}
.vip-feature-logo-inner i,
.vip-feature-logo-inner svg,
.vip-feature-logo-inner span{
color:#00ff78 !important;
fill:#00ff78 !important;
stroke:#00ff78 !important;
font-size:29px;
}
/* TITLE */
.vip-feature-title{
margin:0 !important;
color:#fff !important;
font-size:21px !important;
font-weight:800 !important;
line-height:1.25 !important;
}
.vip-feature-line{
width:45px;
height:2px;
margin:11px 0 12px;
background:#00ff78;
box-shadow:0 0 9px rgba(0,255,120,.55);
}
.vip-feature-text{
margin:0 !important;
color:rgba(255,255,255,.58) !important;
font-size:13px !important;
line-height:1.7 !important;
}
/* FOOTER */
.vip-feature-footer{
position:absolute;
left:22px;
right:22px;
bottom:15px;
display:flex;
justify-content:space-between;
padding-top:10px;
border-top:1px solid rgba(0,255,120,.10);
color:rgba(0,255,120,.36);
font-size:7px;
font-weight:800;
letter-spacing:1.4px;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.vip-about-final{
padding:60px 0 80px;
}
.vip-about-image-final{
margin-bottom:30px;
border-radius:11px;
}
.vip-access-terminal{
margin-bottom:35px;
border-radius:12px;
}
.vip-access-top{
height:38px;
padding:0 13px;
}
.vip-access-main{
padding:30px 17px 32px;
}
.vip-access-main h2{
font-size:27px;
}
.vip-access-bottom{
padding:0 12px;
font-size:6px;
}
.vip-feature-grid{
grid-template-columns:1fr;
gap:17px;
}
.vip-feature-card{
min-height:295px;
padding:19px 19px 55px;
}
.vip-feature-footer{
left:19px;
right:19px;
}
}
/* FINAL IMAGE FIX - OLD VIP DESIGN */
.vip-about-section .vip-about-image{
width:100%;
max-width:985px;
margin:0 auto 45px;
padding:0;
overflow:hidden;
border-radius:14px;
border:1px solid rgba(0,255,120,.28);
background:#030705;
box-shadow:0 0 25px rgba(0,255,120,.06);
}
.vip-about-section .vip-about-image img{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
}
/* Keep OLD VIP cards clean */
.vip-about-section .vip-choose-section{
padding-top:0 !important;
}
.vip-about-section .vip-choose-card{
position:relative;
}
.vip-about-section .vip-choose-icon{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
}
.vip-about-section .vip-choose-icon i,
.vip-about-section .vip-choose-icon svg{
color:#00ff78 !important;
}
/* ==========================================================
DARK VIP ABOUT PANEL
========================================================== */
.dw-vip-about{
width:100%;
padding:30px 0 90px;
}
.dw-vip-panel{
position:relative;
width:100%;
background:
linear-gradient(
135deg,
#050806 0%,
#020403 55%,
#06100a 100%
);
border:1px solid rgba(0,255,120,.30);
border-radius:14px;
overflow:hidden;
box-shadow:
0 20px 60px rgba(0,0,0,.55),
inset 0 0 50px rgba(0,255,120,.018);
}
/* TOP GREEN LINE */
.dw-vip-panel:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:2px;
background:
linear-gradient(
90deg,
transparent,
#00ff78,
transparent
);
box-shadow:0 0 14px rgba(0,255,120,.55);
}
/* PANEL HEADER */
.dw-vip-panel-head{
min-height:58px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 24px;
background:rgba(0,255,120,.025);
border-bottom:1px solid rgba(0,255,120,.16);
}
.dw-vip-title{
display:flex;
align-items:center;
gap:9px;
color:#00ff78;
font-size:10px;
font-weight:800;
letter-spacing:2.2px;
}
.dw-vip-live{
width:7px;
height:7px;
border-radius:50%;
background:#00ff78;
box-shadow:
0 0 7px #00ff78,
0 0 16px rgba(0,255,120,.65);
animation:dwVipBlink 1.5s infinite;
}
@keyframes dwVipBlink{
0%,100%{opacity:1}
50%{opacity:.3}
}
.dw-vip-code{
color:rgba(255,255,255,.25);
font-size:8px;
font-weight:700;
letter-spacing:2px;
}
/* ==========================================================
MAIN WHO WE ARE BOX
========================================================== */
.dw-vip-about-box{
margin:24px;
padding:25px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
background:
linear-gradient(
120deg,
rgba(0,255,120,.055),
rgba(0,0,0,.35)
);
border:1px solid rgba(0,255,120,.22);
border-radius:11px;
box-shadow:
inset 0 0 30px rgba(0,255,120,.018);
}
.dw-vip-about-left{
flex:1;
}
.dw-vip-label{
margin-bottom:9px;
color:#00ff78;
font-size:9px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}
.dw-vip-about-left h3{
margin:0;
color:#fff;
font-size:25px;
font-weight:800;
line-height:1.35;
}
.dw-vip-divider{
width:45px;
height:2px;
margin:14px 0;
background:#00ff78;
box-shadow:0 0 10px rgba(0,255,120,.6);
}
.dw-vip-about-left p{
margin:0;
color:rgba(255,255,255,.48);
font-size:12px;
line-height:1.7;
}
/* ==========================================================
VIP BUTTON BOX
========================================================== */
.dw-vip-about-action{
min-width:190px;
padding:17px;
text-align:center;
background:rgba(0,0,0,.35);
border:1px solid rgba(0,255,120,.18);
border-radius:9px;
}
.dw-vip-action-label{
margin-bottom:10px;
color:rgba(0,255,120,.45);
font-size:7px;
font-weight:800;
letter-spacing:1.8px;
}
.dw-vip-button{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
width:100%;
min-height:45px;
padding:0 15px;
color:#00ff78 !important;
background:
linear-gradient(
135deg,
rgba(0,255,120,.11),
rgba(0,255,120,.025)
);
border:1px solid rgba(0,255,120,.60);
border-radius:7px;
font-size:10px;
font-weight:800;
letter-spacing:1.5px;
text-transform:uppercase;
box-shadow:0 0 18px rgba(0,255,120,.06);
transition:.25s ease;
}
.dw-vip-button-light{
width:5px;
height:5px;
border-radius:50%;
background:#00ff78;
box-shadow:0 0 8px #00ff78;
}
.dw-vip-arrow{
font-size:16px;
}
.dw-vip-button:hover{
color:#001b0b !important;
background:#00ff78;
border-color:#00ff78;
box-shadow:
0 0 25px rgba(0,255,120,.4);
transform:translateY(-2px);
}
/* ==========================================================
FEATURES HEADER
========================================================== */
.dw-vip-section-head{
display:flex;
align-items:center;
gap:12px;
margin:0 24px 14px;
color:rgba(0,255,120,.60);
font-size:8px;
font-weight:800;
letter-spacing:1.8px;
}
.dw-vip-section-head i{
flex:1;
height:1px;
background:rgba(0,255,120,.13);
}
.dw-vip-section-head small{
color:rgba(255,255,255,.22);
font-size:7px;
letter-spacing:1.2px;
}
/* ==========================================================
FOUR SEPARATE VIP BOXES
========================================================== */
.dw-vip-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
padding:0 24px 24px;
}
.dw-vip-feature{
position:relative;
min-height:215px;
padding:17px 18px 15px;
background:
linear-gradient(
145deg,
rgba(0,255,120,.045),
rgba(0,0,0,.68)
);
border:1px solid rgba(0,255,120,.20);
border-radius:10px;
overflow:hidden;
transition:
border-color .25s ease,
transform .25s ease,
box-shadow .25s ease;
}
.dw-vip-feature:hover{
transform:translateY(-3px);
border-color:rgba(0,255,120,.55);
box-shadow:
0 12px 35px rgba(0,0,0,.4),
0 0 22px rgba(0,255,120,.07);
}
/* CORNER MARKS */
.dw-vip-feature:before,
.dw-vip-feature:after{
content:"";
position:absolute;
width:18px;
height:18px;
pointer-events:none;
}
.dw-vip-feature:before{
top:0;
left:0;
border-top:1px solid #00ff78;
border-left:1px solid #00ff78;
}
.dw-vip-feature:after{
right:0;
bottom:0;
border-right:1px solid #00ff78;
border-bottom:1px solid #00ff78;
}
/* FEATURE TOP */
.dw-vip-feature-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px;
}
.dw-vip-feature-id{
color:rgba(255,255,255,.23);
font-size:7px;
font-weight:800;
letter-spacing:1.4px;
}
.dw-vip-verified{
color:#00ff78;
font-size:7px;
font-weight:800;
letter-spacing:1.1px;
}
/* ==========================================================
ICON - INDIVIDUAL BOX
========================================================== */
.dw-vip-icon-box{
width:48px;
height:48px;
margin-bottom:16px;
display:flex;
align-items:center;
justify-content:center;
color:#00ff78;
background:
linear-gradient(
145deg,
rgba(0,255,120,.10),
rgba(0,0,0,.65)
);
border:1px solid rgba(0,255,120,.38);
border-radius:8px;
box-shadow:
inset 0 0 15px rgba(0,255,120,.025),
0 0 15px rgba(0,255,120,.04);
}
.dw-vip-icon-box i,
.dw-vip-icon-box svg{
color:#00ff78 !important;
fill:#00ff78 !important;
font-size:22px;
}
/* FEATURE TEXT */
.dw-vip-feature-body h4{
margin:0;
color:#fff;
font-size:18px;
font-weight:800;
line-height:1.3;
}
.dw-vip-mini-line{
width:32px;
height:2px;
margin:9px 0;
background:#00ff78;
box-shadow:0 0 8px rgba(0,255,120,.5);
}
.dw-vip-feature-body p{
margin:0;
color:rgba(255,255,255,.48);
font-size:11px;
line-height:1.7;
}
/* FEATURE FOOTER */
.dw-vip-feature-footer{
position:absolute;
left:18px;
right:18px;
bottom:12px;
display:flex;
justify-content:space-between;
padding-top:8px;
border-top:1px solid rgba(0,255,120,.09);
color:rgba(0,255,120,.25);
font-size:6px;
font-weight:800;
letter-spacing:1.5px;
}
/* PANEL FOOTER */
.dw-vip-panel-foot{
display:flex;
justify-content:space-between;
padding:12px 24px;
border-top:1px solid rgba(0,255,120,.12);
color:rgba(0,255,120,.28);
font-size:7px;
font-weight:800;
letter-spacing:1.5px;
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.dw-vip-about{
padding:20px 0 55px;
}
.dw-vip-panel-head{
min-height:52px;
padding:0 15px;
}
.dw-vip-about-box{
margin:15px;
padding:20px;
display:block;
}
.dw-vip-about-left h3{
font-size:21px;
}
.dw-vip-about-action{
min-width:0;
margin-top:20px;
}
.dw-vip-section-head{
margin:0 15px 12px;
}
.dw-vip-features{
grid-template-columns:1fr;
gap:12px;
padding:0 15px 15px;
}
.dw-vip-feature{
min-height:205px;
}
.dw-vip-panel-foot{
padding:11px 15px;
gap:8px;
flex-wrap:wrap;
}
}
/* ==========================================================
ABOUT IMAGE - FULL / ORIGINAL RATIO
========================================================== */
.vip-about-image img{
display:block !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
}
/* ==========================================================
VIP FEATURE BOX - FINAL DETAIL ADJUSTMENTS
========================================================== */
/* MODULE NUMBER HIDE */
.dw-vip-feature-id{
display:none !important;
}
/* VERIFIED - TOP RIGHT */
.dw-vip-feature-top{
position:absolute !important;
top:11px !important;
right:13px !important;
margin:0 !important;
z-index:5 !important;
display:block !important;
}
.dw-vip-verified{
font-size:9px !important;
font-weight:800 !important;
letter-spacing:1.3px !important;
color:#00ff78 !important;
text-shadow:
0 0 7px rgba(0,255,120,.45) !important;
}
/* ICON - TOP LEFT */
.dw-vip-icon-box{
position:absolute !important;
left:18px !important;
top:18px !important;
width:55px !important;
height:55px !important;
margin:0 !important;
z-index:4 !important;
}
/* FEATURE CONTENT - MORE SPACE */
.dw-vip-feature{
padding:88px 20px 45px 20px !important;
}
/* FEATURE HEADING BIGGER */
.dw-vip-feature-body h4{
font-size:21px !important;
font-weight:800 !important;
line-height:1.35 !important;
color:#fff !important;
}
/* DESCRIPTION BIGGER */
.dw-vip-feature-body p{
font-size:13px !important;
line-height:1.75 !important;
color:rgba(255,255,255,.58) !important;
}
/* GREEN TITLE LINE */
.dw-vip-mini-line{
width:42px !important;
height:2px !important;
margin:10px 0 11px !important;
}
/* KEEP FEATURE FOOTER CLEAN */
.dw-vip-feature-footer{
left:20px !important;
right:20px !important;
bottom:12px !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-feature{
padding:84px 18px 45px 18px !important;
}
.dw-vip-icon-box{
left:17px !important;
top:17px !important;
width:52px !important;
height:52px !important;
}
.dw-vip-verified{
font-size:9px !important;
}
.dw-vip-feature-body h4{
font-size:20px !important;
}
.dw-vip-feature-body p{
font-size:12.5px !important;
}
}
/* ==========================================================
VIP BOX — WIDER / CORNER / LIVE STATUS FINISH
========================================================== */
/* BOXES EXPAND SIDEWAYS */
.dw-vip-features{
padding-left:10px !important;
padding-right:10px !important;
gap:14px !important;
}
.dw-vip-feature{
width:100% !important;
min-height:225px !important;
padding:88px 18px 48px 18px !important;
}
/* LOGO — TOP LEFT CORNER */
.dw-vip-icon-box{
position:absolute !important;
left:10px !important;
top:10px !important;
width:62px !important;
height:62px !important;
margin:0 !important;
border-radius:10px !important;
border:1px solid rgba(0,255,120,.48) !important;
box-shadow:
0 0 16px rgba(0,255,120,.08),
inset 0 0 18px rgba(0,255,120,.045) !important;
}
.dw-vip-icon-box i,
.dw-vip-icon-box svg{
font-size:27px !important;
}
/* VERIFIED — TOP RIGHT */
.dw-vip-feature-top{
position:absolute !important;
top:12px !important;
right:11px !important;
margin:0 !important;
z-index:10 !important;
}
.dw-vip-verified{
display:flex !important;
align-items:center !important;
gap:6px !important;
color:#00ff78 !important;
font-size:10px !important;
font-weight:800 !important;
letter-spacing:1.4px !important;
}
/* ONLY THE DOT BLINKS + GROWS */
.dw-vip-verified{
font-size:10px !important;
}
.dw-vip-verified::first-letter{
animation:vipVerifiedDot 1.25s ease-in-out infinite !important;
}
@keyframes vipVerifiedDot{
0%,100%{
opacity:.45;
transform:scale(.75);
}
50%{
opacity:1;
transform:scale(1.35);
}
}
/* FEATURE TITLE */
.dw-vip-feature-body h4{
font-size:22px !important;
font-weight:800 !important;
line-height:1.35 !important;
margin:0 !important;
}
/* DESCRIPTION */
.dw-vip-feature-body p{
font-size:13.5px !important;
line-height:1.8 !important;
color:rgba(255,255,255,.60) !important;
}
/* GREEN UNDERLINE */
.dw-vip-mini-line{
width:45px !important;
height:2px !important;
margin:11px 0 12px !important;
box-shadow:
0 0 9px rgba(0,255,120,.65) !important;
}
/* REMOVE MODULE TEXT COMPLETELY */
.dw-vip-feature-id{
display:none !important;
}
/* SMALLER OUTER GAP */
.dw-vip-section-head{
margin-left:10px !important;
margin-right:10px !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-features{
padding-left:6px !important;
padding-right:6px !important;
gap:12px !important;
}
.dw-vip-feature{
min-height:215px !important;
padding:
84px
16px
46px
16px !important;
}
.dw-vip-icon-box{
left:9px !important;
top:9px !important;
width:58px !important;
height:58px !important;
}
.dw-vip-icon-box i,
.dw-vip-icon-box svg{
font-size:25px !important;
}
.dw-vip-feature-body h4{
font-size:21px !important;
}
.dw-vip-feature-body p{
font-size:13px !important;
}
.dw-vip-verified{
font-size:9px !important;
}
}
/* ==========================================================
VIP MICRO-MOCKUP FINISH
========================================================== */
/* FEATURE AREA - USE MORE WIDTH */
.dw-vip-features{
width:calc(100% + 20px) !important;
margin-left:-10px !important;
margin-right:-10px !important;
padding-left:0 !important;
padding-right:0 !important;
gap:12px !important;
}
/* ==========================================================
EACH FEATURE CARD
========================================================== */
.dw-vip-feature{
position:relative !important;
min-height:230px !important;
padding:94px 17px 48px !important;
border-radius:9px !important;
background:
linear-gradient(
145deg,
rgba(0,255,120,.055),
rgba(0,0,0,.90) 45%,
rgba(0,12,7,.96)
) !important;
border:1px solid rgba(0,255,120,.30) !important;
box-shadow:
inset 0 0 25px rgba(0,255,120,.025),
0 8px 25px rgba(0,0,0,.28) !important;
}
/* ==========================================================
LOGO - TOP LEFT CORNER
========================================================== */
.dw-vip-icon-box{
position:absolute !important;
top:10px !important;
left:10px !important;
width:64px !important;
height:64px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:8px !important;
border:1px solid rgba(0,255,120,.48) !important;
background:
linear-gradient(
145deg,
rgba(0,255,120,.12),
rgba(0,0,0,.72)
) !important;
box-shadow:
0 0 18px rgba(0,255,120,.08),
inset 0 0 15px rgba(0,255,120,.04) !important;
}
.dw-vip-icon-box i,
.dw-vip-icon-box svg{
font-size:29px !important;
color:#00ff78 !important;
fill:#00ff78 !important;
filter:drop-shadow(0 0 5px rgba(0,255,120,.35));
}
/* ==========================================================
VERIFIED - ITS OWN SMALL BOX
========================================================== */
.dw-vip-feature-top{
position:absolute !important;
top:10px !important;
right:10px !important;
margin:0 !important;
z-index:20 !important;
}
/* Hide original "● VERIFIED" text */
.dw-vip-verified{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
min-width:92px !important;
height:30px !important;
padding:0 10px !important;
font-size:0 !important;
background:
linear-gradient(
135deg,
rgba(0,255,120,.10),
rgba(0,0,0,.55)
) !important;
border:1px solid rgba(0,255,120,.38) !important;
border-radius:6px !important;
box-shadow:
0 0 12px rgba(0,255,120,.05),
inset 0 0 10px rgba(0,255,120,.025) !important;
}
/* VERIFIED TEXT */
.dw-vip-verified:after{
content:"VERIFIED" !important;
color:#00ff78 !important;
font-size:8px !important;
font-weight:800 !important;
letter-spacing:1.5px !important;
animation:vipVerifiedText 2s ease-in-out infinite !important;
}
/* BLINKING GREEN LIGHT */
.dw-vip-verified:before{
content:"" !important;
display:block !important;
width:6px !important;
height:6px !important;
flex:0 0 6px !important;
border-radius:50% !important;
background:#00ff78 !important;
box-shadow:
0 0 5px #00ff78,
0 0 12px rgba(0,255,120,.75) !important;
animation:vipVerifiedLight 1.15s ease-in-out infinite !important;
}
@keyframes vipVerifiedLight{
0%,100%{
opacity:.35;
transform:scale(.70);
box-shadow:0 0 3px #00ff78;
}
50%{
opacity:1;
transform:scale(1.45);
box-shadow:
0 0 7px #00ff78,
0 0 16px rgba(0,255,120,.85);
}
}
@keyframes vipVerifiedText{
0%,100%{
opacity:.72;
transform:scale(.96);
}
50%{
opacity:1;
transform:scale(1.04);
}
}
/* ==========================================================
TITLE = SMALL VIP MOCKUP BOX
========================================================== */
.dw-vip-feature-body h4{
display:inline-block !important;
margin:0 !important;
padding:8px 12px !important;
color:#fff !important;
font-size:20px !important;
font-weight:800 !important;
line-height:1.25 !important;
background:
linear-gradient(
135deg,
rgba(0,255,120,.075),
rgba(0,0,0,.42)
) !important;
border:1px solid rgba(0,255,120,.20) !important;
border-radius:6px !important;
box-shadow:
inset 0 0 12px rgba(0,255,120,.025) !important;
}
/* TITLE BOX LITTLE GREEN CORNER */
.dw-vip-feature-body h4:before{
content:"";
display:inline-block;
width:5px;
height:5px;
margin-right:8px;
vertical-align:middle;
border-radius:1px;
background:#00ff78;
box-shadow:0 0 7px #00ff78;
}
/* DESCRIPTION */
.dw-vip-feature-body p{
margin-top:11px !important;
color:rgba(255,255,255,.60) !important;
font-size:13.5px !important;
line-height:1.8 !important;
}
/* GREEN DETAIL LINE */
.dw-vip-mini-line{
width:45px !important;
height:2px !important;
margin:10px 0 !important;
background:#00ff78 !important;
box-shadow:
0 0 8px rgba(0,255,120,.65) !important;
}
/* ==========================================================
CARD CORNER MARKS
========================================================== */
.dw-vip-feature:before{
top:0 !important;
left:0 !important;
width:22px !important;
height:22px !important;
border-top:1px solid #00ff78 !important;
border-left:1px solid #00ff78 !important;
}
.dw-vip-feature:after{
right:0 !important;
bottom:0 !important;
width:22px !important;
height:22px !important;
border-right:1px solid #00ff78 !important;
border-bottom:1px solid #00ff78 !important;
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.dw-vip-features{
width:calc(100% + 10px) !important;
margin-left:-5px !important;
margin-right:-5px !important;
gap:10px !important;
}
.dw-vip-feature{
min-height:220px !important;
padding:91px 15px 47px !important;
}
.dw-vip-icon-box{
top:9px !important;
left:9px !important;
width:59px !important;
height:59px !important;
}
.dw-vip-icon-box i,
.dw-vip-icon-box svg{
font-size:26px !important;
}
.dw-vip-verified{
top:0 !important;
min-width:86px !important;
height:28px !important;
}
.dw-vip-verified:after{
font-size:7px !important;
}
.dw-vip-feature-body h4{
font-size:19px !important;
padding:7px 10px !important;
}
.dw-vip-feature-body p{
font-size:12.5px !important;
}
}
/* ==========================================================
VIP TITLE + VERIFIED FINAL ALIGNMENT
========================================================== */
/* VERIFIED BOX - SMALLER */
.dw-vip-verified{
min-width:82px !important;
width:auto !important;
height:26px !important;
padding:0 8px !important;
gap:6px !important;
border-radius:5px !important;
}
/* VERIFIED TEXT - BIGGER */
.dw-vip-verified:after{
font-size:9px !important;
letter-spacing:1.4px !important;
line-height:1 !important;
}
/* VERIFIED DOT */
.dw-vip-verified:before{
width:8px !important;
height:8px !important;
flex:0 0 8px !important;
border-radius:50% !important;
margin:0 !important;
animation:vipVerifiedLightFinal 1.15s ease-in-out infinite !important;
}
@keyframes vipVerifiedLightFinal{
0%,100%{
opacity:.35;
transform:scale(.72);
}
50%{
opacity:1;
transform:scale(1.35);
}
}
/* ==========================================================
FEATURE TITLE + DOT — SAME LINE
========================================================== */
.dw-vip-feature-body h4{
display:inline-flex !important;
align-items:center !important;
vertical-align:middle !important;
gap:9px !important;
font-size:21px !important;
line-height:1.2 !important;
}
/* REMOVE OLD INLINE MARK */
.dw-vip-feature-body h4:before{
content:"" !important;
display:block !important;
width:9px !important;
height:9px !important;
flex:0 0 9px !important;
margin:0 !important;
border-radius:50% !important;
background:#00ff78 !important;
box-shadow:
0 0 6px #00ff78,
0 0 13px rgba(0,255,120,.55) !important;
animation:vipTitleDot 1.3s ease-in-out infinite !important;
}
@keyframes vipTitleDot{
0%,100%{
opacity:.40;
transform:scale(.75);
}
50%{
opacity:1;
transform:scale(1.30);
}
}
/* DESCRIPTION SLIGHTLY LARGER */
.dw-vip-feature-body p{
font-size:13.5px !important;
line-height:1.8 !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-verified{
min-width:78px !important;
height:25px !important;
}
.dw-vip-verified:after{
font-size:8px !important;
}
.dw-vip-verified:before{
width:7px !important;
height:7px !important;
flex-basis:7px !important;
}
.dw-vip-feature-body h4{
font-size:20px !important;
gap:8px !important;
}
.dw-vip-feature-body h4:before{
width:8px !important;
height:8px !important;
flex-basis:8px !important;
}
}
/* ==========================================================
VERIFIED BADGE - COMPACT VIP STYLE
========================================================== */
.dw-vip-feature-top{
top:8px !important;
right:8px !important;
}
.dw-vip-verified{
min-width:0 !important;
width:auto !important;
height:23px !important;
padding:0 7px 0 6px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:2px !important;
border-radius:4px !important;
border:1px solid rgba(0,255,120,.38) !important;
background:rgba(0,255,120,.045) !important;
}
/* VERIFIED TEXT */
.dw-vip-verified:after{
font-size:10px !important;
font-weight:900 !important;
letter-spacing:1.2px !important;
line-height:1 !important;
margin:0 !important;
}
/* SMALL ROUND LIGHT — DIRECTLY BESIDE TEXT */
.dw-vip-verified:before{
width:6px !important;
height:6px !important;
min-width:6px !important;
flex:0 0 6px !important;
margin:0 !important;
border-radius:50% !important;
background:#00ff78 !important;
box-shadow:
0 0 5px #00ff78,
0 0 10px rgba(0,255,120,.7) !important;
animation:vipVerifiedCompactLight 1.1s ease-in-out infinite !important;
}
@keyframes vipVerifiedCompactLight{
0%,100%{
opacity:.35;
transform:scale(.70);
}
50%{
opacity:1;
transform:scale(1.35);
}
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-feature-top{
top:7px !important;
right:7px !important;
}
.dw-vip-verified{
height:22px !important;
padding:0 6px !important;
gap:2px !important;
}
.dw-vip-verified:after{
font-size:9px !important;
}
.dw-vip-verified:before{
width:6px !important;
height:6px !important;
flex-basis:6px !important;
}
}
/* ==========================================================
COPYRIGHT — COMPACT BOTTOM POSITION
========================================================== */
.dw-vip-panel-foot{
padding:9px 18px 11px !important;
min-height:auto !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
font-size:7px !important;
line-height:1.2 !important;
letter-spacing:1px !important;
}
/* COPYRIGHT TEXT */
.dw-vip-panel-foot span{
white-space:nowrap !important;
line-height:1.2 !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-panel-foot{
padding:8px 12px 10px !important;
gap:6px !important;
font-size:6.5px !important;
letter-spacing:.8px !important;
}
}
/* ==========================================================
COPYRIGHT — COMPACT GREEN VIP FOOTER
========================================================== */
.dw-vip-panel-foot{
position:relative !important;
min-height:42px !important;
padding:10px 15px 13px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
border-top:1px solid rgba(0,255,120,.16) !important;
background:rgba(0,255,120,.018) !important;
color:#00ff78 !important;
font-size:7px !important;
font-weight:700 !important;
line-height:1 !important;
letter-spacing:.8px !important;
text-align:center !important;
box-shadow:
inset 0 1px 10px rgba(0,255,120,.025) !important;
}
.dw-vip-panel-foot span{
display:inline-flex !important;
align-items:center !important;
white-space:nowrap !important;
color:rgba(0,255,120,.52) !important;
font-size:7px !important;
line-height:1 !important;
letter-spacing:.8px !important;
}
/* COPYRIGHT LOOKS LIKE A SMALL VIP LABEL */
.dw-vip-panel-foot span:last-child{
color:#00ff78 !important;
font-size:7px !important;
font-weight:800 !important;
letter-spacing:1px !important;
text-shadow:0 0 7px rgba(0,255,120,.25) !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-panel-foot{
min-height:38px !important;
padding:9px 10px 11px !important;
gap:5px !important;
font-size:6px !important;
}
.dw-vip-panel-foot span{
font-size:6px !important;
letter-spacing:.6px !important;
}
.dw-vip-panel-foot span:last-child{
font-size:6.5px !important;
}
}
/* ==========================================================
VIP PANEL — REMOVE EXTRA BOTTOM SPACE
========================================================== */
.dw-vip-panel{
padding-bottom:0 !important;
}
.dw-vip-features{
padding-bottom:6px !important;
margin-bottom:0 !important;
}
.dw-vip-feature{
margin-bottom:0 !important;
}
/* COMPACT COPYRIGHT FOOTER */
.dw-vip-panel-foot{
min-height:30px !important;
height:30px !important;
padding:5px 10px 7px !important;
margin:0 !important;
gap:4px !important;
font-size:5.5px !important;
line-height:1 !important;
letter-spacing:.55px !important;
}
.dw-vip-panel-foot span{
font-size:5.5px !important;
line-height:1 !important;
letter-spacing:.55px !important;
}
.dw-vip-panel-foot span:last-child{
font-size:5.5px !important;
letter-spacing:.65px !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-features{
padding-bottom:4px !important;
}
.dw-vip-panel-foot{
min-height:27px !important;
height:27px !important;
padding:4px 8px 6px !important;
gap:3px !important;
font-size:5px !important;
}
.dw-vip-panel-foot span,
.dw-vip-panel-foot span:last-child{
font-size:5px !important;
letter-spacing:.45px !important;
}
}
/* ==========================================================
FINAL VIP BOTTOM SPACING FIX
========================================================== */
/* 4TH / LAST BOX KE BAAD EXTRA SPACE REMOVE */
.dw-vip-features{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-feature:last-child{
margin-bottom:0 !important;
}
/* GRID KE BAAD KOI EXTRA GAP NA RAHE */
.dw-vip-features + .dw-vip-panel-foot{
margin-top:0 !important;
}
/* ==========================================================
COPYRIGHT — TINY + SLIGHTLY ABOVE BOTTOM
========================================================== */
.dw-vip-panel-foot{
min-height:25px !important;
height:25px !important;
margin:0 !important;
padding:3px 8px 5px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
border-top:1px solid rgba(0,255,120,.12) !important;
color:rgba(0,255,120,.42) !important;
font-size:5px !important;
font-weight:700 !important;
line-height:1 !important;
letter-spacing:.45px !important;
box-shadow:
inset 0 1px 8px rgba(0,255,120,.02) !important;
}
.dw-vip-panel-foot span{
font-size:5px !important;
line-height:1 !important;
letter-spacing:.45px !important;
color:rgba(0,255,120,.42) !important;
}
.dw-vip-panel-foot span:last-child{
color:#00ff78 !important;
font-size:5px !important;
font-weight:800 !important;
letter-spacing:.5px !important;
text-shadow:
0 0 5px rgba(0,255,120,.25) !important;
}
/* ==========================================================
MOBILE
========================================================== */
@media(max-width:767px){
.dw-vip-features{
padding-bottom:0 !important;
}
.dw-vip-panel-foot{
min-height:23px !important;
height:23px !important;
padding:3px 6px 4px !important;
gap:2px !important;
font-size:4.5px !important;
}
.dw-vip-panel-foot span,
.dw-vip-panel-foot span:last-child{
font-size:4.5px !important;
letter-spacing:.35px !important;
}
}
/* ==========================================================
ABSOLUTE FINAL BOTTOM FIT
========================================================== */
.dw-vip-panel{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
/* LAST ROW / LAST BOX — NO SPACE BELOW */
.dw-vip-features{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-feature:last-child{
margin-bottom:0 !important;
}
/* COPYRIGHT DIRECTLY AFTER BOXES */
.dw-vip-features + .dw-vip-panel-foot{
margin-top:0 !important;
padding-top:3px !important;
padding-bottom:4px !important;
}
/* TINY COPYRIGHT — PAGE END */
.dw-vip-panel-foot{
min-height:20px !important;
height:20px !important;
margin:0 !important;
padding:3px 6px 4px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
line-height:1 !important;
font-size:4.5px !important;
letter-spacing:.35px !important;
border-top:1px solid rgba(0,255,120,.10) !important;
}
.dw-vip-panel-foot span{
font-size:4.5px !important;
line-height:1 !important;
letter-spacing:.35px !important;
color:rgba(0,255,120,.40) !important;
}
.dw-vip-panel-foot span:last-child{
color:#00ff78 !important;
font-size:4.5px !important;
letter-spacing:.4px !important;
}
/* REMOVE SECTION BOTTOM SPACE */
.dw-vip-about{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-panel{
overflow:hidden !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-about{
padding-bottom:0 !important;
}
.dw-vip-features{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-panel-foot{
min-height:19px !important;
height:19px !important;
padding:3px 5px 3px !important;
gap:2px !important;
}
.dw-vip-panel-foot span,
.dw-vip-panel-foot span:last-child{
font-size:4px !important;
letter-spacing:.3px !important;
}
}
/* ==========================================================
COPYRIGHT — FINAL COMPACT VIP FIT
========================================================== */
.dw-vip-panel-foot{
box-sizing:border-box !important;
min-height:24px !important;
height:24px !important;
margin:0 10px 0 !important;
padding:4px 12px 6px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
border-top:1px solid rgba(0,255,120,.10) !important;
border-left:1px solid rgba(0,255,120,.05) !important;
border-right:1px solid rgba(0,255,120,.05) !important;
color:rgba(0,255,120,.38) !important;
font-size:4.5px !important;
line-height:1 !important;
letter-spacing:.3px !important;
}
.dw-vip-panel-foot span{
font-size:4.5px !important;
line-height:1 !important;
letter-spacing:.3px !important;
white-space:nowrap !important;
color:rgba(0,255,120,.38) !important;
}
.dw-vip-panel-foot span:last-child{
color:#00ff78 !important;
font-size:4.5px !important;
font-weight:800 !important;
letter-spacing:.35px !important;
text-shadow:0 0 5px rgba(0,255,120,.22) !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-panel-foot{
min-height:23px !important;
height:23px !important;
margin:0 8px 0 !important;
padding:4px 9px 6px !important;
gap:2px !important;
}
.dw-vip-panel-foot span,
.dw-vip-panel-foot span:last-child{
font-size:4px !important;
letter-spacing:.25px !important;
}
}
/* ==========================================================
COPYRIGHT — BOX KE JUST BELOW, TINY VIP STYLE
========================================================== */
.dw-vip-features{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-panel-foot{
box-sizing:border-box !important;
min-height:22px !important;
height:22px !important;
/* last box se sirf halka sa gap */
margin:4px 12px 0 !important;
padding:2px 8px 4px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
border-top:1px solid rgba(0,255,120,.08) !important;
background:rgba(0,255,120,.012) !important;
font-size:4px !important;
line-height:1 !important;
letter-spacing:.25px !important;
}
.dw-vip-panel-foot span{
font-size:4px !important;
line-height:1 !important;
letter-spacing:.25px !important;
white-space:nowrap !important;
color:rgba(0,255,120,.35) !important;
}
.dw-vip-panel-foot span:last-child{
color:rgba(0,255,120,.65) !important;
font-size:4px !important;
font-weight:800 !important;
letter-spacing:.3px !important;
}
/* SECTION KA EXTRA BOTTOM SPACE ZERO */
.dw-vip-about{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.dw-vip-panel{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
/* MOBILE */
@media(max-width:767px){
.dw-vip-panel-foot{
min-height:20px !important;
height:20px !important;
margin:3px 9px 0 !important;
padding:2px 6px 3px !important;
gap:2px !important;
}
.dw-vip-panel-foot span,
.dw-vip-panel-foot span:last-child{
font-size:3.7px !important;
letter-spacing:.2px !important;
}
}
/* ===== VIP MATRIX CODING RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
opacity:.22;
display:block;
}
body{
background:#050805 !important;
}
/* Keep website content above coding rain */
.header-section,
.navbar,
main,
section,
footer,
.container,
.vip-cyber-box,
.dw-products,
.vip-about-section,
.dw-vip-about{
position:relative;
z-index:2;
}
/* Keep menus and popups above everything */
.header-section,
.dropdown-menu,
.modal,
.offcanvas,
.toast,
.alert{
z-index:9999 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.16;
}
}
/* ===== VIP MATRIX CODING RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
opacity:.22;
}
body{
background:#050805 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.16;
}
}
/* ===== PREMIUM VIP MATRIX RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.34 !important;
mix-blend-mode:screen !important;
}
body{
background:#020603 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.25 !important;
}
}
/* ===== COLORFUL FLOATING VIP WORD RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
opacity:.75 !important;
display:block !important;
}
body{
background:#020603 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.55 !important;
}
}
/* ===== REFERENCE STYLE MATRIX RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.58 !important;
mix-blend-mode:screen !important;
}
body{
background:#020603 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.48 !important;
}
}
/* ===== HD CYBER TERMINAL RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.68 !important;
mix-blend-mode:screen !important;
}
body{
background:#010401 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.58 !important;
}
}
/* ===== VIP VERTICAL MATRIX RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.72 !important;
mix-blend-mode:screen !important;
}
body{
background:#010301 !important;
}
.header-section,
.navbar,
.header,
main,
section,
footer{
position:relative;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.60 !important;
}
}
/* ===== VIP HD STRAIGHT CODING RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.78 !important;
mix-blend-mode:screen !important;
}
body{
background:#010301 !important;
}
.header-section,
.navbar,
.header,
main,
section,
footer{
position:relative;
z-index:1;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.65 !important;
}
}
/* ===== VIP ULTRA DENSE CODING RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.82 !important;
mix-blend-mode:screen !important;
}
body{
background:#000 !important;
}
.header-section,
.navbar,
.header,
main,
section,
footer{
position:relative;
z-index:1;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.70 !important;
}
}
/* ===== FINAL VIP MATRIX / CODING RAIN ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
opacity:.70 !important;
mix-blend-mode:screen !important;
}
body{
background:#020302 !important;
}
.header-section,
.navbar,
.header,
main,
section,
footer{
position:relative;
z-index:1;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.58 !important;
}
}
/* ===== SAFE GLOBAL VIP CYBER BACKGROUND ===== */
#matrix-coding-rain{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100vw !important;
height:100vh !important;
display:block !important;
visibility:visible !important;
pointer-events:none !important;
z-index:0 !important;
opacity:.72 !important;
}
body{
background:#010301 !important;
}
@media(max-width:767px){
#matrix-coding-rain{
opacity:.58 !important;
}
}
/* ===== SAFE VIP CYBER BACKGROUND LAYER ===== */
html,
body {
background: #010301 !important;
}
body {
position: relative;
isolation: isolate;
}
#matrix-coding-rain {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
display: block !important;
visibility: visible !important;
pointer-events: none !important;
z-index: -1 !important;
opacity: .72 !important;
}
@media (max-width: 767px) {
#matrix-coding-rain {
opacity: .55 !important;
}
}
/* ===== VIP AUTH BOX — LOGIN + REGISTER ===== */
.account-section {
background: transparent !important;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.account-section .account-wrapper {
position: relative !important;
background: #010301 !important;
border: 1px solid rgba(0, 255, 120, 0.28) !important;
border-radius: 18px !important;
padding: 34px 32px !important;
box-shadow:
0 0 0 1px rgba(0, 255, 120, 0.04),
0 0 35px rgba(0, 255, 120, 0.08),
inset 0 0 30px rgba(0, 255, 120, 0.025) !important;
overflow: hidden !important;
}
.account-section .account-wrapper::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 24px !important;
right: 24px !important;
height: 1px !important;
background: linear-gradient(
90deg,
transparent,
rgba(0,255,120,.65),
transparent
) !important;
}
.account-section .account-wrapper::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 24px !important;
right: 24px !important;
height: 1px !important;
background: linear-gradient(
90deg,
transparent,
rgba(0,255,120,.35),
transparent
) !important;
}
@media (max-width: 767px) {
.account-section {
padding: 45px 14px !important;
}
.account-section .account-wrapper {
padding: 28px 20px !important;
border-radius: 16px !important;
}
}
/* Keep auth page outside area normal */
.account-section,
.account-section .container,
.account-section .row {
background-color: transparent !important;
}
/* =====================================================
VIP AUTH TERMINAL BOX — LOGIN + REGISTER
===================================================== */
.account-section {
background: transparent !important;
min-height: auto !important;
padding: 75px 15px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.account-section > .left {
position: relative !important;
width: min(100%, 620px) !important;
flex: 0 0 min(100%, 620px) !important;
background: #010301 !important;
border: 1px solid rgba(0, 255, 120, .32) !important;
border-radius: 18px !important;
padding: 38px !important;
box-shadow:
0 0 0 1px rgba(0, 255, 120, .035),
0 0 35px rgba(0, 255, 120, .08),
inset 0 0 35px rgba(0, 255, 120, .025) !important;
overflow: hidden !important;
}
/* Thin VIP top line */
.account-section > .left::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 28px !important;
right: 28px !important;
height: 1px !important;
background: linear-gradient(
90deg,
transparent,
rgba(0,255,120,.75),
transparent
) !important;
}
/* Thin VIP bottom line */
.account-section > .left::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 28px !important;
right: 28px !important;
height: 1px !important;
background: linear-gradient(
90deg,
transparent,
rgba(0,255,120,.40),
transparent
) !important;
}
/* Remove old full-page background from auth area */
.account-section.bg-img {
background-image: none !important;
background-color: transparent !important;
}
/* Keep inner content transparent */
.account-section .left-inne,
.account-section .right,
.account-section .right-inner {
background: transparent !important;
}
/* Login/Register form spacing */
.account-section .account-form {
position: relative !important;
z-index: 2 !important;
}
/* VIP inputs */
.account-section .form-control {
background: rgba(0, 10, 5, .82) !important;
border-color: rgba(0, 255, 120, .18) !important;
}
.account-section .form-control:focus {
border-color: rgba(0, 255, 120, .55) !important;
box-shadow: 0 0 12px rgba(0, 255, 120, .10) !important;
}
/* Mobile */
@media (max-width: 767px) {
.account-section {
padding: 45px 12px !important;
}
.account-section > .left {
width: 100% !important;
flex-basis: 100% !important;
padding: 27px 20px !important;
border-radius: 16px !important;
}
.account-section > .left::before,
.account-section > .left::after {
left: 20px !important;
right: 20px !important;
}
}
/* ===== GLOBAL DARK WEB VIP LOGO ===== */
.header-wrapper .vip-global-logo {
display: flex !important;
align-items: center !important;
margin-left: auto !important;
margin-right: 12px !important;
}
.header-wrapper .vip-global-logo a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
text-decoration: none !important;
font-family: monospace !important;
font-size: 16px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
line-height: 1 !important;
padding: 9px 13px !important;
border: 1px solid rgba(0,255,120,.30) !important;
border-radius: 8px !important;
background: rgba(0,8,3,.55) !important;
box-shadow: 0 0 14px rgba(0,255,120,.07) !important;
transition: .2s ease !important;
}
.header-wrapper .vip-global-logo a:hover {
border-color: rgba(0,255,120,.65) !important;
box-shadow: 0 0 18px rgba(0,255,120,.15) !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-global-logo {
margin-right: 8px !important;
}
.header-wrapper .vip-global-logo a {
font-size: 13px !important;
letter-spacing: 1.5px !important;
padding: 8px 10px !important;
}
}
/* ===== GLOBAL VIP TOP HEADER ===== */
.header-section {
position: relative !important;
border-top: 1px solid rgba(0, 255, 120, .28) !important;
box-shadow: 0 -1px 12px rgba(0, 255, 120, .04) !important;
}
.header-bottom {
position: relative !important;
}
.header-wrapper {
position: relative !important;
}
/* Three-line menu stays visible */
.header-wrapper .header-bar {
display: flex !important;
position: relative !important;
z-index: 50 !important;
visibility: visible !important;
opacity: 1 !important;
}
/* DARK WEB directly beside three lines */
.header-wrapper .vip-top-logo {
display: flex !important;
align-items: center !important;
position: relative !important;
z-index: 51 !important;
margin-right: 10px !important;
order: 98 !important;
}
.header-wrapper .vip-top-logo a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
background: rgba(0, 8, 3, .78) !important;
border: 1px solid rgba(0, 255, 120, .32) !important;
border-radius: 7px !important;
padding: 7px 11px !important;
font-family: monospace !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 1.8px !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: 0 0 14px rgba(0,255,120,.07) !important;
}
.header-wrapper .vip-top-logo a:hover {
border-color: rgba(0,255,120,.65) !important;
box-shadow: 0 0 18px rgba(0,255,120,.13) !important;
}
/* Keep logo + hamburger together on the right */
.header-wrapper > .d-flex.flex-nowrap.align-items-center {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
/* Auth header has same top treatment */
.header-section .header-bottom {
border-top: 1px solid rgba(0,255,120,.10) !important;
}
@media (max-width: 767px) {
.header-section {
border-top-color: rgba(0,255,120,.35) !important;
}
.header-wrapper .vip-top-logo {
margin-right: 7px !important;
}
.header-wrapper .vip-top-logo a {
font-size: 11px !important;
letter-spacing: 1.2px !important;
padding: 7px 9px !important;
border-radius: 6px !important;
}
.header-wrapper .header-bar {
min-width: 30px !important;
}
}
/* ===== SAME LOGIN/REGISTER DARK WEB LOGO — LEFT TOP ===== */
.header-wrapper .vip-top-logo {
order: -1 !important;
margin: 0 !important;
margin-right: 25px !important;
display: flex !important;
align-items: center !important;
}
.header-wrapper .vip-top-logo a {
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #00ff78 !important;
font-family: monospace !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.header-wrapper .vip-top-logo a:hover {
color: #00ff78 !important;
border: 0 !important;
box-shadow: none !important;
}
/* Keep header logo on LEFT */
.header-wrapper {
justify-content: flex-start !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo {
margin-right: 18px !important;
}
.header-wrapper .vip-top-logo a {
font-size: 16px !important;
letter-spacing: 1.7px !important;
}
}
/* ===== TOP LEFT: MENU + DARK WEB ===== */
.header-wrapper {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
.header-wrapper .vip-top-logo {
position: absolute !important;
left: 45px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 0 !important;
z-index: 100 !important;
}
.header-wrapper .vip-top-logo a {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #00ff78 !important;
font-family: monospace !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* Three lines always visible at top-left */
.header-wrapper .header-bar {
position: relative !important;
z-index: 101 !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
margin-left: 0 !important;
}
/* Remove previous logo box styling */
.header-wrapper .vip-top-logo a:hover {
border: none !important;
background: transparent !important;
box-shadow: none !important;
color: #00ff78 !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo {
left: 38px !important;
}
.header-wrapper .vip-top-logo a {
font-size: 16px !important;
letter-spacing: 1.7px !important;
}
}
/* ===== FINAL GLOBAL HEADER: LOGO LEFT / MENU RIGHT ===== */
.header-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
}
/* DARK WEB — TOP LEFT */
.header-wrapper .vip-top-logo {
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 0 !important;
z-index: 100 !important;
}
.header-wrapper .vip-top-logo a {
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #00ff78 !important;
font-family: monospace !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* THREE LINES — TOP RIGHT */
.header-wrapper .header-bar {
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 101 !important;
margin: 0 !important;
}
/* No logo box */
.header-wrapper .vip-top-logo a:hover {
border: none !important;
background: transparent !important;
box-shadow: none !important;
color: #00ff78 !important;
}
/* Mobile */
@media (max-width: 767px) {
.header-wrapper .vip-top-logo {
left: 0 !important;
}
.header-wrapper .vip-top-logo a {
font-size: 16px !important;
letter-spacing: 1.7px !important;
}
.header-wrapper .header-bar {
right: 0 !important;
}
}
/* ===== 2D CARD ICON — BESIDE MENU ===== */
.header-wrapper .vip-card-link {
position: absolute !important;
right: 42px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 102 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
font-size: 17px !important;
line-height: 1 !important;
text-decoration: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.header-wrapper .vip-card-link:hover {
color: #00ff78 !important;
transform: translateY(-50%) scale(1.08) !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-card-link {
right: 37px !important;
font-size: 15px !important;
}
}
/* ===== CARD ICON NEXT TO MENU ===== */
.header-wrapper .vip-card-link {
position: absolute !important;
right: 42px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 105 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
font-size: 18px !important;
text-decoration: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.header-wrapper .vip-card-link:hover {
color: #00ff78 !important;
transform: translateY(-50%) scale(1.1) !important;
}
/* ===== MOVE HOME TERMINAL UP ===== */
.vip-cyber-box {
margin-top: -28px !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-card-link {
right: 37px !important;
font-size: 16px !important;
}
.vip-cyber-box {
margin-top: -20px !important;
}
}
/* ===== MATCHED CARD + MENU VIP BUTTONS ===== */
.header-wrapper .vip-card-link,
.header-wrapper .header-bar {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid rgba(0,255,120,.30) !important;
border-radius: 8px !important;
background: rgba(0,8,3,.55) !important;
box-shadow: 0 0 14px rgba(0,255,120,.06) !important;
box-sizing: border-box !important;
}
/* Card icon */
.header-wrapper .vip-card-link {
right: 50px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #00ff78 !important;
font-size: 21px !important;
line-height: 1 !important;
}
/* Three lines */
.header-wrapper .header-bar {
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
padding: 10px !important;
margin: 0 !important;
gap: 4px !important;
}
.header-wrapper .header-bar span {
display: block !important;
width: 20px !important;
height: 2px !important;
margin: 0 !important;
}
/* Same hover effect */
.header-wrapper .vip-card-link:hover,
.header-wrapper .header-bar:hover {
border-color: rgba(0,255,120,.60) !important;
box-shadow: 0 0 18px rgba(0,255,120,.12) !important;
}
.header-wrapper .vip-card-link:hover {
transform: translateY(-50%) !important;
}
/* Mobile */
@media (max-width: 767px) {
.header-wrapper .vip-card-link,
.header-wrapper .header-bar {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
border-radius: 7px !important;
}
.header-wrapper .vip-card-link {
right: 44px !important;
font-size: 19px !important;
}
.header-wrapper .header-bar {
right: 0 !important;
padding: 9px !important;
}
.header-wrapper .header-bar span {
width: 18px !important;
}
}
/* ===== COMPACT MATCHED CARD + MENU ===== */
.header-wrapper .vip-card-link,
.header-wrapper .header-bar {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
border: 1px solid rgba(0,255,120,.28) !important;
border-radius: 7px !important;
background: rgba(0,8,3,.55) !important;
box-shadow: 0 0 10px rgba(0,255,120,.05) !important;
box-sizing: border-box !important;
}
/* Card */
.header-wrapper .vip-card-link {
right: 40px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 17px !important;
padding: 0 !important;
margin: 0 !important;
}
/* Three lines — compact */
.header-wrapper .header-bar {
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
padding: 7px !important;
margin: 0 !important;
gap: 3px !important;
}
.header-wrapper .header-bar span {
width: 17px !important;
height: 2px !important;
margin: 0 !important;
}
/* ===== MOVE HOME TERMINAL UP ===== */
.vip-cyber-box {
margin-top: -45px !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-card-link,
.header-wrapper .header-bar {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
border-radius: 6px !important;
}
.header-wrapper .vip-card-link {
right: 38px !important;
font-size: 16px !important;
}
.header-wrapper .header-bar {
padding: 6px !important;
}
.header-wrapper .header-bar span {
width: 16px !important;
}
.vip-cyber-box {
margin-top: -32px !important;
}
}
/* ===== LOGIN BUTTON — SAME COMPACT STYLE ===== */
.header-wrapper .vip-login-link {
position: absolute !important;
right: 80px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 106 !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
font-size: 16px !important;
line-height: 1 !important;
border: 1px solid rgba(0,255,120,.28) !important;
border-radius: 7px !important;
background: rgba(0,8,3,.55) !important;
box-shadow: 0 0 10px rgba(0,255,120,.05) !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.header-wrapper .vip-login-link:hover {
color: #00ff78 !important;
border-color: rgba(0,255,120,.60) !important;
box-shadow: 0 0 16px rgba(0,255,120,.12) !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-login-link {
right: 72px !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
font-size: 15px !important;
border-radius: 6px !important;
}
}
/* ===== ENLARGE DARK WEB TOP LOGO ===== */
.header-wrapper .vip-top-logo a {
font-size: 22px !important;
letter-spacing: 2.3px !important;
font-weight: 800 !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 19px !important;
letter-spacing: 2px !important;
}
}
/* ===== PROFESSIONAL DARKWEB LOGO ===== */
.header-wrapper .vip-top-logo a {
font-family: "Courier New", monospace !important;
font-size: 22px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
word-spacing: 0 !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 19px !important;
letter-spacing: 0 !important;
word-spacing: 0 !important;
}
}
/* ===== FINAL DARKWEB PROFESSIONAL LOGO ===== */
.header-wrapper .vip-top-logo a {
font-family: "Courier New", monospace !important;
font-size: 22px !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
word-spacing: 0 !important;
white-space: nowrap !important;
text-transform: uppercase !important;
line-height: 1 !important;
text-shadow: 0 0 8px rgba(0,255,120,.18) !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 19px !important;
letter-spacing: -0.4px !important;
}
}
/* ===== DARK WEB LOGO — ORIGINAL LOOK, NO EXTRA GAP ===== */
.header-wrapper .vip-top-logo a {
font-family: monospace !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
word-spacing: -4px !important;
text-transform: uppercase !important;
line-height: 1 !important;
text-shadow: none !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 16px !important;
letter-spacing: 1.7px !important;
word-spacing: -4px !important;
}
}
/* ===== DARKWEB LOGO ===== */
.header-wrapper .vip-top-logo a {
font-family: monospace !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
word-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 19px !important;
letter-spacing: 1.8px !important;
}
}
/* ===== DARKWEB — SINGLE WORD / TOP LEFT ===== */
.header-wrapper .vip-top-logo {
left: 0 !important;
right: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.header-wrapper .vip-top-logo a {
font-family: monospace !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
word-spacing: 0 !important;
white-space: nowrap !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 19px !important;
letter-spacing: 1.3px !important;
}
}
/* ===== DARKWEB — SAME AUTH LOGO STYLE ===== */
.header-wrapper .vip-top-logo a {
font-family: inherit !important;
font-size: 25px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
word-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
line-height: 1 !important;
color: #00ff78 !important;
text-shadow: 0 0 8px rgba(0,255,120,.20) !important;
}
@media (max-width: 767px) {
.header-wrapper .vip-top-logo a {
font-size: 21px !important;
letter-spacing: 1.3px !important;
}
}
/* ===== GLOBAL AUTH VIP TOP BAR ===== */
.dw-global-authbar {
position: fixed !important;
top: 14px !important;
left: 18px !important;
right: 18px !important;
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
z-index: 99990 !important;
pointer-events: none !important;
}
.dw-global-auth-logo {
pointer-events: auto !important;
}
.dw-global-auth-logo a {
color: #00ff78 !important;
text-decoration: none !important;
font-family: monospace !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
text-shadow: 0 0 12px rgba(0,255,120,.28) !important;
}
.dw-global-auth-controls {
display: flex !important;
align-items: center !important;
gap: 8px !important;
pointer-events: auto !important;
}
.dw-global-auth-btn {
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
background: rgba(1,3,1,.94) !important;
border: 1px solid rgba(0,255,120,.38) !important;
border-radius: 7px !important;
text-decoration: none !important;
box-shadow:
0 0 12px rgba(0,255,120,.06),
inset 0 0 10px rgba(0,255,120,.025) !important;
transition: .2s ease !important;
}
.dw-global-auth-btn:hover {
color: #fff !important;
border-color: rgba(0,255,120,.75) !important;
box-shadow: 0 0 16px rgba(0,255,120,.18) !important;
transform: translateY(-1px) !important;
}
.dw-global-auth-btn i {
font-size: 15px !important;
}
.dw-global-menu-btn {
flex-direction: column !important;
gap: 4px !important;
}
.dw-global-menu-btn span {
display: block !important;
width: 15px !important;
height: 1.5px !important;
background: #00ff78 !important;
border-radius: 2px !important;
}
/* Keep auth content below the top bar */
@media (min-width: 768px) {
.account-section {
padding-top: 90px !important;
}
}
@media (max-width: 767px) {
.dw-global-authbar {
top: 10px !important;
left: 10px !important;
right: 10px !important;
}
.dw-global-auth-logo a {
font-size: 19px !important;
letter-spacing: 1.3px !important;
}
.dw-global-auth-controls {
gap: 5px !important;
}
.dw-global-auth-btn {
width: 33px !important;
height: 33px !important;
}
.dw-global-auth-btn i {
font-size: 14px !important;
}
.account-section {
padding-top: 75px !important;
}
}
/* ===== FULL WIDTH VIP TOP STRIP ===== */
.dw-global-authbar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 58px !important;
padding: 0 24px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
background:
linear-gradient(
180deg,
rgba(1,5,3,.98) 0%,
rgba(1,3,1,.96) 100%
) !important;
border: 0 !important;
border-bottom: 1px solid rgba(0,255,120,.28) !important;
box-shadow:
0 4px 22px rgba(0,0,0,.45),
0 1px 14px rgba(0,255,120,.05) !important;
border-radius: 0 !important;
z-index: 99990 !important;
pointer-events: none !important;
}
/* subtle green line at very top */
.dw-global-authbar::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
background: rgba(0,255,120,.35) !important;
pointer-events: none !important;
}
.dw-global-auth-logo {
pointer-events: auto !important;
}
.dw-global-auth-logo a {
color: #00ff78 !important;
text-decoration: none !important;
font-family: monospace !important;
font-size: 21px !important;
font-weight: 800 !important;
letter-spacing: 1.8px !important;
text-shadow: 0 0 12px rgba(0,255,120,.22) !important;
}
.dw-global-auth-controls {
display: flex !important;
align-items: center !important;
gap: 7px !important;
pointer-events: auto !important;
}
.dw-global-auth-btn {
width: 36px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #00ff78 !important;
background: rgba(0,8,4,.82) !important;
border: 1px solid rgba(0,255,120,.25) !important;
border-radius: 6px !important;
text-decoration: none !important;
box-shadow:
inset 0 0 10px rgba(0,255,120,.025),
0 0 8px rgba(0,255,120,.03) !important;
transition: .2s ease !important;
}
.dw-global-auth-btn:hover {
color: #fff !important;
border-color: rgba(0,255,120,.65) !important;
background: rgba(0,20,10,.95) !important;
box-shadow: 0 0 14px rgba(0,255,120,.12) !important;
}
.dw-global-auth-btn i {
font-size: 14px !important;
}
/* hamburger */
.dw-global-menu-btn {
flex-direction: column !important;
gap: 4px !important;
}
.dw-global-menu-btn span {
display: block !important;
width: 15px !important;
height: 1.5px !important;
background: #00ff78 !important;
border-radius: 2px !important;
}
/* content starts below strip */
body:has(.dw-global-authbar) {
padding-top: 58px !important;
}
@media (max-width: 767px) {
.dw-global-authbar {
height: 52px !important;
padding: 0 12px !important;
}
.dw-global-auth-logo a {
font-size: 18px !important;
letter-spacing: 1.4px !important;
}
.dw-global-auth-controls {
gap: 5px !important;
}
.dw-global-auth-btn {
width: 32px !important;
height: 31px !important;
}
body:has(.dw-global-authbar) {
padding-top: 52px !important;
}
}
/* ===== LOGIN / REGISTER MENU PANEL ===== */
.dw-login-menu-panel {
position: fixed !important;
top: 58px !important;
right: 18px !important;
width: 290px !important;
max-width: calc(100vw - 24px) !important;
padding: 10px !important;
background: rgba(1,4,2,.98) !important;
border: 1px solid rgba(0,255,120,.32) !important;
border-radius: 10px !important;
box-shadow:
0 18px 45px rgba(0,0,0,.65),
0 0 25px rgba(0,255,120,.08),
inset 0 0 25px rgba(0,255,120,.025) !important;
z-index: 999999 !important;
display: none;
}
.dw-login-menu-panel.dw-menu-open {
display: block !important;
}
.dw-login-menu-head {
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 8px 7px !important;
margin-bottom: 5px !important;
color: #00ff78 !important;
font-family: monospace !important;
font-size: 12px !important;
letter-spacing: 1.2px !important;
border-bottom: 1px solid rgba(0,255,120,.15) !important;
}
.dw-login-menu-head button {
width: 27px !important;
height: 27px !important;
padding: 0 !important;
border: 1px solid rgba(0,255,120,.25) !important;
border-radius: 5px !important;
background: rgba(0,10,5,.9) !important;
color: #00ff78 !important;
font-size: 20px !important;
line-height: 20px !important;
cursor: pointer !important;
}
.dw-login-menu-panel > a {
display: block !important;
padding: 11px 12px !important;
margin: 3px 0 !important;
color: #b9ffd6 !important;
background: rgba(0,255,120,.025) !important;
border: 1px solid transparent !important;
border-radius: 6px !important;
text-decoration: none !important;
font-family: monospace !important;
font-size: 12px !important;
letter-spacing: .8px !important;
transition: .18s ease !important;
}
.dw-login-menu-panel > a:hover {
color: #fff !important;
background: rgba(0,255,120,.08) !important;
border-color: rgba(0,255,120,.22) !important;
padding-left: 16px !important;
}
.dw-login-menu-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 999998 !important;
background: rgba(0,0,0,.18) !important;
display: none;
}
.dw-login-menu-overlay.dw-menu-open {
display: block !important;
}
@media (max-width: 767px) {
.dw-login-menu-panel {
top: 57px !important;
right: 10px !important;
left: 10px !important;
width: auto !important;
max-width: none !important;
}
}
/* ===== AUTH MENU: STABLE ACTIVE / HOVER COLORS ===== */
.header-wrapper .menu li > a,
.header-wrapper .menu li > a:visited,
.header-wrapper .menu li > a:hover,
.header-wrapper .menu li > a:focus,
.header-wrapper .menu li > a:active {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Active main menu item */
.header-wrapper .menu li.active > a,
.header-wrapper .menu li.current-menu-item > a,
.header-wrapper .menu li.show > a,
.header-wrapper .menu li.open > a {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
border-color: rgba(0,255,102,.45) !important;
}
/* Deposit / Support / More dropdown toggles */
.header-wrapper .menu li.dropdown > a,
.header-wrapper .menu li.has-submenu > a,
.header-wrapper .menu li > a.dropdown-toggle {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Dropdown button when opened */
.header-wrapper .menu li.dropdown.show > a,
.header-wrapper .menu li.has-submenu.open > a,
.header-wrapper .menu li.dropdown > a[aria-expanded="true"],
.header-wrapper .menu li > a.dropdown-toggle[aria-expanded="true"] {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Dropdown lists */
.header-wrapper .menu .dropdown-menu,
.header-wrapper .menu .sub-menu {
background: #010805 !important;
border-color: rgba(0,255,102,.28) !important;
}
/* Dropdown items */
.header-wrapper .menu .dropdown-menu a,
.header-wrapper .menu .sub-menu a {
color: #9affb8 !important;
background: #010805 !important;
-webkit-text-fill-color: #9affb8 !important;
}
/* Dropdown hover/active */
.header-wrapper .menu .dropdown-menu a:hover,
.header-wrapper .menu .dropdown-menu a:focus,
.header-wrapper .menu .dropdown-menu a:active,
.header-wrapper .menu .dropdown-menu li.active > a,
.header-wrapper .menu .sub-menu a:hover,
.header-wrapper .menu .sub-menu a:focus,
.header-wrapper .menu .sub-menu a:active,
.header-wrapper .menu .sub-menu li.active > a {
color: #00ff66 !important;
background: #032b16 !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Prevent Bootstrap/old theme green active backgrounds from hiding text */
.header-wrapper .menu li.active > a *,
.header-wrapper .menu li.show > a *,
.header-wrapper .menu li.dropdown > a * {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Dropdown arrows/icons stay visible */
.header-wrapper .menu li > a i,
.header-wrapper .menu li > a span,
.header-wrapper .menu li > a::after {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* ===== FIX AUTH VIP MENU DROPDOWN ACTIVE COLORS ===== */
/* All main auth menu buttons */
.auth-vip-menu > li > a,
.auth-vip-menu > li > a:hover,
.auth-vip-menu > li > a:focus,
.auth-vip-menu > li > a:active,
.auth-vip-menu > li > a:visited {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Deposit / Support / More when their dropdown is open */
.auth-vip-menu > li:hover > a,
.auth-vip-menu > li:focus-within > a,
.auth-vip-menu > li.active > a,
.auth-vip-menu > li.show > a {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Stop the bright green background from the old theme */
.auth-vip-menu > li > a:hover,
.auth-vip-menu > li > a:focus,
.auth-vip-menu > li > a:active,
.auth-vip-menu > li.active > a,
.auth-vip-menu > li.show > a {
background-color: #011a0d !important;
}
/* Dropdown submenu itself */
.auth-vip-menu > li > .submenu {
background: #010805 !important;
}
/* Deposit Money / Deposit History / Support items / More items */
.auth-vip-menu .submenu li > a,
.auth-vip-menu .submenu li > a:visited,
.auth-vip-menu .submenu li > a:hover,
.auth-vip-menu .submenu li > a:focus,
.auth-vip-menu .submenu li > a:active {
color: #9affb8 !important;
background: #010805 !important;
-webkit-text-fill-color: #9affb8 !important;
}
/* Submenu active item */
.auth-vip-menu .submenu li.active > a,
.auth-vip-menu .submenu li > a:hover,
.auth-vip-menu .submenu li > a:focus {
color: #00ff66 !important;
background: #032b16 !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Keep dropdown arrow visible */
.auth-vip-menu > li > a::after {
color: #00ff66 !important;
border-color: #00ff66 transparent transparent transparent !important;
}
/* If arrow is an icon */
.auth-vip-menu > li > a i,
.auth-vip-menu > li > a span {
color: #00ff66 !important;
-webkit-text-fill-color: #00ff66 !important;
}
/* Mobile menu: prevent active link from becoming bright green */
@media (max-width: 767px) {
.auth-vip-menu > li > a,
.auth-vip-menu > li > a:hover,
.auth-vip-menu > li > a:focus,
.auth-vip-menu > li > a:active,
.auth-vip-menu > li.active > a,
.auth-vip-menu > li.show > a,
.auth-vip-menu > li:focus-within > a {
color: #00ff66 !important;
background: #011a0d !important;
-webkit-text-fill-color: #00ff66 !important;
}
.auth-vip-menu .submenu li > a {
color: #9affb8 !important;
background: #010805 !important;
-webkit-text-fill-color: #9affb8 !important;
}
.auth-vip-menu .submenu li > a:hover,
.auth-vip-menu .submenu li > a:focus,
.auth-vip-menu .submenu li.active > a {
color: #00ff66 !important;
background: #032b16 !important;
-webkit-text-fill-color: #00ff66 !important;
}
}
/* ===== FINAL FIX: AUTH DROPDOWN OPEN STATE ===== */
/* Deposit / Support / More - OPEN state */
html body ul.auth-vip-menu > li.open > a[href="#0"],
html body ul.auth-vip-menu > li.open > a[href="#0"]:hover,
html body ul.auth-vip-menu > li.open > a[href="#0"]:focus,
html body ul.auth-vip-menu > li.open > a[href="#0"]:active {
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
background: #011a0d !important;
background-color: #011a0d !important;
border-color: rgba(0,255,65,.35) !important;
text-shadow: 0 0 6px rgba(0,255,65,.25) !important;
}
/* Hover state - same dark background */
html body ul.auth-vip-menu > li > a[href="#0"]:hover,
html body ul.auth-vip-menu > li > a[href="#0"]:focus {
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
background: #011a0d !important;
background-color: #011a0d !important;
border-color: rgba(0,255,65,.35) !important;
}
/* Mobile open state */
@media (max-width: 991.98px) {
html body ul.auth-vip-menu > li.open > a[href="#0"],
html body ul.auth-vip-menu > li.open > a[href="#0"]:hover,
html body ul.auth-vip-menu > li.open > a[href="#0"]:focus,
html body ul.auth-vip-menu > li.open > a[href="#0"]:active {
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
background: #011a0d !important;
background-color: #011a0d !important;
border-color: rgba(0,255,65,.35) !important;
}
}
/* Keep dropdown arrow green */
html body ul.auth-vip-menu > li.open > a[href="#0"]::after {
color: #00ff41 !important;
border-color: #00ff41 transparent transparent transparent !important;
}
/* ===== CARDS HEADING: SHOW CODING RAIN BEHIND ===== */
.cards-section .section-title,
.cards-section .section-title *,
.cards-section .title,
.cards-section .title *,
.card-section .section-title,
.card-section .section-title * {
background: transparent !important;
background-color: transparent !important;
}
.cards-section .section-title,
.cards-section .title,
.card-section .section-title {
font-weight: 700 !important;
box-shadow: none !important;
border: none !important;
}
/* ===== CARDS PAGE TITLE: FULL TRANSPARENT ===== */
.breadcrumb,
.breadcrumb-wrapper,
.page-header,
.page-title,
.inner-banner,
.inner-banner-section,
.breadcrumb-section {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: none !important;
}
/* Keep Cards title visible, remove its background layer */
.breadcrumb .container,
.breadcrumb-wrapper .container,
.page-header .container,
.page-title .container,
.inner-banner .container,
.inner-banner-section .container {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* Cards heading itself */
.breadcrumb h1,
.breadcrumb h2,
.page-header h1,
.page-header h2,
.page-title h1,
.page-title h2 {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* Remove pseudo-element overlays */
.breadcrumb::before,
.breadcrumb::after,
.breadcrumb-wrapper::before,
.breadcrumb-wrapper::after,
.page-header::before,
.page-header::after,
.page-title::before,
.page-title::after,
.inner-banner::before,
.inner-banner::after {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
opacity: 0 !important;
}
/* ===== CARDS TITLE AREA - REMOVE ALL BACKGROUND ===== */
body:has(.card-page) .breadcrumb,
body:has(.card-page) .breadcrumb-wrapper,
body:has(.card-page) .page-header,
body:has(.card-page) .inner-banner,
body:has(.card-page) .inner-banner-section,
body:has(.card-page) .section-header,
body:has(.card-page) .title-area,
body:has(.card-page) .section-title-area {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: none !important;
}
/* Remove overlay layers */
body:has(.card-page) .breadcrumb::before,
body:has(.card-page) .breadcrumb::after,
body:has(.card-page) .breadcrumb-wrapper::before,
body:has(.card-page) .breadcrumb-wrapper::after,
body:has(.card-page) .page-header::before,
body:has(.card-page) .page-header::after,
body:has(.card-page) .inner-banner::before,
body:has(.card-page) .inner-banner::after {
display: none !important;
background: transparent !important;
}
/* Cards heading itself */
body:has(.card-page) h1,
body:has(.card-page) h2 {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* ===== FALLBACK: ANY TITLE/BREADCRUMB BLOCK ABOVE CARDS ===== */
body:has(.card-page) .container > .row:first-child,
body:has(.card-page) .container > .row:first-child > div {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* ===== CARDS PAGE: REMOVE TITLE + ALL TOP SPACE ===== */
body:has(.cards-page) .breadcrumb,
body:has(.cards-page) .breadcrumb-wrapper,
body:has(.cards-page) .page-header,
body:has(.cards-page) .inner-banner,
body:has(.cards-page) .inner-banner-section,
body:has(.cards-page) .page-title,
body:has(.cards-page) .title-area,
body:has(.cards-page) .section-title-area {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
/* Remove top gap before actual cards */
body:has(.cards-page) main,
body:has(.cards-page) .card-section,
body:has(.cards-page) .cards-section,
body:has(.cards-page) .card-list-section,
body:has(.cards-page) .dashboard-section {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Remove first-row/container top spacing */
body:has(.cards-page) .container,
body:has(.cards-page) .row {
margin-top: 0 !important;
}
/* Keep coding rain visible */
body:has(.cards-page) #matrix-coding-rain {
display: block !important;
visibility: visible !important;
}
/* ===== CARDS STORE: REMOVE TITLE/BANNER + TOP GAP ===== */
.latest-card-section {
margin-top: 0 !important;
padding-top: 0 !important;
}
.latest-card-section.pt-80 {
padding-top: 0 !important;
}
.latest-card-section .vip-store-header {
display: none !important;
}
/* Remove any background from the Cards area */
.latest-card-section,
.latest-card-section .container,
.latest-card-section .row {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* Cards start immediately */
.latest-card-section .container {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ===== CARDS TITLE: TEXT STAYS, BACKGROUND COMPLETELY TRANSPARENT ===== */
.latest-card-section {
background: transparent !important;
background-color: transparent !important;
}
.latest-card-section::before,
.latest-card-section::after {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
opacity: 0 !important;
}
.latest-card-section .vip-store-header {
display: block !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: 0 !important;
}
.latest-card-section .vip-store-header::before,
.latest-card-section .vip-store-header::after {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
opacity: 0 !important;
box-shadow: none !important;
}
.latest-card-section .vip-store-header > div,
.latest-card-section .vip-store-header h4,
.latest-card-section .vip-store-header span,
.latest-card-section .vip-store-header small {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* ===== CARDS WORD - FORCE FULL TRANSPARENT BACKGROUND ===== */
.latest-card-section .vip-store-header,
.latest-card-section .vip-store-header *,
.latest-card-section .vip-store-header::before,
.latest-card-section .vip-store-header::after,
.latest-card-section .vip-store-header *::before,
.latest-card-section .vip-store-header *::after {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* Keep the CARDS text visible */
.latest-card-section .vip-store-header h4 {
display: block !important;
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
opacity: 1 !important;
}
/* Remove borders around the title */
.latest-card-section .vip-store-header {
border: none !important;
outline: none !important;
}
/* Make sure no overlay covers the coding rain */
.latest-card-section .vip-store-header::before,
.latest-card-section .vip-store-header::after {
content: none !important;
display: none !important;
}
/* ===== FINAL CARDS HEADER BACKGROUND REMOVAL ===== */
.latest-card-section,
.latest-card-section > *,
.latest-card-section .container,
.latest-card-section .container > *,
.latest-card-section .vip-store-header,
.latest-card-section .vip-store-header > * {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
/* Keep CARDS title visible */
.latest-card-section .vip-store-header h4 {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
}
/* Remove overlays */
.latest-card-section::before,
.latest-card-section::after,
.latest-card-section .container::before,
.latest-card-section .container::after,
.latest-card-section .vip-store-header::before,
.latest-card-section .vip-store-header::after {
display: none !important;
content: none !important;
}
/* No blank space above cards */
.latest-card-section {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== CARDS PAGE - FINAL LIVE RAIN VISIBILITY ===== */
/* Make the entire Cards section transparent */
body:has(.latest-card-section) .latest-card-section,
body:has(.latest-card-section) .latest-card-section *,
body:has(.latest-card-section) .latest-card-section *::before,
body:has(.latest-card-section) .latest-card-section *::after {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* Keep title/text visible */
body:has(.latest-card-section) .vip-store-header h4,
body:has(.latest-card-section) .vip-store-header span,
body:has(.latest-card-section) .vip-store-header small {
color: #00ff41 !important;
-webkit-text-fill-color: #00ff41 !important;
opacity: 1 !important;
}
/* Remove any section overlay */
body:has(.latest-card-section) .latest-card-section::before,
body:has(.latest-card-section) .latest-card-section::after {
display: none !important;
content: none !important;
}
/* Coding rain must remain visible */
body:has(.latest-card-section) #matrix-coding-rain {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
display: block !important;
visibility: visible !important;
opacity: .72 !important;
z-index: 0 !important;
pointer-events: none !important;
}
/* Cards content stays above the rain */
body:has(.latest-card-section) .latest-card-section {
position: relative !important;
z-index: 1 !important;
}
/* Remove top blank space */
body:has(.latest-card-section) .latest-card-section {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Transparent title wrapper */
body:has(.latest-card-section) .vip-store-header {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
}