:root{
    --cc-green:#00ff66;
    --cc-green-soft:#8affb1;
    --cc-bg:#030504;
    --cc-panel:#080c09;
    --cc-panel2:#0b100d;
    --cc-text:#edfff3;
    --cc-muted:#718779;
    --cc-line:rgba(0,255,102,.16);
}

body{
    background:#030504!important;
    color:var(--cc-text);
}

.cc-announcement{
    width:100%;
    padding:8px 15px;
    text-align:center;
    background:#070b08;
    border-top:1px solid var(--cc-line);
    border-bottom:1px solid var(--cc-line);
    color:#799784;
    font:9px monospace;
    letter-spacing:1.5px;
}

.cc-announcement span{
    color:var(--cc-green);
}

.cc-announcement b{
    color:#b8ffca;
    margin-left:8px;
}

.cc-terminal-wrap{
    width:min(1160px,calc(100% - 30px));
    margin:18px auto 0;
    position:relative;
    z-index:5;
}

.cc-terminal{
    background:#050806;
    border:1px solid var(--cc-line);
    box-shadow:0 0 35px rgba(0,255,102,.06);
}

.cc-terminal-bar{
    height:40px;
    display:flex;
    align-items:center;
    padding:0 14px;
    border-bottom:1px solid var(--cc-line);
    font:10px monospace;
}

.cc-terminal-dots{
    display:flex;
    gap:6px;
}

.cc-terminal-dots i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#26382c;
}

.cc-terminal-dots i:first-child{
    background:var(--cc-green);
    box-shadow:0 0 8px var(--cc-green);
}

.cc-terminal-bar>span{
    margin-left:10px;
    color:#668071;
}

.cc-terminal-bar>b{
    margin-left:auto;
    color:var(--cc-green);
    font-size:9px;
}

.cc-terminal-content{
    padding:17px 21px 20px;
    color:#71917d;
    font:11px/1.8 monospace;
}

.cc-terminal-content strong{
    color:var(--cc-green);
}

.cc-terminal-line{
    height:1px;
    margin:9px 0;
    background:linear-gradient(90deg,transparent,var(--cc-line),transparent);
}

.cc-terminal-content h2{
    margin:0;
    color:#fff;
    font-size:21px;
    letter-spacing:4px;
}

.cc-terminal-content p{
    margin:2px 0 0;
    color:#526b5c;
    font-size:9px;
    letter-spacing:1px;
}

.cc-cursor{
    color:var(--cc-green);
    animation:ccblink .8s infinite;
}

@keyframes ccblink{
    50%{opacity:0}
}

.cc-hero{
    position:relative;
    overflow:hidden;
    padding:72px 18px 70px;
    background:
        radial-gradient(circle at 75% 45%,rgba(0,255,102,.09),transparent 30%),
        #030504;
}

.cc-hero-inner{
    width:min(1160px,100%);
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:48px;
    align-items:center;
    position:relative;
    z-index:2;
}

.cc-label{
    display:inline-block;
    padding:7px 11px;
    border:1px solid var(--cc-line);
    background:rgba(0,255,102,.025);
    color:#9bffb8;
    font:9px monospace;
    letter-spacing:1.5px;
}

.cc-label span{
    color:var(--cc-green);
}

.cc-hero h1{
    margin:20px 0 17px;
    color:#f0fff5;
    font-size:clamp(40px,5vw,66px);
    line-height:.98;
    font-weight:900;
    letter-spacing:-2px;
}

.cc-hero h1 strong,
.cc-heading strong,
.cc-cta strong{
    color:var(--cc-green);
}

.cc-hero p{
    max-width:590px;
    color:var(--cc-muted);
    line-height:1.8;
    font-size:14px;
}

.cc-buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:25px;
}

.cc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 20px;
    background:var(--cc-green);
    color:#000!important;
    border:1px solid var(--cc-green);
    text-decoration:none!important;
    font:800 10px monospace;
    letter-spacing:1px;
    transition:.2s;
}

.cc-btn:hover{
    transform:translateY(-2px);
    background:#8affb1;
    color:#000!important;
}

.cc-btn.ghost{
    background:transparent;
    color:#a8ffc2!important;
    border-color:var(--cc-line);
}

.cc-btn.ghost:hover{
    background:var(--cc-green);
    color:#000!important;
}

.cc-stats{
    display:flex;
    gap:30px;
    margin-top:33px;
}

.cc-stats div{
    display:flex;
    flex-direction:column;
}

.cc-stats b{
    color:#fff;
    font:800 20px monospace;
}

.cc-stats span{
    color:#5e7767;
    font:8px monospace;
    letter-spacing:1.5px;
}

.cc-hero-console{
    border:1px solid var(--cc-line);
    background:#060906;
    box-shadow:0 0 40px rgba(0,255,102,.06);
}

.cc-console-head{
    display:flex;
    justify-content:space-between;
    padding:11px 14px;
    border-bottom:1px solid var(--cc-line);
    color:#5e7967;
    font:9px monospace;
}

.cc-console-head b{
    color:var(--cc-green);
}

.cc-console-body{
    min-height:250px;
    padding:22px;
    color:#658273;
    font:11px/2 monospace;
}

.cc-console-body em{
    color:#344d3b;
    font-style:normal;
}

.cc-console-body hr{
    border:0;
    height:1px;
    background:var(--cc-line);
    margin:17px 0;
}

.cc-console-body>strong{
    color:var(--cc-green);
    font-size:17px;
    letter-spacing:2px;
}

.cc-console-body p{
    color:#617b6b;
    font-size:10px;
}

.cc-console-cursor{
    color:var(--cc-green);
}

.cc-section{
    width:min(1160px,calc(100% - 30px));
    margin:auto;
    padding:65px 0;
}

.cc-heading{
    margin-bottom:27px;
}

.cc-heading small{
    color:#506b5b;
    font:9px monospace;
    letter-spacing:2px;
}

.cc-heading h2{
    margin:7px 0;
    color:#effff4;
    font-size:30px;
    font-weight:900;
}

.cc-heading p{
    color:#667f70;
    margin:0;
    font-size:13px;
}

.cc-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}

.cc-category{
    min-height:185px;
    padding:21px;
    position:relative;
    background:linear-gradient(145deg,#0a0f0c,#050806);
    border:1px solid rgba(0,255,102,.12);
    text-decoration:none!important;
    transition:.2s;
}

.cc-category:hover{
    transform:translateY(-3px);
    border-color:rgba(0,255,102,.35);
}

.cc-category>span{
    color:var(--cc-green);
    font:9px monospace;
}

.cc-icon{
    margin-top:20px;
    color:var(--cc-green);
    font-size:22px;
}

.cc-category h3{
    margin:8px 0;
    color:#effff4;
    font-size:15px;
}

.cc-category p{
    color:#647d6d;
    font-size:11px;
    line-height:1.6;
}

.cc-category>b{
    position:absolute;
    bottom:18px;
    color:#92ffb3;
    font:9px monospace;
}

.cc-product-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}

.cc-product{
    padding:14px;
    background:#080c09;
    border:1px solid rgba(0,255,102,.12);
    transition:.2s;
}

.cc-product:hover{
    transform:translateY(-3px);
    border-color:rgba(0,255,102,.35);
}

.cc-product-image{
    height:125px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle,rgba(0,255,102,.10),transparent 55%),
        #050806;
    border:1px solid rgba(0,255,102,.09);
    color:var(--cc-green);
    font:800 11px monospace;
    letter-spacing:2px;
}

.cc-product>span{
    display:block;
    margin-top:14px;
    color:#65a879;
    font:8px monospace;
}

.cc-product h3{
    color:#eafff0;
    font-size:14px;
    margin:7px 0;
}

.cc-product p{
    color:#5f7768;
    font-size:10px;
}

.cc-product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:16px;
}

.cc-product-bottom strong{
    color:var(--cc-green);
    font:800 14px monospace;
}

.cc-product-bottom a{
    color:#9dffb8;
    font:9px monospace;
    text-decoration:none;
}

.cc-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}

.cc-feature{
    padding:23px;
    background:#080c09;
    border:1px solid rgba(0,255,102,.11);
}

.cc-feature>b{
    color:var(--cc-green);
    font:9px monospace;
}

.cc-feature h3{
    margin:18px 0 8px;
    color:#effff4;
    font-size:13px;
}

.cc-feature p{
    color:#637c6c;
    font-size:10px;
    line-height:1.8;
}

.cc-cta{
    padding:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    background:
        radial-gradient(circle at 80% 50%,rgba(0,255,102,.08),transparent 30%),
        #080c09;
    border:1px solid var(--cc-line);
}

.cc-cta small{
    color:#527060;
    font:9px monospace;
    letter-spacing:2px;
}

.cc-cta h2{
    color:#fff;
    margin:8px 0;
    font-size:27px;
}

.cc-cta p{
    color:#687f70;
    font-size:12px;
}

/* INDEPENDENT CYBER RAIN */
.cc-rain{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    overflow:hidden;
    z-index:0;
}

.cc-rain span{
    position:absolute;
    top:-180px;
    color:rgba(0,255,102,.18);
    font:10px/1.7 monospace;
    white-space:nowrap;
    writing-mode:vertical-rl;
    animation:ccRain linear infinite;
    text-shadow:0 0 7px rgba(0,255,102,.3);
}

@keyframes ccRain{
    from{transform:translateY(-180px)}
    to{transform:translateY(calc(100vh + 300px))}
}

@media(max-width:991px){
    .cc-hero-inner{
        grid-template-columns:1fr;
    }

    .cc-category-grid,
    .cc-product-grid,
    .cc-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:575px){
    .cc-terminal-wrap{
        width:calc(100% - 18px);
        margin-top:12px;
    }

    .cc-terminal-content{
        padding:14px;
    }

    .cc-hero{
        padding:48px 14px;
    }

    .cc-hero h1{
        font-size:39px;
    }

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

    .cc-btn{
        width:100%;
    }

    .cc-stats{
        gap:18px;
    }

    .cc-section{
        width:calc(100% - 22px);
        padding:48px 0;
    }

    .cc-category-grid,
    .cc-product-grid,
    .cc-feature-grid{
        grid-template-columns:1fr;
    }

    .cc-cta{
        padding:27px 20px;
        flex-direction:column;
        align-items:flex-start;
    }
}

/* =====================================================
   DARK WEB TERMINAL — FINAL LAYOUT
   ===================================================== */

.dw-terminal{
    width:min(1120px,calc(100% - 28px));
    margin:24px auto 0;
    position:relative;
    z-index:10;
    background:#040705;
    border:1px solid rgba(0,255,102,.28);
    box-shadow:
        0 0 0 1px rgba(0,255,102,.025),
        0 0 55px rgba(0,255,102,.09);
    overflow:hidden;
}

.dw-terminal-head{
    height:46px;
    display:flex;
    align-items:center;
    padding:0 17px;
    background:#090d0a;
    border-bottom:1px solid rgba(0,255,102,.18);
    font-family:monospace;
}

.dw-window-buttons{
    display:flex;
    gap:7px;
}

.dw-window-buttons i{
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#304336;
}

.dw-window-buttons i:first-child{
    background:#00ff66;
    box-shadow:0 0 9px rgba(0,255,102,.65);
}

.dw-terminal-name{
    margin-left:13px;
    color:#9cffb9;
    font-size:10px;
    letter-spacing:1.4px;
}

.dw-online{
    margin-left:auto;
    color:#00ff66;
    font-size:9px;
    letter-spacing:1px;
}

.dw-terminal-screen{
    min-height:245px;
    padding:27px 32px 25px;
    position:relative;
    background:
        linear-gradient(rgba(0,255,102,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,255,102,.018) 1px,transparent 1px),
        #040705;
    background-size:35px 35px;
}

.dw-code{
    font:12px/1.75 "Courier New",monospace;
    color:#6e8d78;
}

.dw-code p{
    margin:0;
}

.dw-code span{
    color:#00ff66;
}

.dw-code b{
    color:#00ff66;
    font-weight:700;
}

.dw-terminal-divider{
    width:100%;
    height:1px;
    margin:20px 0 17px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,255,102,.35),
        transparent
    );
}

.dw-terminal-title{
    text-align:center;
}

.dw-terminal-title small{
    color:#547061;
    font:9px monospace;
    letter-spacing:3px;
}

.dw-terminal-title h2{
    margin:5px 0 2px;
    color:#f0fff5;
    font:900 clamp(27px,4vw,42px)/1 monospace;
    letter-spacing:6px;
    text-shadow:0 0 25px rgba(0,255,102,.18);
}

.dw-terminal-title p{
    margin:0;
    color:#5e7c69;
    font:9px monospace;
    letter-spacing:3px;
}

.dw-terminal-ready{
    display:flex;
    justify-content:space-between;
    margin-top:22px;
    padding-top:12px;
    border-top:1px solid rgba(0,255,102,.08);
    color:#00d957;
    font:9px monospace;
    letter-spacing:1px;
}

.dw-terminal-ready b{
    color:#00ff66;
    animation:dwCursor .8s infinite;
}

@keyframes dwCursor{
    50%{opacity:0}
}

/* Keep terminal clearly separated from hero */
.dw-terminal + .cc-hero{
    margin-top:0;
}

/* Hero starts cleanly below terminal */
.cc-hero{
    position:relative;
    z-index:1;
    border-top:1px solid rgba(0,255,102,.05);
}

/* Rain stays behind hero content */
.cc-rain{
    z-index:0!important;
}

.cc-hero-inner{
    z-index:3!important;
}

/* Make the overall page less crowded */
.cc-section{
    position:relative;
    z-index:2;
}

/* Mobile terminal */
@media(max-width:575px){

    .dw-terminal{
        width:calc(100% - 18px);
        margin-top:13px;
    }

    .dw-terminal-head{
        height:40px;
        padding:0 11px;
    }

    .dw-terminal-name{
        margin-left:9px;
        font-size:8px;
        letter-spacing:.7px;
    }

    .dw-online{
        font-size:8px;
    }

    .dw-terminal-screen{
        min-height:225px;
        padding:20px 15px;
        background-size:25px 25px;
    }

    .dw-code{
        font-size:10px;
    }

    .dw-terminal-title h2{
        font-size:27px;
        letter-spacing:4px;
    }

    .dw-terminal-title p{
        font-size:8px;
        letter-spacing:2px;
    }
}


/* =========================================================
   FINAL DARK WEB VIP TERMINAL
   Original cyber design — no third-party branding
   ========================================================= */

.dw-terminal{
    width:min(1120px,calc(100% - 30px));
    margin:32px auto 0 !important;
    position:relative;
    z-index:20;
    background:
        radial-gradient(circle at 50% 0%,rgba(0,255,102,.07),transparent 42%),
        #030604;
    border:1px solid rgba(0,255,102,.38);
    border-radius:6px;
    overflow:hidden;
    box-shadow:
        0 0 0 1px rgba(0,255,102,.025),
        0 12px 55px rgba(0,0,0,.65),
        0 0 38px rgba(0,255,102,.08);
}

/* Creates real breathing room below navbar */
header + .dw-terminal,
.navbar + .dw-terminal,
.dw-terminal{
    margin-top:32px !important;
}

.dw-terminal-head{
    height:48px;
    display:flex;
    align-items:center;
    padding:0 18px;
    background:linear-gradient(180deg,#0b120d,#070b08);
    border-bottom:1px solid rgba(0,255,102,.20);
    font-family:monospace;
}

.dw-window-buttons{
    display:flex;
    gap:7px;
    flex:0 0 auto;
}

.dw-window-buttons i{
    width:9px;
    height:9px;
    display:block;
    border-radius:50%;
    background:#26372c;
}

.dw-window-buttons i:first-child{
    background:#00ff66;
    box-shadow:0 0 10px rgba(0,255,102,.7);
}

.dw-terminal-name{
    margin-left:14px;
    color:#c4ffd8;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.7px;
}

.dw-online{
    margin-left:auto;
    color:#00ff66;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}

.dw-terminal-screen{
    min-height:275px;
    padding:28px 34px 24px;
    background:
        linear-gradient(rgba(0,255,102,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,255,102,.018) 1px,transparent 1px),
        #030604;
    background-size:36px 36px;
}

.dw-code{
    color:#789381;
    font:12px/1.8 "Courier New",monospace;
}

.dw-code p{
    margin:0;
}

.dw-code span{
    color:#00ff66;
    font-weight:700;
}

.dw-code b{
    color:#00ff66;
}

.dw-terminal-divider{
    height:1px;
    margin:21px 0 19px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,255,102,.42),
        transparent
    );
}

.dw-terminal-title{
    text-align:center;
}

.dw-terminal-title small{
    color:#5d7d68;
    font:9px monospace;
    letter-spacing:4px;
}

.dw-terminal-title h2{
    margin:7px 0 4px;
    color:#effff4;
    font:900 clamp(30px,5vw,48px)/1 monospace;
    letter-spacing:7px;
    text-shadow:
        0 0 12px rgba(0,255,102,.18),
        0 0 30px rgba(0,255,102,.10);
}

.dw-terminal-title p{
    margin:0;
    color:#6d8b78;
    font:9px monospace;
    letter-spacing:3px;
}

.dw-terminal-ready{
    display:flex;
    justify-content:space-between;
    margin-top:24px;
    padding-top:13px;
    border-top:1px solid rgba(0,255,102,.09);
    color:#00df59;
    font:9px monospace;
    letter-spacing:1px;
}

.dw-terminal-ready b{
    color:#00ff66;
    animation:dwCursor .8s steps(1) infinite;
}

@keyframes dwCursor{
    50%{opacity:0}
}

/* Keep rain behind everything */
.cc-rain{
    z-index:0 !important;
    pointer-events:none !important;
}

.cc-hero,
.cc-section{
    position:relative;
    z-index:2;
}

/* Do not let old hero console create a second terminal */
.cc-hero-console{
    display:none !important;
}

/* Mobile */
@media(max-width:575px){

    .dw-terminal{
        width:calc(100% - 18px);
        margin-top:20px !important;
        border-radius:5px;
    }

    .dw-terminal-head{
        height:42px;
        padding:0 11px;
    }

    .dw-terminal-name{
        margin-left:9px;
        font-size:8px;
        letter-spacing:.8px;
        white-space:nowrap;
    }

    .dw-online{
        font-size:8px;
    }

    .dw-terminal-screen{
        min-height:240px;
        padding:21px 15px 19px;
        background-size:25px 25px;
    }

    .dw-code{
        font-size:10px;
        line-height:1.7;
    }

    .dw-terminal-title h2{
        font-size:29px;
        letter-spacing:4px;
    }

    .dw-terminal-title small{
        font-size:8px;
        letter-spacing:2.5px;
    }

    .dw-terminal-title p{
        font-size:7px;
        letter-spacing:2px;
    }
}


/* =========================================================
   FINAL NAVBAR + VIP TERMINAL SEPARATION
   ========================================================= */

/*
   IMPORTANT:
   The navbar remains independent.
   The VIP terminal starts AFTER the navbar.
*/

/* Keep the site's original navbar above the terminal */
header,
.navbar,
.site-header,
.header,
.header-area{
    position:relative;
    z-index:100 !important;
}

/* Do not allow terminal to climb behind navbar */
.dw-terminal{
    position:relative !important;
    z-index:10 !important;
    clear:both !important;

    width:min(1120px,calc(100% - 30px));

    /* desktop separation */
    margin-top:38px !important;
    margin-bottom:0 !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(0,255,102,.075),
            transparent 45%
        ),
        #030604;

    border:1px solid rgba(0,255,102,.40);
    border-radius:7px;

    overflow:hidden;

    box-shadow:
        0 12px 55px rgba(0,0,0,.68),
        0 0 35px rgba(0,255,102,.09);
}

/* The terminal header itself */
.dw-terminal-head{
    height:48px !important;
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    padding:0 18px !important;

    background:
        linear-gradient(
            180deg,
            #0b120d,
            #060a07
        ) !important;

    border-bottom:1px solid rgba(0,255,102,.22);
}

/* Terminal dots */
.dw-window-buttons{
    display:flex;
    align-items:center;
    gap:7px;
}

.dw-window-buttons i{
    width:9px !important;
    height:9px !important;
    display:block;
    border-radius:50%;
    background:#294033;
}

.dw-window-buttons i:first-child{
    background:#00ff66;
    box-shadow:0 0 10px rgba(0,255,102,.65);
}

/* Terminal title */
.dw-terminal-name{
    margin-left:14px !important;
    color:#caffd9 !important;
    font:700 10px monospace !important;
    letter-spacing:1.5px !important;
}

/* Online status */
.dw-online{
    margin-left:auto !important;
    color:#00ff66 !important;
    font:700 9px monospace !important;
    letter-spacing:1px !important;
}

/* Terminal screen */
.dw-terminal-screen{
    min-height:270px !important;
    padding:28px 34px 25px !important;

    background:
        linear-gradient(
            rgba(0,255,102,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,255,102,.018) 1px,
            transparent 1px
        ),
        #030604 !important;

    background-size:36px 36px !important;
}

/* =========================================================
   NAVBAR CONTROLS
   Keep logo / language / hamburger slightly higher,
   but NEVER overlap terminal.
   ========================================================= */

@media(min-width:768px){

    .navbar-brand,
    .navbar-nav,
    .navbar-right,
    .language,
    .language-select,
    .header-action,
    .menu-toggle,
    .navbar-toggler{
        transform:translateY(-3px);
    }
}

/* Mobile navbar controls slightly higher */
@media(max-width:767px){

    .navbar-brand,
    .language,
    .language-select,
    .menu-toggle,
    .navbar-toggler,
    .header-action{
        transform:translateY(-5px);
    }

    /*
       BIG IMPORTANT FIX:
       Terminal starts well below the complete navbar.
    */
    .dw-terminal{
        width:calc(100% - 18px) !important;

        /*
           Extra breathing room on mobile.
           This prevents the terminal from appearing
           behind the logo/language/hamburger.
        */
        margin-top:72px !important;
    }

    .dw-terminal-head{
        height:43px !important;
        padding:0 11px !important;
    }

    .dw-terminal-name{
        margin-left:9px !important;
        font-size:8px !important;
        letter-spacing:.8px !important;
        white-space:nowrap;
    }

    .dw-online{
        font-size:8px !important;
    }

    .dw-terminal-screen{
        min-height:245px !important;
        padding:21px 15px 20px !important;
        background-size:25px 25px !important;
    }

    .dw-code{
        font-size:10px !important;
        line-height:1.7 !important;
    }

    .dw-terminal-title h2{
        font-size:29px !important;
        letter-spacing:4px !important;
    }

    .dw-terminal-title small{
        font-size:8px !important;
        letter-spacing:2.5px !important;
    }

    .dw-terminal-title p{
        font-size:7px !important;
        letter-spacing:2px !important;
    }
}

/* Very small phones */
@media(max-width:380px){

    .dw-terminal{
        margin-top:64px !important;
    }

    .dw-terminal-name{
        font-size:7px !important;
    }

    .dw-terminal-screen{
        padding-left:12px !important;
        padding-right:12px !important;
    }
}

/* =========================================================
   REMOVE ANY OLD CC TERMINAL / CONSOLE
   ========================================================= */

.cc-terminal-wrap,
.cc-terminal,
.cc-hero-console{
    display:none !important;
}

/* Rain stays behind the complete interface */
.cc-rain{
    z-index:0 !important;
    pointer-events:none !important;
}

/* Content remains above rain */
.cc-hero,
.cc-section{
    position:relative;
    z-index:2;
}

/* Terminal is independent from rain */
.dw-terminal{
    isolation:isolate;
}

/* =========================================================
   SECURITY: prevent horizontal overflow
   ========================================================= */

html,
body{
    overflow-x:hidden !important;
}

.dw-terminal,
.dw-terminal *{
    box-sizing:border-box;
}

/* =========================================================
   FINAL NAVBAR -> VIP TERMINAL POSITION
   NAVBAR CONTROLS FIRST / TERMINAL BOX BELOW
   ========================================================= */

/* Navbar always sits completely above terminal */
.navbar,
header,
.site-header,
.header-area{
    position:relative !important;
    z-index:9999 !important;
}

/* Logo / language / hamburger stay slightly higher */
.navbar-brand,
.language,
.language-select,
.navbar-toggler,
.menu-toggle,
.header-action{
    position:relative !important;
    z-index:10000 !important;
}

/* Desktop */
@media(min-width:768px){

    .navbar-brand,
    .language,
    .language-select,
    .navbar-toggler,
    .menu-toggle,
    .header-action{
        transform:translateY(-4px) !important;
    }

    .dw-terminal{
        position:relative !important;
        z-index:20 !important;
        margin-top:42px !important;
    }
}

/* =========================================================
   MOBILE — CONTROLS UP, BOX DOWN
   ========================================================= */

@media(max-width:767px){

    /* Keep navbar controls at the top */
    .navbar-brand,
    .language,
    .language-select,
    .navbar-toggler,
    .menu-toggle,
    .header-action{
        position:relative !important;
        z-index:10001 !important;
        transform:translateY(-8px) !important;
    }

    /*
       IMPORTANT:
       The terminal box starts AFTER the complete navbar.
       No overlap with logo / language / hamburger.
    */
    .dw-terminal{
        position:relative !important;
        z-index:20 !important;
        clear:both !important;

        width:calc(100% - 18px) !important;

        margin-top:105px !important;
        margin-left:auto !important;
        margin-right:auto !important;

        transform:none !important;
    }

    /* Terminal header stays inside its own box */
    .dw-terminal-head{
        position:relative !important;
        z-index:2 !important;
    }

    .dw-terminal-screen{
        position:relative !important;
        z-index:1 !important;
    }
}

/* Small phones */
@media(max-width:380px){

    .dw-terminal{
        margin-top:92px !important;
    }
}

/* Never allow old terminal to interfere */
.cc-terminal-wrap,
.cc-terminal,
.cc-hero-console{
    display:none !important;
}

/* =========================================================
   FINAL VISIBLE GAP
   NAVBAR CONTROLS >>> CLEAR SPACE >>> VIP TERMINAL
   ========================================================= */

/* Keep navbar completely independent */
header,
.navbar,
.site-header,
.header-area{
    position:relative !important;
    z-index:99999 !important;
}

/* Controls remain above everything */
.navbar-brand,
.language,
.language-select,
.navbar-toggler,
.menu-toggle,
.header-action{
    position:relative !important;
    z-index:100000 !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media(min-width:768px){

    .navbar-brand,
    .language,
    .language-select,
    .navbar-toggler,
    .menu-toggle,
    .header-action{
        transform:translateY(-5px) !important;
    }

    .dw-terminal{
        position:relative !important;
        z-index:20 !important;
        clear:both !important;

        margin-top:55px !important;
        transform:none !important;
    }
}

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

@media(max-width:767px){

    /* Controls sit clearly at the top */
    .navbar-brand,
    .language,
    .language-select,
    .navbar-toggler,
    .menu-toggle,
    .header-action{
        position:relative !important;
        z-index:100000 !important;
        transform:translateY(-8px) !important;
    }

    /*
       LARGE VISIBLE GAP.
       The terminal box deliberately starts much lower.
    */
    .dw-terminal{
        position:relative !important;
        z-index:20 !important;
        clear:both !important;

        width:calc(100% - 18px) !important;

        margin-top:150px !important;
        margin-left:auto !important;
        margin-right:auto !important;

        transform:none !important;
    }

    .dw-terminal-head,
    .dw-terminal-screen{
        position:relative !important;
        z-index:1 !important;
    }
}

/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:380px){

    .dw-terminal{
        margin-top:135px !important;
    }
}

/* Old terminal remains disabled */
.cc-terminal-wrap,
.cc-terminal,
.cc-hero-console{
    display:none !important;
}

/* No accidental horizontal movement */
html,
body{
    overflow-x:hidden !important;
}

/* =========================================================
   REAL VISUAL SEPARATION
   NAVBAR CONTROLS FIRST -> VISIBLE SPACE -> TERMINAL BOX
   ========================================================= */

/* Navbar is always above */
header,
.navbar,
.site-header,
.header-area{
    position:relative !important;
    z-index:99999 !important;
}

/* Logo / language / hamburger */
.navbar-brand,
.language,
.language-select,
.navbar-toggler,
.menu-toggle,
.header-action{
    position:relative !important;
    z-index:100000 !important;
}

/* Terminal itself */
.dw-terminal{
    position:relative !important;
    z-index:10 !important;

    /*
       IMPORTANT:
       Move the WHOLE BOX visually downward.
       This prevents its top border from passing behind
       the Dark Web logo / language / hamburger.
    */
    top:110px !important;

    margin-top:0 !important;
    margin-bottom:110px !important;

    transform:none !important;

    clear:both !important;
}

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

@media(max-width:767px){

    /* Keep navbar controls slightly raised */
    .navbar-brand,
    .language,
    .language-select,
    .navbar-toggler,
    .menu-toggle,
    .header-action{
        position:relative !important;
        z-index:100000 !important;
        transform:translateY(-7px) !important;
    }

    /*
       THIS IS THE IMPORTANT PART:
       terminal box starts visibly BELOW the navbar controls.
    */
    .dw-terminal{
        position:relative !important;
        z-index:10 !important;

        top:105px !important;

        margin-top:0 !important;
        margin-bottom:105px !important;

        transform:none !important;
    }
}

/* Small phones */
@media(max-width:380px){

    .dw-terminal{
        top:95px !important;
        margin-bottom:95px !important;
    }
}

/* =========================================================
   NEVER ALLOW OLD TERMINALS
   ========================================================= */

.cc-terminal-wrap,
.cc-terminal,
.cc-hero-console{
    display:none !important;
}

/* Rain remains behind interface */
.cc-rain{
    z-index:0 !important;
    pointer-events:none !important;
}

html,
body{
    overflow-x:hidden !important;
}

/* =========================================================
   VIP CYBER FOOTER
   TERMINAL ABOVE IS NOT TOUCHED
   ========================================================= */

footer,
.site-footer,
.footer-area{
    position:relative !important;
    z-index:5 !important;
    margin-top:70px !important;
    background:#020503 !important;
    border-top:1px solid rgba(0,255,102,.18) !important;
}

/* Footer inner */
footer .container,
.site-footer .container,
.footer-area .container{
    position:relative;
}

/* Cyber top line */
footer:before,
.site-footer:before,
.footer-area:before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,255,102,.45),
        transparent
    );
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5{
    color:#e9fff0 !important;
    font-family:monospace !important;
    letter-spacing:1px;
}

/* Footer normal text */
footer p,
footer span,
footer li,
.site-footer p,
.site-footer span,
.site-footer li{
    color:#71877a;
}

/* Footer links */
footer a,
.site-footer a{
    color:#779384 !important;
    transition:.2s ease;
}

footer a:hover,
.site-footer a:hover{
    color:#00ff66 !important;
    text-shadow:0 0 12px rgba(0,255,102,.3);
}

/* Footer logo/brand */
footer .logo,
footer .footer-logo,
.site-footer .logo,
.site-footer .footer-logo{
    filter:
        drop-shadow(0 0 7px rgba(0,255,102,.18));
}

/* Footer columns */
footer .footer-widget,
footer .widget,
.site-footer .footer-widget,
.site-footer .widget{
    background:rgba(0,255,102,.012);
}

/* Footer social buttons */
footer .social-icons a,
footer .social-links a,
.site-footer .social-icons a,
.site-footer .social-links a{
    width:36px;
    height:36px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-right:6px;
    color:#779384 !important;
    background:#060b08 !important;
    border:1px solid rgba(0,255,102,.16) !important;
    border-radius:4px;
}

footer .social-icons a:hover,
footer .social-links a:hover,
.site-footer .social-icons a:hover,
.site-footer .social-links a:hover{
    color:#00ff66 !important;
    background:#07130b !important;
    border-color:rgba(0,255,102,.45) !important;
    box-shadow:0 0 18px rgba(0,255,102,.08);
    transform:translateY(-2px);
}

/* Footer bottom copyright */
footer .copyright,
footer .footer-bottom,
.site-footer .copyright,
.site-footer .footer-bottom{
    margin-top:35px;
    padding:18px 0 !important;
    background:#010302 !important;
    border-top:1px solid rgba(0,255,102,.10) !important;
    color:#53665a !important;
    font:10px monospace;
}

/* Small cyber status line */
footer .copyright:before,
.site-footer .copyright:before{
    content:"● SECURE SYSTEM // ONLINE    ";
    color:#00d957;
    letter-spacing:.7px;
}

/* Footer separators */
footer hr,
.site-footer hr{
    border-color:rgba(0,255,102,.09) !important;
}

/* Mobile footer */
@media(max-width:767px){

    footer,
    .site-footer,
    .footer-area{
        margin-top:50px !important;
    }

    footer .footer-widget,
    footer .widget,
    .site-footer .footer-widget,
    .site-footer .widget{
        margin-bottom:25px;
    }

    footer .copyright,
    footer .footer-bottom,
    .site-footer .copyright,
    .site-footer .footer-bottom{
        margin-top:20px;
        padding:15px 10px !important;
        text-align:center;
        line-height:1.8;
    }
}

/* =========================================================
   END OF VIP FOOTER
   ========================================================= */

/* =========================================================
   GLOBAL VIP CYBER THEME
   TERMINAL POSITION / STRUCTURE UNTOUCHED
   ========================================================= */

:root{
    --vip-black:#020503;
    --vip-black-2:#050a07;
    --vip-panel:#070d09;
    --vip-panel-2:#0a120d;
    --vip-green:#00ff66;
    --vip-green-2:#00d957;
    --vip-text:#e9fff0;
    --vip-muted:#71877a;
    --vip-border:rgba(0,255,102,.16);
    --vip-glow:rgba(0,255,102,.18);
}

/* GLOBAL */
html,
body{
    background:#020503 !important;
    color:var(--vip-text) !important;
}

body,
button,
input,
select,
textarea{
    font-family:monospace !important;
}

/* MAIN PAGE AREAS */
main,
section,
.section,
.content-area,
.page-wrapper,
.wrapper,
.bg-light,
.bg-white{
    background-color:#020503 !important;
    color:var(--vip-text) !important;
}

/* ALL COMMON PANELS / CARDS */
.card,
.single-card,
.product-card,
.feature-card,
.blog-card,
.item-card,
.box,
.panel,
.widget,
.dashboard-card,
.category-card,
.service-card{
    background:#070d09 !important;
    border:1px solid var(--vip-border) !important;
    color:var(--vip-text) !important;
    box-shadow:0 0 25px rgba(0,255,102,.035) !important;
}

/* HOVER */
.card:hover,
.single-card:hover,
.product-card:hover,
.feature-card:hover,
.blog-card:hover,
.item-card:hover,
.box:hover,
.panel:hover,
.widget:hover{
    border-color:rgba(0,255,102,.38) !important;
    box-shadow:0 0 25px rgba(0,255,102,.08) !important;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6{
    color:#e9fff0 !important;
    font-family:monospace !important;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
    color:#00ff66 !important;
}

/* NORMAL TEXT */
p,
li,
label{
    color:#81968a;
}

/* LINKS */
a{
    color:#8aa394 !important;
}

a:hover{
    color:#00ff66 !important;
    text-shadow:0 0 10px rgba(0,255,102,.25);
}

/* BUTTONS */
button,
.btn,
.button,
input[type="submit"],
input[type="button"]{
    background:#07130b !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.35) !important;
    box-shadow:0 0 12px rgba(0,255,102,.05) !important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
    background:#0b1b10 !important;
    color:#e9fff0 !important;
    border-color:#00ff66 !important;
    box-shadow:0 0 20px rgba(0,255,102,.14) !important;
}

/* INPUTS */
input,
textarea,
select{
    background:#030704 !important;
    color:#dfffea !important;
    border:1px solid rgba(0,255,102,.18) !important;
}

input:focus,
textarea:focus,
select:focus{
    border-color:rgba(0,255,102,.55) !important;
    box-shadow:0 0 15px rgba(0,255,102,.08) !important;
    outline:none !important;
}

input::placeholder,
textarea::placeholder{
    color:#4f6357 !important;
}

/* TABLES */
table{
    background:#050a07 !important;
    color:#cfe8d8 !important;
}

table th{
    background:#08120c !important;
    color:#00ff66 !important;
    border-color:rgba(0,255,102,.14) !important;
}

table td{
    background:#050a07 !important;
    color:#91a99a !important;
    border-color:rgba(0,255,102,.08) !important;
}

/* BADGES */
.badge,
.tag,
.status,
.label{
    background:#07130b !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.20) !important;
}

/* ALERTS */
.alert,
.notification{
    background:#061009 !important;
    color:#bde8ca !important;
    border:1px solid rgba(0,255,102,.18) !important;
}

/* PAGINATION */
.pagination a,
.pagination span{
    background:#050a07 !important;
    color:#82998b !important;
    border-color:rgba(0,255,102,.14) !important;
}

.pagination .active span,
.pagination .active a,
.pagination a:hover{
    background:#071a0d !important;
    color:#00ff66 !important;
    border-color:rgba(0,255,102,.45) !important;
}

/* DROPDOWNS / MENUS */
.dropdown-menu,
.menu,
.sub-menu{
    background:#050a07 !important;
    border:1px solid rgba(0,255,102,.16) !important;
    box-shadow:0 15px 35px rgba(0,0,0,.45) !important;
}

.dropdown-menu a,
.menu a,
.sub-menu a{
    color:#82998b !important;
}

.dropdown-menu a:hover,
.menu a:hover,
.sub-menu a:hover{
    background:#08140c !important;
    color:#00ff66 !important;
}

/* BREADCRUMBS */
.breadcrumb{
    background:#050a07 !important;
    border:1px solid rgba(0,255,102,.10) !important;
}

.breadcrumb a{
    color:#71877a !important;
}

.breadcrumb .active{
    color:#00ff66 !important;
}

/* ICONS */
i,
svg{
    transition:.2s ease;
}

.text-primary,
.text-info,
.text-success{
    color:#00ff66 !important;
}

/* REMOVE COMMON BLUE BACKGROUNDS */
.bg-primary,
.bg-info,
.bg-success,
.bg-secondary{
    background:#07130b !important;
}

/* COMMON BLUE BORDERS */
.border-primary,
.border-info,
.border-success{
    border-color:rgba(0,255,102,.25) !important;
}

/* NAVBAR KEEP DARK */
.navbar,
.header,
.site-header,
header{
    background:#020503 !important;
    border-bottom:1px solid rgba(0,255,102,.12) !important;
}

/* ACTIVE NAV */
.navbar a.active,
.navbar .active,
.header a.active{
    color:#00ff66 !important;
}

/* MODALS */
.modal-content,
.modal-dialog .modal-content{
    background:#050a07 !important;
    color:#dfffea !important;
    border:1px solid rgba(0,255,102,.20) !important;
}

.modal-header,
.modal-footer{
    border-color:rgba(0,255,102,.10) !important;
}

/* SCROLLBAR */
::-webkit-scrollbar{
    width:7px;
    height:7px;
}

::-webkit-scrollbar-track{
    background:#010302;
}

::-webkit-scrollbar-thumb{
    background:#12351f;
    border-radius:2px;
}

::-webkit-scrollbar-thumb:hover{
    background:#00a843;
}

/* SEPARATORS */
hr{
    border-color:rgba(0,255,102,.10) !important;
}

/* FOOTER SAME VIP THEME */
footer,
.site-footer,
.footer-area{
    background:#020503 !important;
    color:#71877a !important;
    border-top:1px solid rgba(0,255,102,.18) !important;
}

footer a:hover,
.site-footer a:hover{
    color:#00ff66 !important;
}

/* IMPORTANT:
   Existing VIP terminal styles remain untouched.
   Only global surrounding theme is overridden.
*/


/* =========================================================
   FINAL VIP BLACK / GREEN GLOBAL OVERRIDE
   TERMINAL IS NOT TOUCHED
   ========================================================= */

/* GLOBAL FONT + BACKGROUND */
html,
body{
    background:#020503 !important;
    color:#b7c9bd !important;
    font-family:"Courier New",Courier,monospace !important;
}

/* Force all major page wrappers away from old navy/blue */
body,
main,
.main-wrapper,
.page-wrapper,
.site-wrapper,
.content-wrapper,
.section,
section,
.container-fluid{
    background-color:#020503 !important;
}

/* OLD BLUE/NAVY SECTIONS */
.bg-primary,
.bg-secondary,
.bg-info,
.bg-light,
.bg-white,
[class*="bg-primary"],
[class*="bg-info"]{
    background:#020503 !important;
}

/* NAVIGATION */
header,
.site-header,
.navbar,
.navbar-area,
.header-area{
    background:#020503 !important;
    color:#dfffea !important;
    border-bottom:1px solid rgba(0,255,102,.20) !important;
}

/* NAV TEXT */
.navbar a,
.navbar-nav a,
header a,
.site-header a{
    color:#a8bcb0 !important;
    font-family:"Courier New",Courier,monospace !important;
}

.navbar a:hover,
.navbar-nav a:hover,
header a:hover,
.site-header a:hover{
    color:#00ff66 !important;
}

/* MAIN TEXT */
p,
li,
span,
label{
    font-family:"Courier New",Courier,monospace !important;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6{
    font-family:"Courier New",Courier,monospace !important;
    color:#e9fff0 !important;
    font-weight:700 !important;
    letter-spacing:.5px;
}

/* CYBER GREEN */
.text-primary,
.text-info,
.text-success,
.text-secondary{
    color:#00ff66 !important;
}

/* LINKS */
a{
    color:#91a99a !important;
}

a:hover{
    color:#00ff66 !important;
    text-shadow:0 0 10px rgba(0,255,102,.25);
}

/* CARDS / PANELS */
.card,
.product-card,
.feature-card,
.blog-card,
.single-card,
.panel,
.widget,
.box,
.category-card,
.service-card{
    background:#050a07 !important;
    color:#b7c9bd !important;
    border:1px solid rgba(0,255,102,.14) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.35) !important;
}

/* CARD HEADERS */
.card-header,
.panel-heading,
.widget-title{
    background:#07100a !important;
    color:#00ff66 !important;
    border-bottom:1px solid rgba(0,255,102,.12) !important;
}

/* BUTTONS */
.btn,
button,
.button,
input[type="submit"],
input[type="button"]{
    background:#07130b !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.35) !important;
    border-radius:3px !important;
    font-family:"Courier New",Courier,monospace !important;
    box-shadow:0 0 12px rgba(0,255,102,.04) !important;
}

.btn:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
    background:#0b1b10 !important;
    color:#ffffff !important;
    border-color:#00ff66 !important;
    box-shadow:0 0 20px rgba(0,255,102,.12) !important;
}

/* INPUTS */
input,
textarea,
select{
    background:#030704 !important;
    color:#dfffea !important;
    border:1px solid rgba(0,255,102,.17) !important;
    font-family:"Courier New",Courier,monospace !important;
}

input:focus,
textarea:focus,
select:focus{
    background:#040a06 !important;
    border-color:#00ff66 !important;
    box-shadow:0 0 12px rgba(0,255,102,.08) !important;
}

input::placeholder,
textarea::placeholder{
    color:#52675a !important;
}

/* TABLES */
table,
.table{
    background:#050a07 !important;
    color:#a8bcb0 !important;
}

table th,
.table th{
    background:#07100a !important;
    color:#00ff66 !important;
    border-color:rgba(0,255,102,.13) !important;
}

table td,
.table td{
    background:#050a07 !important;
    color:#9aae9f !important;
    border-color:rgba(0,255,102,.07) !important;
}

/* DROPDOWNS */
.dropdown-menu{
    background:#050a07 !important;
    border:1px solid rgba(0,255,102,.18) !important;
}

.dropdown-menu a{
    color:#9aae9f !important;
}

.dropdown-menu a:hover{
    background:#08140c !important;
    color:#00ff66 !important;
}

/* BREADCRUMB */
.breadcrumb{
    background:#050a07 !important;
    border:1px solid rgba(0,255,102,.10) !important;
}

.breadcrumb a{
    color:#71877a !important;
}

.breadcrumb .active{
    color:#00ff66 !important;
}

/* ALERTS */
.alert,
.notification{
    background:#061009 !important;
    color:#b8d8c2 !important;
    border-color:rgba(0,255,102,.16) !important;
}

/* PAGINATION */
.pagination a,
.pagination span{
    background:#050a07 !important;
    color:#82998b !important;
    border-color:rgba(0,255,102,.12) !important;
}

.pagination .active a,
.pagination .active span,
.pagination a:hover{
    background:#071a0d !important;
    color:#00ff66 !important;
    border-color:rgba(0,255,102,.40) !important;
}

/* ICONS */
.icon,
i{
    color:inherit;
}

.icon.text-primary,
i.text-primary{
    color:#00ff66 !important;
}

/* DIVIDERS */
hr{
    border-color:rgba(0,255,102,.10) !important;
}

/* FOOTER */
footer,
.site-footer,
.footer-area{
    background:#020503 !important;
    color:#71877a !important;
    border-top:1px solid rgba(0,255,102,.18) !important;
}

/* REMOVE NAVY FROM COMMON ELEMENTS */
[style*="background"],
[style*="background-color"]{
    /* preserve inline content while forcing common theme containers */
}

/* MOBILE */
@media(max-width:767px){

    body,
    main,
    section,
    .section,
    .page-wrapper,
    .main-wrapper{
        background:#020503 !important;
    }

    .navbar,
    header,
    .site-header{
        background:#020503 !important;
    }

    .card,
    .product-card,
    .feature-card{
        background:#050a07 !important;
    }
}

/* =========================================================
   END GLOBAL VIP THEME
   ========================================================= */


/* =========================================================
   VIP CYBER TYPOGRAPHY
   FONT ONLY — COLORS / TERMINAL UNTOUCHED
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap');

/* Main website text */
body,
p,
li,
span,
label,
input,
textarea,
select{
    font-family:'Inter',Arial,sans-serif !important;
}

/* Cyber headings */
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.4px;
}

/* Navigation */
.navbar,
.navbar a,
.navbar-nav a,
header,
header a,
.site-header,
.site-header a{
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
}

/* Buttons */
button,
.btn,
.button,
input[type="submit"],
input[type="button"]{
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.5px;
}

/* Product / card titles */
.card-title,
.product-title,
.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.feature-card h3,
.blog-card h3{
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
}

/* Small cyber labels */
.badge,
.tag,
.status,
.label{
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.5px;
}

/* Footer typography */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5{
    font-family:'Rajdhani',Arial,sans-serif !important;
}

footer,
footer p,
footer a,
.site-footer,
.site-footer p,
.site-footer a{
    font-family:'Inter',Arial,sans-serif !important;
}

/* =========================================================
   END FONT ONLY
   ========================================================= */


/* =========================================================
   FULL WIDTH + LOWER SECTION VIP CYBER STYLE
   TERMINAL UNTOUCHED
   ========================================================= */

/* FIX RIGHT-SIDE EMPTY / GREEN STRIP */
html{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow-x:hidden !important;
}

#app,
main,
.main-wrapper,
.page-wrapper,
.site-wrapper{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

/* Prevent decorative rain/background from creating horizontal overflow */
.cc-rain{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

/* =========================================================
   LOWER WEBSITE SECTIONS
   ========================================================= */

/* Sections AFTER VIP TERMINAL */
.dw-terminal ~ section,
.dw-terminal ~ main,
.dw-terminal ~ .content,
.dw-terminal ~ .page-content,
.dw-terminal ~ .home-content{
    background:#020503 !important;
    color:#b7c9bd !important;
}

/* Common homepage sections */
.about-section,
.featured-section,
.how-to-work,
.choose-section,
.testimonial-section,
.partner-section,
.blog-section,
.top-sell-section,
.counter-section,
.products-section,
.categories-section,
.contact-section{
    background:#020503 !important;
    color:#b7c9bd !important;
}

/* Lower section headings */
.about-section h1,
.about-section h2,
.about-section h3,
.featured-section h1,
.featured-section h2,
.featured-section h3,
.how-to-work h1,
.how-to-work h2,
.how-to-work h3,
.choose-section h1,
.choose-section h2,
.choose-section h3,
.products-section h1,
.products-section h2,
.products-section h3,
.categories-section h1,
.categories-section h2,
.categories-section h3{
    color:#e9fff0 !important;
    font-family:'Rajdhani',Arial,sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.5px !important;
}

/* Green accent words */
.about-section span,
.featured-section span,
.how-to-work span,
.choose-section span,
.products-section span,
.categories-section span{
    color:#00ff66 !important;
}

/* Lower section paragraphs */
.about-section p,
.featured-section p,
.how-to-work p,
.choose-section p,
.products-section p,
.categories-section p{
    color:#71877a !important;
    font-family:'Inter',Arial,sans-serif !important;
    line-height:1.7 !important;
}

/* Lower cards */
.about-section .card,
.featured-section .card,
.how-to-work .card,
.choose-section .card,
.products-section .card,
.categories-section .card,
.product-card,
.feature-card{
    background:#050a07 !important;
    border:1px solid rgba(0,255,102,.14) !important;
    color:#b7c9bd !important;
    box-shadow:0 0 25px rgba(0,255,102,.035) !important;
}

/* Card headings */
.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.feature-card h1,
.feature-card h2,
.feature-card h3,
.feature-card h4{
    font-family:'Rajdhani',Arial,sans-serif !important;
    color:#e9fff0 !important;
}

/* Card text */
.product-card p,
.feature-card p{
    font-family:'Inter',Arial,sans-serif !important;
    color:#71877a !important;
}

/* Green cyber buttons */
.products-section .btn,
.categories-section .btn,
.featured-section .btn,
.about-section .btn,
.how-to-work .btn{
    font-family:'Rajdhani',Arial,sans-serif !important;
    background:#07130b !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.35) !important;
}

/* Section separators */
.about-section:before,
.featured-section:before,
.how-to-work:before,
.choose-section:before,
.products-section:before,
.categories-section:before{
    content:"";
    display:block;
    width:90%;
    height:1px;
    margin:0 auto 40px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,255,102,.20),
        transparent
    );
}

/* =========================================================
   MOBILE WIDTH FIX
   ========================================================= */

@media(max-width:767px){

    html,
    body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    .container,
    .container-fluid{
        max-width:100% !important;
    }

    .row{
        max-width:100% !important;
    }

    .about-section,
    .featured-section,
    .how-to-work,
    .choose-section,
    .products-section,
    .categories-section{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }
}

/* =========================================================
   END SECTION FIX
   ========================================================= */


/* =========================================================
   HIDE OLD BLUE FOOTER COMPLETELY
   VIP TERMINAL UNTOUCHED
   ========================================================= */

footer,
footer.footer,
.site-footer,
.footer-area,
.footer-section,
.footer-wrapper,
.footer-main,
.footer-bottom,
.footer-top,
.footer-widget,
.footer-content,
[class*="footer-area"],
[class*="footer-section"],
[class*="footer-wrapper"]{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
}

/* Remove any remaining footer spacing */
footer *,
.site-footer *,
.footer-area *{
    display:none !important;
}

/* =========================================================
   END FOOTER HIDE
   ========================================================= */


/* =========================================================
   VIP CYBER STATUS FOOTER
   ========================================================= */

.vip-cyber-footer{
    width:100%;
    box-sizing:border-box;
    margin-top:55px;
    padding:0 20px 18px;
    background:#020503;
    color:#81968a;
    font-family:'Inter',Arial,sans-serif;
}

.vip-footer-line{
    width:100%;
    height:1px;
    margin-bottom:24px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,255,102,.35),
        transparent
    );
}

.vip-footer-grid{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:30px;
    padding:10px 0 25px;
}

.vip-footer-brand,
.vip-footer-status,
.vip-footer-links{
    min-width:0;
}

.vip-footer-logo{
    color:#e9fff0;
    font-family:'Rajdhani',Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    letter-spacing:2px;
}

.vip-footer-logo .vip-dot{
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:8px;
    border-radius:50%;
    background:#00ff66;
    box-shadow:0 0 10px rgba(0,255,102,.7);
}

.vip-footer-brand p{
    margin:7px 0 0;
    color:#506459;
    font-size:10px;
    letter-spacing:1.5px;
}

.vip-footer-status{
    font-family:'Rajdhani',Arial,sans-serif;
    font-size:11px;
}

.vip-footer-status div{
    display:flex;
    justify-content:space-between;
    padding:4px 0;
    border-bottom:1px solid rgba(0,255,102,.06);
}

.vip-footer-status span{
    color:#506459;
    letter-spacing:1px;
}

.vip-footer-status b{
    color:#00ff66;
    letter-spacing:1px;
}

.vip-footer-links{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.vip-footer-links a{
    color:#71877a !important;
    font-family:'Rajdhani',Arial,sans-serif;
    font-size:12px;
    letter-spacing:1px;
}

.vip-footer-links a:hover{
    color:#00ff66 !important;
}

.vip-footer-terminal{
    max-width:1100px;
    margin:auto;
    padding:12px 14px;
    box-sizing:border-box;
    background:#050a07;
    border:1px solid rgba(0,255,102,.12);
    color:#52675a;
    font:10px monospace;
    letter-spacing:.7px;
}

.vip-footer-terminal b{
    color:#00ff66;
}

.vip-cursor{
    color:#00ff66;
    animation:vipCursor 1s steps(2,end) infinite;
}

@keyframes vipCursor{
    50%{opacity:0}
}

.vip-footer-bottom{
    max-width:1100px;
    margin:14px auto 0;
    display:flex;
    justify-content:space-between;
    gap:15px;
    color:#3f5146;
    font:9px monospace;
    letter-spacing:.7px;
}

@media(max-width:767px){

    .vip-cyber-footer{
        margin-top:40px;
        padding:0 14px 15px;
    }

    .vip-footer-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .vip-footer-links{
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }

    .vip-footer-bottom{
        flex-direction:column;
        text-align:center;
        line-height:1.6;
    }
}

/* =========================================================
   END VIP CYBER STATUS FOOTER
   ========================================================= */


/* =========================================================
   FINAL NO-BLUE / TRANSPARENT VIP THEME
   TERMINAL UNTOUCHED
   ========================================================= */

/* OVERALL */
html,
body,
#app{
    background:#020503 !important;
    color:#b7c9bd !important;
}

/* MAIN PAGE / ALL COMMON SECTIONS */
main,
section,
.section,
.page,
.page-wrapper,
.main-wrapper,
.content-wrapper,
.site-wrapper,
.home-wrapper,
.content-area{
    background:#020503 !important;
    color:#b7c9bd !important;
}

/* HEADER — TRANSPARENT DARK CYBER */
header,
.site-header,
.header,
.header-area,
.navbar,
.navbar-area,
.navigation,
.navigation-area{
    background:rgba(2,5,3,.72) !important;
    background-color:rgba(2,5,3,.72) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    border-bottom:1px solid rgba(0,255,102,.14) !important;
}

/* HEADER CONTAINERS */
header .container,
.site-header .container,
.navbar .container,
.navbar-area .container{
    background:transparent !important;
}

/* REMOVE COMMON NAVY / BLUE BACKGROUNDS */
.bg-primary,
.bg-secondary,
.bg-info,
.bg-light,
.bg-white,
.bg-dark,
.bg-blue,
.background-primary,
[class*="bg-primary"],
[class*="bg-info"],
[class*="bg-secondary"]{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* CONTACT / CONTENT CARDS */
.card,
.card-body,
.card-header,
.contact-form,
.contact-area,
.contact-wrapper,
.contact-box,
.form-wrapper,
.form-area,
.panel,
.widget,
.box{
    background:#050a07 !important;
    background-color:#050a07 !important;
    color:#b7c9bd !important;
    border-color:rgba(0,255,102,.14) !important;
}

/* INPUTS STAY DARK */
input,
textarea,
select{
    background:#030704 !important;
    background-color:#030704 !important;
    color:#dfffea !important;
}

/* BREADCRUMB / INNER BARS */
.breadcrumb,
.breadcrumb-area,
.page-header,
.inner-banner,
.banner-area{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* DROPDOWNS */
.dropdown-menu,
.sub-menu{
    background:#050a07 !important;
    background-color:#050a07 !important;
}

/* BUTTONS */
.btn,
button,
.button,
input[type="submit"],
input[type="button"]{
    background:#07130b !important;
    background-color:#07130b !important;
    color:#00ff66 !important;
    border-color:rgba(0,255,102,.35) !important;
}

/* FOOTER / NEW CYBER FOOTER */
footer,
.site-footer,
.footer-area,
.vip-cyber-footer{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* REMOVE BLUE FROM COMMON INLINE-STYLE CONTAINERS
   WITHOUT AFFECTING IMAGES */
div,
article,
aside{
    color:inherit;
}

/* TABLES */
table,
.table{
    background:#050a07 !important;
    background-color:#050a07 !important;
}

/* MODALS */
.modal-content{
    background:#050a07 !important;
    background-color:#050a07 !important;
}

/* BORDERS — GREEN ONLY */
.border-primary,
.border-info,
.border-secondary{
    border-color:rgba(0,255,102,.18) !important;
}

/* LINKS / ACTIVE */
a{
    color:#91a99a !important;
}

a:hover,
.active > a,
a.active{
    color:#00ff66 !important;
}

/* MOBILE — FULL WIDTH + NO BLUE */
@media(max-width:767px){

    html,
    body,
    #app,
    main,
    section,
    .section,
    .page-wrapper,
    .main-wrapper,
    .content-wrapper{
        width:100% !important;
        max-width:100% !important;
        background:#020503 !important;
        background-color:#020503 !important;
        overflow-x:hidden !important;
    }

    header,
    .site-header,
    .navbar,
    .header-area{
        background:rgba(2,5,3,.72) !important;
        background-color:rgba(2,5,3,.72) !important;
    }

    .container,
    .container-fluid{
        max-width:100% !important;
    }
}

/* =========================================================
   END NO-BLUE THEME
   ========================================================= */


/* =========================================================
   FINAL BLACK THEME
   BLUE/NAVY -> BLACK
   EXISTING GREEN THEME PRESERVED
   VIP TERMINAL PRESERVED
   ========================================================= */

/* Main old-theme blue areas */
body,
html,
#app{
    background:#020503 !important;
}

/* Header */
header,
.site-header,
.header,
.header-area,
.navbar,
.navbar-area{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* Common blue containers */
.bg-primary,
.bg-secondary,
.bg-info,
.bg-light,
.bg-white,
.bg-blue,
.page-header,
.inner-banner,
.banner-area,
.breadcrumb-area,
.contact-area,
.contact-section,
.contact-wrapper,
.contact-info,
.contact-form,
.form-wrapper,
.form-area,
.map-area,
.map-wrapper{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* Contact/info cards */
.contact-area .card,
.contact-section .card,
.contact-info .card,
.contact-wrapper .card,
.contact-box,
.contact-item{
    background:#050a07 !important;
    background-color:#050a07 !important;
    border-color:rgba(0,255,102,.14) !important;
}

/* Generic old-theme panels */
.panel,
.box,
.widget,
.card{
    background:#050a07 !important;
    background-color:#050a07 !important;
}

/* Keep inputs dark */
input,
textarea,
select{
    background:#030704 !important;
    background-color:#030704 !important;
}

/* Keep dropdowns dark */
.dropdown-menu,
.sub-menu{
    background:#050a07 !important;
    background-color:#050a07 !important;
}

/* Keep footer black */
footer,
.site-footer,
.footer-area,
.vip-cyber-footer{
    background:#020503 !important;
    background-color:#020503 !important;
}

/* =========================================================
   DO NOT CHANGE VIP TERMINAL
   ========================================================= */

.dw-terminal,
.dw-terminal *{
    /* terminal keeps its existing styling */
}

/* =========================================================
   END
   ========================================================= */


/* ===== VIP PROFESSIONAL PAGE 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;
    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);
    text-align: center;
    position: relative;
}

.vip-loader-avatar {
    width: 82px;
    height: 82px;
    margin: 0 auto 22px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vip-loader-avatar img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    position: relative;
    z-index: 3;
    filter: drop-shadow(0 0 12px rgba(0,255,100,.75));
}

.vip-loader-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(0,255,100,.35);
    border-top-color: #39ff88;
    border-radius: 50%;
    animation: vipLoaderSpin 1.4s linear infinite;
}

.vip-loader-glow {
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: rgba(0,255,100,.07);
    box-shadow:
        0 0 25px rgba(0,255,100,.18),
        inset 0 0 20px rgba(0,255,100,.08);
}

@keyframes vipLoaderSpin {
    to { transform: rotate(360deg); }
}

.vip-loader-title {
    font-family: Rajdhani, sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 5px;
    color: #d9ffe6;
    text-shadow: 0 0 14px rgba(0,255,100,.35);
}

.vip-loader-subtitle {
    margin-top: 5px;
    font-family: Inter, sans-serif;
    font-size: 9px;
    letter-spacing: 2.5px;
    color: rgba(130,255,165,.55);
}

.vip-loader-status {
    display: flex;
    justify-content: center;
    gap: 22px;
    margin: 20px 0 18px;
    font-family: Rajdhani, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: rgba(130,255,165,.72);
}

.vip-loader-status span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.vip-loader-status i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #39ff88;
    box-shadow: 0 0 9px #39ff88;
    animation: vipPulse 1s ease-in-out infinite;
}

@keyframes vipPulse {
    50% { opacity: .35; }
}

.vip-loader-progress {
    width: 100%;
    height: 3px;
    padding: 0;
    background: rgba(70,100,80,.18);
    border: 1px solid rgba(60,255,120,.12);
    overflow: hidden;
}

.vip-loader-bar {
    width: 0;
    height: 100%;
    background: #39ff88;
    box-shadow: 0 0 12px rgba(57,255,136,.85);
    transition: width .08s linear;
}

.vip-loader-info {
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
    font-family: Rajdhani, sans-serif;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: rgba(150,255,180,.55);
}

.vip-loader-info b {
    color: #39ff88;
    font-weight: 700;
}

.vip-loader-scan {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 20px;
    opacity: .35;
}

.vip-loader-scan span {
    width: 3px;
    height: 3px;
    background: #39ff88;
    animation: vipScan 1.1s ease-in-out infinite;
}

.vip-loader-scan span:nth-child(2),
.vip-loader-scan span:nth-child(6) { animation-delay: .12s; }

.vip-loader-scan span:nth-child(3),
.vip-loader-scan span:nth-child(7) { animation-delay: .24s; }

.vip-loader-scan span:nth-child(4),
.vip-loader-scan span:nth-child(8) { animation-delay: .36s; }

@keyframes vipScan {
    50% { transform: translateY(-5px); opacity: 1; }
}

@media (max-width: 480px) {
    .vip-loader-title {
        font-size: 21px;
        letter-spacing: 3px;
    }

    .vip-loader-status {
        gap: 14px;
    }
}

/* ===== VIP LARGE HACKER LOADER ===== */

.vip-page-loader .vip-loader-box {
    width: min(560px, 92vw);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* LARGE AVATAR */
.vip-page-loader .vip-loader-avatar {
    width: 210px !important;
    height: 210px !important;
    margin: 0 auto 24px !important;
}

.vip-page-loader .vip-loader-avatar img {
    width: 190px !important;
    height: 190px !important;
    object-fit: contain !important;
    z-index: 5;
    filter:
        drop-shadow(0 0 8px rgba(57,255,136,.8))
        drop-shadow(0 0 25px rgba(57,255,136,.35));
}

/* BIG HUD RINGS */
.vip-page-loader .vip-loader-ring {
    inset: 0 !important;
    border-width: 2px !important;
    box-shadow: 0 0 25px rgba(57,255,136,.18);
}

.vip-page-loader .vip-loader-glow {
    inset: 18px !important;
}

/* VIP TITLE */
.vip-page-loader .vip-loader-title {
    font-size: 29px !important;
    letter-spacing: 6px !important;
    margin-top: 2px;
}

.vip-page-loader .vip-loader-subtitle {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    margin-top: 7px !important;
}

/* STATUS ABOVE LOADING */
.vip-page-loader .vip-loader-status {
    margin: 19px 0 13px !important;
}

/* LOADING BAR */
.vip-page-loader .vip-loader-progress {
    width: min(480px, 88vw) !important;
    height: 6px !important;
    border-radius: 10px !important;
    background: rgba(57,255,136,.08) !important;
    box-shadow: 0 0 15px rgba(57,255,136,.08);
}

.vip-page-loader .vip-loader-bar {
    border-radius: 10px !important;
    box-shadow:
        0 0 8px #39ff88,
        0 0 20px rgba(57,255,136,.65);
}

/* LOADING INFO */
.vip-page-loader .vip-loader-info {
    width: min(480px, 88vw) !important;
    font-size: 12px !important;
    margin-top: 10px !important;
}

/* SCAN DOTS */
.vip-page-loader .vip-loader-scan {
    margin-top: 23px !important;
}

/* MOBILE */
@media (max-width: 600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 175px !important;
        height: 175px !important;
        margin-bottom: 20px !important;
    }

    .vip-page-loader .vip-loader-avatar img {
        width: 158px !important;
        height: 158px !important;
    }

    .vip-page-loader .vip-loader-title {
        font-size: 23px !important;
        letter-spacing: 4px !important;
    }
}


/* ===== VIP MASK FINAL RESPONSIVE LOADER ===== */

.vip-page-loader {
    overflow:hidden !important;
}

.vip-page-loader .vip-loader-box {
    width:min(620px,94vw) !important;
    max-width:620px !important;
}

.vip-page-loader .vip-loader-avatar {
    width:min(390px,78vw) !important;
    height:min(390px,78vw) !important;
    margin:0 auto 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
}

.vip-page-loader .vip-mask-image {
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:390px !important;
    max-height:390px !important;
    object-fit:contain !important;
    object-position:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    filter:
        contrast(1.08)
        brightness(.82)
        saturate(1.15)
        drop-shadow(0 0 8px rgba(57,255,136,.75))
        drop-shadow(0 0 25px rgba(57,255,136,.35));
}

.vip-page-loader .vip-loader-ring,
.vip-page-loader .vip-loader-glow {
    display:none !important;
}

.vip-mask-fallback {
    width:260px;
    height:260px;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(57,255,136,.55);
    box-shadow:0 0 35px rgba(57,255,136,.2);
    color:#39ff88;
    font:700 22px Rajdhani,sans-serif;
    letter-spacing:5px;
}

.vip-page-loader .vip-loader-title {
    margin-top:0 !important;
}

.vip-page-loader .vip-loader-status {
    margin:15px 0 12px !important;
}

.vip-page-loader .vip-loader-progress {
    width:min(520px,88vw) !important;
    height:6px !important;
}

.vip-page-loader .vip-loader-info {
    width:min(520px,88vw) !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width:min(330px,82vw) !important;
        height:min(330px,82vw) !important;
    }

    .vip-page-loader .vip-mask-image {
        max-width:330px !important;
        max-height:330px !important;
    }
}

/* ===== VIP MASK - PERFECT CIRCLE FIT ===== */

.vip-page-loader .vip-loader-avatar {
    width: 300px !important;
    height: 300px !important;
    margin: 0 auto 24px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #010301 !important;
    border: 2px solid rgba(57,255,136,.75) !important;
    box-shadow:
        0 0 15px rgba(57,255,136,.35),
        0 0 45px rgba(57,255,136,.18),
        inset 0 0 25px rgba(57,255,136,.10) !important;
}

/* Mask image fills the circle */
.vip-page-loader .vip-mask-image {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    display: block !important;

    filter:
        contrast(1.12)
        brightness(.82)
        saturate(1.15)
        drop-shadow(0 0 10px rgba(57,255,136,.55)) !important;
}

/* Green HUD ring */
.vip-page-loader .vip-loader-avatar::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    border: 1px solid rgba(57,255,136,.35) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 8 !important;
}

/* Rotating outer VIP ring */
.vip-page-loader .vip-loader-avatar::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    border-top-color: #39ff88 !important;
    border-right-color: rgba(57,255,136,.35) !important;
    animation: vipMaskRing 2s linear infinite !important;
    pointer-events: none !important;
    z-index: 9 !important;
}

@keyframes vipMaskRing {
    to {
        transform: rotate(360deg);
    }
}

/* Keep the title below the avatar */
.vip-page-loader .vip-loader-title {
    margin-top: 0 !important;
}

/* Mobile */
@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 250px !important;
        height: 250px !important;
    }
}


/* =====================================================
   VIP MASK FINAL — HARD CIRCLE CLIP
   ===================================================== */

.vip-page-loader .vip-loader-avatar {
    position: relative !important;
    display: block !important;
    width: 320px !important;
    height: 320px !important;
    min-width: 320px !important;
    min-height: 320px !important;
    max-width: 320px !important;
    max-height: 320px !important;

    margin: 0 auto 25px !important;
    padding: 0 !important;

    border-radius: 50% !important;
    overflow: hidden !important;
    isolation: isolate !important;

    background: #010301 !important;
    border: 2px solid #39ff88 !important;

    box-shadow:
        0 0 12px rgba(57,255,136,.65),
        0 0 35px rgba(57,255,136,.30),
        inset 0 0 30px rgba(57,255,136,.15) !important;
}

/* Remove previous pseudo effects */
.vip-page-loader .vip-loader-avatar::before,
.vip-page-loader .vip-loader-avatar::after {
    pointer-events: none !important;
}

/* IMAGE = exact circle */
.vip-page-loader .vip-loader-avatar img.vip-mask-image,
.vip-page-loader .vip-loader-avatar .vip-mask-image {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    object-fit: cover !important;
    object-position: center center !important;

    background: #010301 !important;

    z-index: 2 !important;

    filter:
        contrast(1.12)
        brightness(.82)
        saturate(1.15)
        drop-shadow(0 0 10px rgba(57,255,136,.65)) !important;
}

/* Inner HUD line */
.vip-page-loader .vip-loader-avatar::before {
    content: "" !important;
    position: absolute !important;
    inset: 9px !important;
    width: auto !important;
    height: auto !important;

    border: 1px solid rgba(57,255,136,.38) !important;
    border-radius: 50% !important;

    z-index: 5 !important;
}

/* Animated outer ring */
.vip-page-loader .vip-loader-avatar::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;

    border: 2px solid transparent !important;
    border-top-color: #39ff88 !important;
    border-right-color: rgba(57,255,136,.45) !important;
    border-radius: 50% !important;

    z-index: 6 !important;

    animation: vipFinalRing 2s linear infinite !important;
}

@keyframes vipFinalRing {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Desktop title spacing */
.vip-page-loader .vip-loader-title {
    position: relative !important;
    z-index: 20 !important;
    margin-top: 0 !important;
}

/* Loading elements remain below */
.vip-page-loader .vip-loader-status,
.vip-page-loader .vip-loader-progress,
.vip-page-loader .vip-loader-info,
.vip-page-loader .vip-loader-scan {
    position: relative !important;
    z-index: 20 !important;
}

/* Mobile */
@media (max-width: 600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 260px !important;
        height: 260px !important;
        min-width: 260px !important;
        min-height: 260px !important;
        max-width: 260px !important;
        max-height: 260px !important;
    }
}


/* ===== VIP MASK — FULL IMAGE, NO ZOOM ===== */

.vip-page-loader .vip-loader-avatar {
    width: 320px !important;
    height: 320px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #010301 !important;
}

.vip-page-loader .vip-loader-avatar img.vip-mask-image,
.vip-page-loader .vip-loader-avatar .vip-mask-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 50% !important;
    background: #010301 !important;

    transform: none !important;
    scale: 1 !important;

    filter:
        contrast(1.08)
        brightness(.88)
        saturate(1.12)
        drop-shadow(0 0 10px rgba(57,255,136,.65)) !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 270px !important;
        height: 270px !important;
    }
}


/* ===== VIP LOADER — NO CIRCLE / CLEAN MASK ===== */

.vip-page-loader .vip-loader-box {
    width: min(600px, 94vw) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Remove circular frame completely */
.vip-page-loader .vip-loader-avatar {
    width: min(430px, 82vw) !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 430px !important;
    max-height: none !important;

    margin: 0 auto 24px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Full original image — no crop / no zoom */
.vip-page-loader .vip-loader-avatar img.vip-mask-image,
.vip-page-loader .vip-loader-avatar .vip-mask-image {
    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 430px !important;
    max-height: 430px !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;

    transform: none !important;

    /* premium green cyber lighting */
    filter:
        contrast(1.12)
        brightness(.86)
        saturate(1.18)
        drop-shadow(0 0 7px rgba(57,255,136,.65))
        drop-shadow(0 0 22px rgba(57,255,136,.30))
        drop-shadow(0 0 45px rgba(57,255,136,.12)) !important;
}

/* Remove all old circle effects */
.vip-page-loader .vip-loader-avatar::before,
.vip-page-loader .vip-loader-avatar::after,
.vip-page-loader .vip-loader-ring,
.vip-page-loader .vip-loader-glow {
    display: none !important;
    content: none !important;
}

/* Professional loading section */
.vip-page-loader .vip-loader-title {
    margin-top: 0 !important;
    font-size: 28px !important;
    letter-spacing: 6px !important;
}

.vip-page-loader .vip-loader-subtitle {
    margin-top: 6px !important;
}

.vip-page-loader .vip-loader-status {
    margin: 17px 0 13px !important;
}

.vip-page-loader .vip-loader-progress {
    width: min(520px, 88vw) !important;
    height: 5px !important;
}

.vip-page-loader .vip-loader-info {
    width: min(520px, 88vw) !important;
    margin-top: 9px !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width: min(330px, 82vw) !important;
    }

    .vip-page-loader .vip-loader-avatar img.vip-mask-image {
        max-width: 330px !important;
        max-height: 330px !important;
    }
}


/* ===== FINAL TRANSPARENT VIP MASK ===== */

.vip-page-loader .vip-loader-avatar {
    width: 280px !important;
    height: 350px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.vip-page-loader .vip-loader-avatar img.vip-mask-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;

    filter:
        contrast(1.15)
        brightness(.9)
        saturate(1.12)
        drop-shadow(0 0 7px rgba(57,255,136,.8))
        drop-shadow(0 0 20px rgba(57,255,136,.4)) !important;
}

.vip-page-loader .vip-loader-ring,
.vip-page-loader .vip-loader-glow,
.vip-page-loader .vip-loader-avatar::before,
.vip-page-loader .vip-loader-avatar::after {
    display: none !important;
}

.vip-page-loader .vip-loader-title {
    margin-top: 0 !important;
    font-size: 27px !important;
    letter-spacing: 5px !important;
}

.vip-page-loader .vip-loader-progress {
    width: min(480px, 86vw) !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 230px !important;
        height: 290px !important;
    }
}


/* ===== VIP MASK CLEAN FINAL SIZE ===== */

.vip-page-loader .vip-loader-avatar {
    width: 180px !important;
    height: 225px !important;
    min-width: 180px !important;
    min-height: 225px !important;
    max-width: 180px !important;
    max-height: 225px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.vip-page-loader .vip-loader-avatar img.vip-mask-image {
    display: block !important;
    width: 180px !important;
    height: 225px !important;
    max-width: 180px !important;
    max-height: 225px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    filter:
        contrast(1.12)
        brightness(.9)
        saturate(1.15)
        drop-shadow(0 0 7px rgba(57,255,136,.75))
        drop-shadow(0 0 18px rgba(57,255,136,.30)) !important;
}

.vip-page-loader .vip-loader-avatar::before,
.vip-page-loader .vip-loader-avatar::after,
.vip-page-loader .vip-loader-ring,
.vip-page-loader .vip-loader-glow {
    display: none !important;
}

.vip-page-loader .vip-loader-title {
    font-size: 24px !important;
    letter-spacing: 4px !important;
    margin: 0 !important;
}

.vip-page-loader .vip-loader-subtitle {
    font-size: 9px !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar {
        width: 155px !important;
        height: 195px !important;
        min-width: 155px !important;
        min-height: 195px !important;
        max-width: 155px !important;
        max-height: 195px !important;
    }

    .vip-page-loader .vip-loader-avatar img.vip-mask-image {
        width: 155px !important;
        height: 195px !important;
        max-width: 155px !important;
        max-height: 195px !important;
    }
}


.vip-page-loader .vip-loader-avatar,
.vip-page-loader .vip-loader-avatar img.vip-mask-image {
    width: 120px !important;
    height: 152px !important;
    min-width: 120px !important;
    min-height: 152px !important;
    max-width: 120px !important;
    max-height: 152px !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar,
    .vip-page-loader .vip-loader-avatar img.vip-mask-image {
        width: 105px !important;
        height: 132px !important;
        min-width: 105px !important;
        min-height: 132px !important;
        max-width: 105px !important;
        max-height: 132px !important;
    }
}


.vip-page-loader .vip-loader-avatar,
.vip-page-loader .vip-loader-avatar img.vip-mask-image {
    width: 90px !important;
    height: 114px !important;
    min-width: 90px !important;
    min-height: 114px !important;
    max-width: 90px !important;
    max-height: 114px !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar,
    .vip-page-loader .vip-loader-avatar img.vip-mask-image {
        width: 80px !important;
        height: 101px !important;
        min-width: 80px !important;
        min-height: 101px !important;
        max-width: 80px !important;
        max-height: 101px !important;
    }
}


.vip-page-loader .vip-loader-avatar,
.vip-page-loader .vip-loader-avatar img.vip-mask-image {
    width: 105px !important;
    height: 132px !important;
    min-width: 105px !important;
    min-height: 132px !important;
    max-width: 105px !important;
    max-height: 132px !important;
}

@media(max-width:600px) {
    .vip-page-loader .vip-loader-avatar,
    .vip-page-loader .vip-loader-avatar img.vip-mask-image {
        width: 95px !important;
        height: 120px !important;
        min-width: 95px !important;
        min-height: 120px !important;
        max-width: 95px !important;
        max-height: 120px !important;
    }
}


/* ===== POLICY / LEGAL PAGES — BLACK CYBER THEME ===== */

.page-wrapper,
.inner-page,
.policy-page,
.privacy-policy,
.terms-page,
.cookies-page,
.legal-page,
.static-page {
    background: #000 !important;
    color: #d7ffe5 !important;
}

.page-wrapper *,
.inner-page *,
.policy-page *,
.privacy-policy *,
.terms-page *,
.cookies-page *,
.legal-page *,
.static-page * {
    border-color: rgba(57,255,136,.18) !important;
}

.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.policy-page h1,
.policy-page h2,
.policy-page h3,
.privacy-policy h1,
.privacy-policy h2,
.terms-page h1,
.terms-page h2,
.cookies-page h1,
.cookies-page h2 {
    color: #39ff88 !important;
}

.page-wrapper p,
.page-wrapper li,
.policy-page p,
.policy-page li,
.privacy-policy p,
.privacy-policy li,
.terms-page p,
.terms-page li,
.cookies-page p,
.cookies-page li {
    color: #c9d8ce !important;
}

.page-wrapper a,
.policy-page a,
.privacy-policy a,
.terms-page a,
.cookies-page a {
    color: #39ff88 !important;
}


/* ===== LEGAL / POLICY — PURE BLACK + BOLD ===== */

.page-wrapper,
.inner-page,
.policy-page,
.privacy-policy,
.terms-page,
.cookies-page,
.legal-page,
.static-page {
    background: #000000 !important;
    color: #ffffff !important;
}

.page-wrapper *,
.inner-page *,
.policy-page *,
.privacy-policy *,
.terms-page *,
.cookies-page *,
.legal-page *,
.static-page * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.policy-page h1,
.policy-page h2,
.policy-page h3,
.privacy-policy h1,
.privacy-policy h2,
.terms-page h1,
.terms-page h2,
.cookies-page h1,
.cookies-page h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.page-wrapper a,
.policy-page a,
.privacy-policy a,
.terms-page a,
.cookies-page a {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* ===== VIP WELCOME POPUP ===== */

.vip-welcome-overlay {
    position: fixed;
    inset: 0;
    z-index: 999998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,.97);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .5s ease, visibility .5s ease;
}

.vip-welcome-overlay.vip-welcome-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.vip-welcome-overlay.vip-welcome-hide {
    opacity: 0;
    visibility: hidden;
}

.vip-welcome-card {
    width: min(620px, 92vw);
    padding: 42px 32px 28px;
    text-align: center;
    background: #000;
    border: 1px solid rgba(57,255,136,.28);
    box-shadow:
        0 0 45px rgba(57,255,136,.08),
        inset 0 0 35px rgba(57,255,136,.025);
    position: relative;
}

.vip-welcome-card::before,
.vip-welcome-card::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-color: #39ff88;
}

.vip-welcome-card::before {
    top: -1px;
    left: -1px;
    border-top: 2px solid;
    border-left: 2px solid;
}

.vip-welcome-card::after {
    right: -1px;
    bottom: -1px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

.vip-welcome-status {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    color: #39ff88;
    font: 600 10px Rajdhani, sans-serif;
    letter-spacing: 2.5px;
    margin-bottom: 24px;
}

.vip-status-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #39ff88;
    box-shadow: 0 0 8px #39ff88, 0 0 18px rgba(57,255,136,.6);
    animation: vipBlink 1s infinite;
}

.vip-welcome-title {
    color: #fff;
    font: 700 clamp(23px,5vw,36px) Rajdhani, sans-serif;
    letter-spacing: 3px;
    line-height: 1.15;
}

.vip-welcome-line {
    margin-top: 13px;
    color: #718078;
    font: 600 9px Inter, sans-serif;
    letter-spacing: 2px;
}

.vip-welcome-line i {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 8px;
    border-radius: 50%;
    background: #39ff88;
    vertical-align: middle;
}

.vip-enter-btn {
    margin-top: 30px;
    min-width: 260px;
    padding: 14px 24px;
    border: 1px solid #39ff88;
    background: rgba(57,255,136,.06);
    color: #39ff88;
    font: 700 12px Rajdhani, sans-serif;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .25s ease;
}

.vip-enter-btn span {
    margin-left: 12px;
    font-size: 17px;
}

.vip-enter-btn:hover {
    background: #39ff88;
    color: #000;
    box-shadow: 0 0 25px rgba(57,255,136,.35);
}

.vip-welcome-footer {
    margin-top: 22px;
    color: #3e4b43;
    font: 500 8px Inter, sans-serif;
    letter-spacing: 2px;
}

@media(max-width:600px) {
    .vip-welcome-card {
        padding: 34px 20px 24px;
    }

    .vip-welcome-title {
        letter-spacing: 2px;
    }

    .vip-enter-btn {
        width: 100%;
        min-width: 0;
    }
}


/* ===== VIP WELCOME — PREMIUM PRIVATE INTERFACE ===== */

.vip-welcome-overlay{
    background:#000 !important;
    backdrop-filter:blur(5px);
}

.vip-welcome-card{
    width:min(650px,92vw)!important;
    padding:48px 38px 32px!important;
    background:#000!important;
    border:1px solid rgba(57,255,136,.32)!important;
    box-shadow:
        0 0 80px rgba(57,255,136,.08),
        inset 0 0 50px rgba(57,255,136,.025)!important;
}

.vip-welcome-card:before,
.vip-welcome-card:after{
    width:42px!important;
    height:42px!important;
}

.vip-welcome-status{
    gap:14px!important;
    color:#39ff88!important;
    font-size:11px!important;
    letter-spacing:3px!important;
}

.vip-status-dot{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    border-radius:50%!important;
    background:#39ff88!important;
    box-shadow:
        0 0 8px #39ff88,
        0 0 20px #39ff88,
        0 0 38px rgba(57,255,136,.55)!important;
    animation:vipBigBlink 1s ease-in-out infinite!important;
}

.vip-welcome-title{
    color:#fff!important;
    font-size:clamp(25px,5vw,39px)!important;
    letter-spacing:4px!important;
    text-shadow:0 0 22px rgba(57,255,136,.18)!important;
}

.vip-welcome-line{
    color:#69766e!important;
    letter-spacing:3px!important;
}

.vip-enter-btn{
    min-width:300px!important;
    padding:16px 28px!important;
    margin-top:32px!important;
    border:1px solid rgba(57,255,136,.75)!important;
    background:rgba(57,255,136,.045)!important;
    color:#39ff88!important;
    box-shadow:0 0 20px rgba(57,255,136,.05)!important;
}

.vip-enter-btn:hover{
    background:#39ff88!important;
    color:#000!important;
    box-shadow:0 0 30px rgba(57,255,136,.35)!important;
}

.vip-welcome-footer{
    color:#39443e!important;
    letter-spacing:2.5px!important;
}

@keyframes vipBigBlink{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }
    50%{
        opacity:.25;
        transform:scale(.72);
    }
}

@media(max-width:600px){
    .vip-welcome-card{
        padding:38px 20px 28px!important;
    }

    .vip-welcome-title{
        font-size:25px!important;
        letter-spacing:2px!important;
    }

    .vip-enter-btn{
        width:100%!important;
        min-width:0!important;
    }
}


/* ===== DARK WEB VIP WELCOME ===== */

.vip-welcome-overlay{
    background:#000!important;
}

.vip-welcome-card{
    width:min(680px,92vw)!important;
    padding:52px 38px 34px!important;
    background:#000!important;
    border:1px solid rgba(57,255,136,.42)!important;
    box-shadow:
        0 0 80px rgba(57,255,136,.12),
        inset 0 0 55px rgba(57,255,136,.035)!important;
}

.vip-welcome-title{
    color:#fff!important;
    font-size:clamp(27px,5vw,42px)!important;
    font-weight:700!important;
    letter-spacing:5px!important;
    text-shadow:0 0 24px rgba(57,255,136,.22)!important;
}

.vip-welcome-status{
    color:#39ff88!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:3px!important;
}

.vip-status-dot{
    width:13px!important;
    height:13px!important;
    background:#39ff88!important;
    box-shadow:
        0 0 8px #39ff88,
        0 0 22px #39ff88,
        0 0 40px rgba(57,255,136,.65)!important;
    animation:vipBigBlink 1s ease-in-out infinite!important;
}

.vip-welcome-line{
    color:#65736b!important;
    font-size:9px!important;
    letter-spacing:4px!important;
}

.vip-enter-btn{
    min-width:310px!important;
    padding:17px 28px!important;
    border:1px solid #39ff88!important;
    background:rgba(57,255,136,.045)!important;
    color:#39ff88!important;
    font-weight:700!important;
    letter-spacing:2.5px!important;
}

.vip-enter-btn:hover{
    background:#39ff88!important;
    color:#000!important;
    box-shadow:0 0 35px rgba(57,255,136,.4)!important;
}

@keyframes vipBigBlink{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.25;transform:scale(.72)}
}


/* ===== GLOBAL VIP ALIGNMENT FIX ===== */

.container,
.container-fluid {
    margin-left: auto !important;
    margin-right: auto !important;
}

.row {
    justify-content: center !important;
}

[class*="col-"] {
    margin-left: 0 !important;
}

/* Cards / panels */
.card,
.custom--card,
.dashboard-card,
.balance-card,
.stat-card,
.widget-card,
.form--control,
.login-form,
.register-form {
    box-sizing: border-box !important;
}

/* Auth pages */
.login-page,
.register-page,
.authentication-page,
.auth-page {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.login-page .container,
.register-page .container,
.authentication-page .container,
.auth-page .container {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Auth card */
.login-page .card,
.register-page .card,
.authentication-page .card,
.auth-page .card {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Dashboard content */
.dashboard,
.dashboard-wrapper,
.dashboard-content,
.user-dashboard,
.main-content {
    box-sizing: border-box !important;
}

.dashboard .row,
.dashboard-wrapper .row,
.dashboard-content .row,
.user-dashboard .row {
    justify-content: center !important;
}

/* Prevent accidental horizontal overflow */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Mobile */
@media(max-width:767px) {
    .container,
    .container-fluid {
        width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    [class*="col-"] {
        width: 100%;
    }
}


/* ===== GLOBAL RESPONSIVE CENTER + FIT ===== */

.container,
.container-fluid {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.dashboard .row > [class*="col-"],
.dashboard-wrapper .row > [class*="col-"],
.dashboard-content .row > [class*="col-"],
.user-dashboard .row > [class*="col-"] {
    display: flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.dashboard .card,
.dashboard-wrapper .card,
.dashboard-content .card,
.user-dashboard .card,
.dashboard .custom--card,
.dashboard-wrapper .custom--card,
.dashboard-content .custom--card {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.dashboard .container,
.dashboard-wrapper .container,
.dashboard-content .container,
.user-dashboard .container {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.login-form,
.register-form,
.auth-form,
.authentication-form,
.login-page .card,
.register-page .card,
.auth-page .card {
    width: 100% !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

img,
video,
iframe,
table {
    max-width: 100% !important;
}

input,
select,
textarea,
button {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media(max-width:767px) {
    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .dashboard .row > [class*="col-"],
    .dashboard-wrapper .row > [class*="col-"],
    .dashboard-content .row > [class*="col-"],
    .user-dashboard .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .dashboard .card,
    .dashboard-wrapper .card,
    .dashboard-content .card,
    .user-dashboard .card,
    .dashboard .custom--card,
    .dashboard-wrapper .custom--card,
    .dashboard-content .custom--card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .login-form,
    .register-form,
    .auth-form,
    .authentication-form,
    .login-page .card,
    .register-page .card,
    .auth-page .card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media(max-width:400px) {
    .container,
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}


/* ===== PROFESSIONAL DARKWEB TEXT LOGO ===== */

.navbar-brand img,
.site-logo img,
.logo img,
.header-logo img {
    display: none !important;
}

.navbar-brand,
.site-logo,
.logo,
.header-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.navbar-brand::after,
.site-logo::after,
.logo::after,
.header-logo::after {
    content: "DARKWEB";
    display: inline-block !important;
    color: #39ff88 !important;
    font-family: Rajdhani, Inter, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    line-height: 1 !important;
    text-shadow:
        0 0 8px rgba(57,255,136,.45),
        0 0 20px rgba(57,255,136,.16) !important;
}

@media(max-width:600px) {
    .navbar-brand::after,
    .site-logo::after,
    .logo::after,
    .header-logo::after {
        font-size: 23px !important;
        letter-spacing: 2.5px !important;
    }
}


/* ===== HEADER LOGO: IMAGE REPLACED BY DARKWEB ===== */

.navbar-brand img,
.navbar-brand picture,
.site-logo img,
.header-logo img {
    display: none !important;
}

.navbar-brand,
.site-logo,
.header-logo {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
}

.navbar-brand::after,
.site-logo::after,
.header-logo::after {
    content: "DarkWeb" !important;
    display: block !important;
    white-space: nowrap !important;
    color: #39ff88 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    text-transform: none !important;
    text-shadow: 0 0 10px rgba(57,255,136,.35) !important;
}

@media(max-width:600px) {
    .navbar-brand::after,
    .site-logo::after,
    .header-logo::after {
        font-size: 22px !important;
        letter-spacing: 1.5px !important;
    }
}


/* ===== HEADER LOGO — REPLACE IMAGE IN SAME LOGO AREA ===== */

.navbar .navbar-brand,
.navbar .logo,
.navbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 220px !important;
    max-width: 220px !important;
    height: 50px !important;
    overflow: hidden !important;
}

.navbar .navbar-brand img,
.navbar .logo img,
.navbar-brand img {
    display: none !important;
}

.navbar .navbar-brand::after,
.navbar .logo::after,
.navbar-brand::after {
    content: "DarkWeb" !important;
    display: block !important;
    width: 100% !important;
    color: #39ff88 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 29px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-shadow: 0 0 10px rgba(57,255,136,.35) !important;
}

@media(max-width:600px) {
    .navbar .navbar-brand,
    .navbar .logo,
    .navbar-brand {
        width: 150px !important;
        max-width: 150px !important;
        height: 44px !important;
    }

    .navbar .navbar-brand::after,
    .navbar .logo::after,
    .navbar-brand::after {
        font-size: 23px !important;
        line-height: 44px !important;
    }
}


/* ===== HEADER IMAGE -> DARKWEB TEXT ===== */

.navbar-brand img,
.navbar .logo img {
    display: none !important;
}

.navbar-brand,
.navbar .logo {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 220px !important;
    height: auto !important;
}

.navbar-brand::after,
.navbar .logo::after {
    content: "DarkWeb" !important;
    display: inline-block !important;
    color: #39ff88 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 0 10px rgba(57,255,136,.35) !important;
}

@media(max-width:767px) {
    .navbar-brand::after,
    .navbar .logo::after {
        font-size: 23px !important;
    }
}


/* ===== DARKWEB TEXT LOGO — SAME LOGO POSITION ===== */


@media(max-width:767px) {
    
}


/* ===== FINAL LOGO CLEANUP ===== */
.navbar-brand::after,
.navbar .logo::after,
.site-logo::after,
.header-logo::after {
    content: none !important;
    display: none !important;
}

.navbar-brand 

/* Remove accidental duplicate pseudo text */
.vip-welcome-line i + i {
    display: none !important;
}

@media(max-width:767px) {
    .navbar-brand 
}

/* ===== FINAL DARKWEB LOGO CLEANUP ===== */

.navbar-brand::before,
.navbar-brand::after,
.navbar .logo::before,
.navbar .logo::after,
.site-logo::before,
.site-logo::after,
.header-logo::before,
.header-logo::after,
.mode-logo::before,
.mode-logo::after {
    content: none !important;
    display: none !important;
}


@media(max-width:767px) {
    
}


/* Exactly one logo text at the original logo position */


/* Never allow accidental duplicates beside each other */


@media(max-width:767px) {
    
}


/* FINAL: AUTH LOGIN/REGISTER — EXACTLY ONE LOGO */
.account-section .logo .mode-logo {
    position: relative !important;
}

.account-section .logo .mode-logo::before,
.account-section .logo .mode-logo::after,
.account-section .logo .mode-logo a::before,
.account-section .logo .mode-logo a::after {
    content: none !important;
    display: none !important;
}

.account-section .logo .mode-logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.account-section .logo .mode-logo 


/* Header logo replacement */
.header-bottom .mode-logo a {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.header-bottom .mode-logo a::after {
    content: "DARK WEB" !important;
    display: inline-block !important;
    color: #000 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.header-bottom .mode-logo img {
    display: none !important;
}

@media (max-width: 767px) {
    .header-bottom .mode-logo a::after {
        font-size: 22px !important;
        letter-spacing: 1.5px !important;
    }
}


/* Header DARK WEB — neon green glow */
.header-bottom .mode-logo a::after {
    content: "DARK WEB" !important;
    color: #39ff88 !important;
    text-shadow:
        0 0 5px #39ff88,
        0 0 10px #39ff88,
        0 0 20px #39ff88,
        0 0 35px rgba(57,255,136,.8) !important;
    animation: darkWebGlow 1.8s ease-in-out infinite alternate !important;
}

@keyframes darkWebGlow {
    from {
        text-shadow:
            0 0 4px #39ff88,
            0 0 8px #39ff88,
            0 0 14px rgba(57,255,136,.5);
    }
    to {
        text-shadow:
            0 0 6px #39ff88,
            0 0 15px #39ff88,
            0 0 30px #39ff88,
            0 0 45px rgba(57,255,136,.9);
    }
}


/* FINAL HEADER LOGO: remove duplicate, center single logo */
.header-bottom .mode-logo a .darkweb-text-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #39ff88 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    text-shadow:
        0 0 5px #39ff88,
        0 0 12px #39ff88,
        0 0 25px rgba(57,255,136,.8) !important;
}

.header-bottom .mode-logo a::after {
    content: none !important;
    display: none !important;
}

.header-bottom .mode-logo a {
    justify-content: center !important;
}


/* FINAL HEADER SINGLE LOGO */
.header-bottom .mode-logo a::before,
.header-bottom .mode-logo a::after {
    content: none !important;
    display: none !important;
}
.header-bottom .mode-logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header-darkweb-logo {
    display: inline-block !important;
    color: #39ff88 !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 5px #39ff88, 0 0 12px #39ff88, 0 0 25px rgba(57,255,136,.8) !important;
}

/* AUTH PAGES — REMOVE DUPLICATE DARK WEB LOGOS */
body:has(.auth-single-logo) .auth-single-logo img,
body:has(.auth-single-logo) .auth-single-logo::before,
body:has(.auth-single-logo) .auth-single-logo::after {
    display: none !important;
}

body:has(.auth-single-logo) .auth-single-logo {
    font-size: 0 !important;
}

body:has(.auth-single-logo) .auth-single-logo::before,
body:has(.auth-single-logo) .auth-single-logo::after {
    content: none !important;
}


/* REMOVE EXTRA DARK WEB LOGO — LOGIN + REGISTER */
body:has(.auth-single-logo) .auth-single-logo,
body:has(.login) .auth-single-logo,
body:has(.register) .auth-single-logo {
    display: none !important;
}

body:has(.auth-single-logo) .auth-single-logo img,
body:has(.auth-single-logo) .auth-single-logo::before,
body:has(.auth-single-logo) .auth-single-logo::after {
    display: none !important;
    content: none !important;
}


/* AUTH LOGIN + REGISTER — REMOVE ALL GENERATED DARKWEB LOGOS */
.auth-single-logo,
.auth-single-logo::before,
.auth-single-logo::after,
.auth-single-logo * {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}


/* FINAL AUTH CLEANUP — LOGIN + REGISTER */
body:has(form) .header-top::before,
body:has(form) .header-top::after,
body:has(form) .mode-logo::before,
body:has(form) .mode-logo::after,
body:has(form) .mode-logo a::before,
body:has(form) .mode-logo a::after,
body:has(form) .header-darkweb-logo::before,
body:has(form) .header-darkweb-logo::after,
body:has(form) .darkweb-text-logo::before,
body:has(form) .darkweb-text-logo::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

body:has(form) .header-darkweb-logo,
body:has(form) .darkweb-text-logo {
    display: none !important;
    visibility: hidden !important;
}


/* LOGIN + REGISTER: REMOVE ALL CSS-GENERATED DARKWEB LOGOS */
body:has(form) .navbar-brand::after,
body:has(form) .site-logo::after,
body:has(form) .logo::after,
body:has(form) .header-logo::after,
body:has(form) .header-bottom .mode-logo a::after,
body:has(form) .navbar .navbar-brand::after,
body:has(form) .navbar .logo::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}



/* AUTH HOME BRAND — LOGIN + REGISTER */
.auth-home-brand {
    width: 100%;
    text-align: center !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}
.auth-home-brand a {
    display: inline-block !important;
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-family: Rajdhani, Inter, sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
}
.auth-home-brand a:hover {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    text-shadow: none !important;
}

/* AUTH HOME BRAND — TIGHT SPACING */
.auth-home-brand {
    margin-bottom: 5px !important;
}
.auth-home-brand + * {
    margin-top: 0 !important;
}