@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&family=Exo+2:wght@300;400;500;600;700;800&family=Cinzel+Decorative:wght@700;900&family=Rajdhani:wght@400;500;600;700&display=swap');

/* ═══════════════════════════════════════════════
   RESET & ROOT
═══════════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

:root{
    /* Core Colors */
    --bg:#020508;
    --bg2:#030c15;
    --bg3:#041224;
    --bg-card:rgba(4,14,28,0.97);

    /* Cyan Spectrum */
    --cyan:#00e5ff;
    --cyan2:#00b0cc;
    --cyan3:#7fefff;
    --cyan4:rgba(0,229,255,0.06);

    /* Gold Spectrum */
    --gold:#ffd060;
    --gold2:#ffb300;
    --gold3:#ffe9a0;
    --gold-glow:rgba(255,208,96,0.4);

    /* Violet */
    --violet:#6600dd;
    --violet2:#9933ff;
    --violet3:#cc88ff;

    /* Alerts */
    --fire:#ff4400;
    --fire2:#ff8800;
    --green:#00ff99;
    --pink:#ff0055;
    --red:#ff2020;

    /* Text */
    --text:#c8e8f8;
    --text-muted:#4a7a9b;
    --text-dim:#2a5068;
    --dim:var(--text-muted);
    --dim2:#1a3045;

    /* Borders */
    --border-c:rgba(0,229,255,0.10);
    --border-c2:rgba(0,229,255,0.28);
    --border-v:rgba(153,51,255,0.2);
    --border-g:var(--border-c);
    --border-g2:var(--border-c2);

    /* Glows */
    --glow-c:0 0 24px rgba(0,229,255,0.3),0 0 80px rgba(0,229,255,0.06);
    --glow-c-strong:0 0 40px rgba(0,229,255,0.55),0 0 100px rgba(0,229,255,0.15);
    --glow-v:0 0 24px rgba(153,51,255,0.35),0 0 70px rgba(153,51,255,0.08);
    --glow-gold:0 0 24px rgba(255,208,96,0.4),0 0 80px rgba(255,208,96,0.1);
    --glow-p:0 0 20px rgba(255,0,85,0.4);
    --glow-fire:0 0 24px rgba(255,68,0,0.5),0 0 80px rgba(255,68,0,0.12);
    --shadow-gold:var(--glow-c);

    /* Aliases */
    --accent:var(--violet2);
    --accent-blue:var(--cyan);
    --accent-gold:var(--gold);
    --text-dim:var(--text-muted);

    /* Spacing */
    --site-max:1380px;
    --pad-h:clamp(20px,4vw,60px);

    /* Transitions */
    --ease:cubic-bezier(.23,1,.32,1);
}

html{scroll-behavior:smooth;}

/* ═══════════════════════════════════════════════
   CUSTOM CURSOR
═══════════════════════════════════════════════ */
* { cursor: url('../../Normal.png') 16 16, auto !important; }
a, button, input[type="submit"], input[type="button"], .button, .btn-3d, .btn-outline, .btn-danger { cursor: url('../../Button.png') 0 0, pointer !important; }

/* ═══════════════════════════════════════════════
   BODY & BACKGROUND
═══════════════════════════════════════════════ */
body{
    font-family:'Exo 2',sans-serif;
    background:var(--bg);
    color:var(--text);
    min-height:100vh;
    overflow-x:hidden;
    line-height:1.6;
    display:flex;flex-direction:column;
}

/* Atmospheric gradient */
body::before{
    content:'';
    position:fixed;inset:0;z-index:0;
    background:
        radial-gradient(ellipse 80% 55% at 12% 8%,  rgba(0,200,255,0.055) 0%,transparent 60%),
        radial-gradient(ellipse 60% 45% at 88% 88%, rgba(100,0,220,0.06) 0%,transparent 60%),
        radial-gradient(ellipse 40% 60% at 50% 50%,  rgba(0,0,20,0.6) 0%,transparent 100%),
        radial-gradient(ellipse 100% 35% at 50% 0%,  rgba(255,100,0,0.025) 0%,transparent 55%);
    pointer-events:none;
    animation:auroraPulse 14s ease-in-out infinite alternate;
}
@keyframes auroraPulse{
    0%{background:
        radial-gradient(ellipse 80% 55% at 12% 8%,  rgba(0,200,255,0.06) 0%,transparent 60%),
        radial-gradient(ellipse 60% 45% at 88% 88%, rgba(100,0,220,0.07) 0%,transparent 60%),
        radial-gradient(ellipse 40% 60% at 50% 50%,  rgba(0,0,20,0.6) 0%,transparent 100%),
        radial-gradient(ellipse 100% 35% at 50% 0%,  rgba(255,100,0,0.025) 0%,transparent 55%);}
    50%{background:
        radial-gradient(ellipse 90% 65% at 20% 15%,  rgba(0,180,255,0.05) 0%,transparent 60%),
        radial-gradient(ellipse 70% 55% at 80% 80%,  rgba(150,0,255,0.08) 0%,transparent 60%),
        radial-gradient(ellipse 40% 60% at 50% 50%,  rgba(0,0,20,0.6) 0%,transparent 100%),
        radial-gradient(ellipse 100% 35% at 42% 5%,  rgba(255,80,0,0.035) 0%,transparent 55%);}
    100%{background:
        radial-gradient(ellipse 75% 60% at 8% 5%,   rgba(0,229,255,0.05) 0%,transparent 60%),
        radial-gradient(ellipse 65% 50% at 92% 90%,  rgba(80,0,200,0.06) 0%,transparent 60%),
        radial-gradient(ellipse 40% 60% at 50% 50%,  rgba(0,0,20,0.6) 0%,transparent 100%),
        radial-gradient(ellipse 100% 35% at 55% 2%,  rgba(255,120,0,0.03) 0%,transparent 55%);}
}

/* Scanlines */
body::after{
    content:'';
    position:fixed;inset:0;z-index:0;
    background:repeating-linear-gradient(
        0deg,transparent,transparent 2px,
        rgba(0,229,255,0.008) 2px,rgba(0,229,255,0.008) 3px
    );
    pointer-events:none;
    animation:scanMove 12s linear infinite;
}
@keyframes scanMove{0%{background-position:0 0;}100%{background-position:0 300px;}}

/* Grid overlay */
.grid-overlay{
    position:fixed;inset:0;z-index:0;
    background-image:
        linear-gradient(rgba(0,229,255,0.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,229,255,0.018) 1px,transparent 1px);
    background-size:70px 70px;
    pointer-events:none;
    animation:gridDrift 25s linear infinite;
}
@keyframes gridDrift{0%{background-position:0 0;}100%{background-position:70px 70px;}}

#particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0.85;}

.vignette{
    position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 35%,rgba(0,1,5,0.92) 100%);
}

/* Scrollbar */
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--cyan),var(--violet2),var(--gold2));
    border-radius:2px;
}

/* ═══════════════════════════════════════════════
   PAGE LOAD ANIMATION
═══════════════════════════════════════════════ */
@keyframes fadeInUp{
    from{opacity:0;transform:translateY(20px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* ═══════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════ */
header{
    position:sticky;top:0;z-index:100;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 var(--pad-h);height:70px;
    background:rgba(2,5,8,0.96);
    border-bottom:1px solid var(--border-c);
    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);
}

/* Top beam */
header::before{
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,
        transparent 0%,
        var(--violet2) 12%,
        var(--cyan) 35%,
        var(--gold2) 50%,
        var(--cyan) 65%,
        var(--violet2) 88%,
        transparent 100%
    );
    animation:headerBeam 6s ease-in-out infinite;
    opacity:0.7;
}
@keyframes headerBeam{0%,100%{opacity:0.5;}50%{opacity:1;}}

header::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,229,255,0.18),transparent);
}

/* Logo */
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-icon{width:36px;height:36px;flex-shrink:0;animation:logoSpin 12s linear infinite;}
@keyframes logoSpin{to{transform:rotate(360deg);}}
.logo-text-wrap{}
.logo-name{
    font-family:'Cinzel Decorative',serif;font-size:16px;font-weight:900;
    letter-spacing:3px;color:var(--gold2);
    text-shadow:0 0 30px rgba(240,184,48,0.25);display:block;
}
.logo-game{
    font-size:7px;letter-spacing:4.5px;text-transform:uppercase;
    color:rgba(200,148,26,0.45);display:block;margin-top:-2px;
}

/* Nav */
nav ul{display:flex;gap:0;list-style:none;}
nav ul li a{
    padding:0 16px;height:70px;display:flex;align-items:center;
    color:var(--text-dim);text-decoration:none;
    font-size:9px;font-weight:700;text-transform:uppercase;
    letter-spacing:3px;transition:.25s var(--ease);position:relative;
    font-family:'Orbitron',sans-serif;
}
nav ul li a::before{
    content:'';position:absolute;top:0;left:50%;right:50%;height:2px;
    background:linear-gradient(90deg,var(--violet2),var(--cyan),var(--gold2));
    box-shadow:0 0 14px var(--cyan);transition:.3s var(--ease);
}
nav ul li a::after{
    content:'';position:absolute;bottom:0;left:50%;right:50%;height:1px;
    background:var(--cyan);transition:.3s var(--ease);
}
nav ul li a:hover,nav ul li.active a{color:var(--cyan3);}
nav ul li a:hover::before,nav ul li.active a::before{left:0;right:0;}
nav ul li a:hover::after,nav ul li.active a::after{left:10%;right:10%;}

/* Buttons */
.top-panel_right{display:flex;gap:8px;}
.top-panel_right a.button{
    padding:9px 22px;font-family:'Orbitron',sans-serif;
    font-size:9px;font-weight:700;text-transform:uppercase;
    letter-spacing:2px;text-decoration:none;border:none;
    transition:.25s var(--ease);position:relative;overflow:hidden;
    clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%);
}
.top-panel_right a.button:first-child{
    background:transparent;border:1px solid var(--border-c2);color:var(--cyan);
}
.top-panel_right a.button:first-child:hover{
    background:rgba(0,229,255,0.07);color:var(--cyan3);box-shadow:var(--glow-c);
}
.top-panel_right a.button:last-child{
    background:linear-gradient(135deg,var(--violet),var(--violet2));
    color:#fff;box-shadow:var(--glow-v);
}
.top-panel_right a.button:last-child:hover{
    box-shadow:0 0 40px rgba(153,51,255,0.7);transform:translateY(-1px);
}
.top-panel_right a.button:only-child{
    background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#000;
    font-weight:900;
}

/* ═══════════════════════════════════════════════
   MAIN LAYOUT — WRAPPER
═══════════════════════════════════════════════ */
main.content{
    flex:1;
    position:relative;z-index:2;
    max-width:var(--site-max);
    margin:0 auto;
    padding:0 var(--pad-h);
    width:100%;
}

/* ═══════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════ */
.hero-section{
    text-align:center;
    padding:100px 20px 80px;
    position:relative;
}

/* Side accents */
.hero-section::before,.hero-section::after{
    content:'';position:absolute;top:20%;width:1px;height:240px;
    background:linear-gradient(180deg,transparent,var(--cyan),var(--gold2),transparent);
    opacity:0.25;
}
.hero-section::before{left:0;}
.hero-section::after{right:0;}

/* Eyebrow */
.hero-eyebrow{
    font-size:9px;font-weight:700;letter-spacing:8px;text-transform:uppercase;
    color:var(--gold2);margin-bottom:24px;
    display:flex;align-items:center;justify-content:center;gap:18px;
    font-family:'Share Tech Mono',monospace;
    animation:fadeInUp .7s var(--ease) both;
}
.hero-eyebrow::before,.hero-eyebrow::after{
    content:'';width:70px;height:1px;
    background:linear-gradient(90deg,transparent,var(--gold2));
    box-shadow:0 0 12px var(--gold2);
}
.hero-eyebrow::after{background:linear-gradient(90deg,var(--gold2),transparent);}

/* MAIN TITLE */
.hero-title-wrap{
    position:relative;display:inline-block;
    margin-bottom:8px;
    animation:fadeInUp .8s var(--ease) .1s both;
}

/* Glow halo behind title */
.hero-title-wrap::before{
    content:'';position:absolute;
    inset:-30px;
    background:radial-gradient(ellipse,rgba(0,229,255,0.06) 0%,transparent 70%);
    pointer-events:none;
    animation:haloPulse 4s ease-in-out infinite;
}
@keyframes haloPulse{0%,100%{opacity:0.6;}50%{opacity:1;}}

.hero-section h1{
    font-family:'Orbitron',sans-serif;
    font-size:clamp(48px,9vw,96px);
    font-weight:900;line-height:0.92;letter-spacing:clamp(8px,1.5vw,16px);
    text-transform:uppercase;
    background:linear-gradient(180deg,
        #ffffff 0%,
        var(--cyan3) 18%,
        var(--cyan) 50%,
        var(--cyan2) 72%,
        rgba(0,80,120,0.55) 100%
    );
    -webkit-background-clip:text;background-clip:text;color:transparent;
    position:relative;
    animation:titlePulse 5s ease-in-out infinite;
}
.hero-section h1::before{
    content:attr(data-text);
    position:absolute;top:0;left:0;right:0;
    background:linear-gradient(180deg,rgba(255,255,255,0.05),var(--cyan3) 20%,var(--cyan) 50%,transparent);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:blur(14px);opacity:0.45;
    animation:titleGlowPulse 5s ease-in-out infinite;
    pointer-events:none;
}
@keyframes titlePulse{
    0%,100%{filter:drop-shadow(0 0 30px rgba(0,229,255,0.2));}
    50%{filter:drop-shadow(0 0 65px rgba(0,229,255,0.5)) drop-shadow(0 0 140px rgba(0,229,255,0.12));}
}
@keyframes titleGlowPulse{0%,100%{opacity:0.25;}50%{opacity:0.6;}}

/* Glitch on hover */
.hero-section h1:hover{animation:glitchBig .4s steps(2) forwards;}
@keyframes glitchBig{
    0%{transform:translate(0);}
    15%{transform:translate(-5px,2px) skew(-1deg);filter:drop-shadow(6px 0 var(--pink)) drop-shadow(-6px 0 var(--violet2));}
    35%{transform:translate(5px,-2px) skew(.5deg);filter:drop-shadow(-6px 0 var(--cyan)) drop-shadow(6px 0 var(--gold2));}
    55%{transform:translate(-3px,1px);}
    75%{transform:translate(3px,-1px);filter:drop-shadow(3px 0 var(--violet2));}
    100%{transform:translate(0);filter:drop-shadow(0 0 35px rgba(0,229,255,0.5));}
}

/* Subtitle row */
.hero-subtitle-row{
    display:flex;align-items:center;justify-content:center;gap:16px;
    margin:22px 0 16px;
    animation:fadeInUp .7s var(--ease) .2s both;
}
.hero-subtitle-row span{
    font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:7px;
    text-transform:uppercase;color:var(--text-dim);
}
.hero-subtitle-row::before,.hero-subtitle-row::after{
    content:'';flex:1;max-width:160px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,229,255,0.2));
}
.hero-subtitle-row::after{background:linear-gradient(90deg,rgba(0,229,255,0.2),transparent);}

/* Tagline */
.hero-section>p.hero-tagline{
    font-size:11px;color:var(--text-dim);max-width:480px;
    margin:0 auto 54px;letter-spacing:4px;text-transform:uppercase;font-weight:700;
    font-family:'Share Tech Mono',monospace;
    min-height:1.6em;
    animation:fadeInUp .7s var(--ease) .3s both;
}

/* STAT GRID */
.stat-grid{
    display:flex;justify-content:center;gap:8px;
    margin-bottom:52px;flex-wrap:wrap;
    animation:fadeInUp .7s var(--ease) .35s both;
}

.stat-card{
    padding:28px 56px;
    background:linear-gradient(145deg,rgba(4,18,32,0.98),rgba(2,8,18,0.99));
    border:1px solid var(--border-c);
    position:relative;overflow:hidden;
    clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);
    transition:.4s var(--ease);
}
.stat-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--gold2),transparent);
    animation:cardBeam 4.5s ease-in-out infinite;
}
.stat-card::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(0,229,255,0.03) 0%,transparent 60%);
    pointer-events:none;
}
@keyframes cardBeam{0%,100%{opacity:0.25;}50%{opacity:0.9;}}
.stat-card:hover{
    border-color:rgba(255,208,96,0.35);transform:translateY(-7px);
    box-shadow:var(--glow-gold),inset 0 0 50px rgba(255,208,96,0.02);
}
.stat-card .number{
    font-family:'Orbitron',sans-serif;font-size:42px;font-weight:900;line-height:1;
    background:linear-gradient(180deg,#ffffff,var(--gold3) 40%,var(--gold2));
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat-card .label{
    font-size:8px;letter-spacing:4px;text-transform:uppercase;
    color:var(--text-dim);margin-top:8px;font-weight:700;
    font-family:'Orbitron',sans-serif;
}

/* ═══════════════════════════════════════════════
   HERO BUTTONS
═══════════════════════════════════════════════ */
.btn-3d{
    display:inline-flex;align-items:center;gap:9px;
    padding:16px 42px;
    font-family:'Orbitron',sans-serif;font-size:9.5px;font-weight:800;
    letter-spacing:3px;text-transform:uppercase;
    color:#050d14;text-decoration:none;border:none;
    background:linear-gradient(180deg,#a0f4ff 0%,var(--cyan) 48%,var(--cyan2) 100%);
    clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
    position:relative;overflow:hidden;transition:.3s var(--ease);
    box-shadow:0 0 40px rgba(0,229,255,0.5),0 6px 0 rgba(0,50,80,0.9);
    font-weight:900;
}
.btn-3d::before{
    content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);
    transition:.7s;
}
.btn-3d:hover::before{left:150%;}
.btn-3d:hover{
    box-shadow:0 0 70px rgba(0,229,255,0.8),0 3px 0 rgba(0,50,80,0.9);
    transform:translateY(3px);
}
.btn-3d:active{transform:translateY(6px);}

.btn-outline{
    display:inline-flex;align-items:center;gap:9px;
    padding:16px 42px;
    font-family:'Orbitron',sans-serif;font-size:9.5px;font-weight:800;
    letter-spacing:3px;text-transform:uppercase;
    color:var(--cyan);text-decoration:none;
    background:transparent;border:1px solid var(--border-c2);
    clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
    transition:.3s var(--ease);position:relative;overflow:hidden;
}
.btn-outline::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(0,229,255,0),rgba(0,229,255,0.1));
    transform:translateX(-100%);transition:.4s var(--ease);
}
.btn-outline:hover::before{transform:translateX(0);}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan3);box-shadow:var(--glow-c);}

.btn-danger{
    display:inline-flex;align-items:center;gap:9px;
    padding:16px 42px;
    font-family:'Orbitron',sans-serif;font-size:9.5px;font-weight:800;
    letter-spacing:3px;text-transform:uppercase;
    color:#fff;text-decoration:none;border:none;
    background:linear-gradient(180deg,var(--violet2),var(--violet));
    clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
    transition:.3s var(--ease);
    box-shadow:var(--glow-v),0 6px 0 rgba(30,0,70,0.9);
}
.btn-danger:hover{
    box-shadow:0 0 65px rgba(153,51,255,0.75),0 3px 0 rgba(30,0,70,0.9);
    transform:translateY(3px);
}

/* ═══════════════════════════════════════════════
   SECTION TITLE
═══════════════════════════════════════════════ */
.block-title-news{position:relative;margin-bottom:36px;}
.block-title-news .divider-row{display:flex;align-items:center;gap:18px;}
.block-title-news .divider-row .line{
    flex:1;height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,229,255,0.18),transparent);
}
.block-title-news h1{
    font-family:'Orbitron',sans-serif;
    font-size:10px;font-weight:700;letter-spacing:7px;
    color:var(--cyan);text-transform:uppercase;
    display:flex;align-items:center;gap:14px;white-space:nowrap;
}
.block-title-news h1::before,.block-title-news h1::after{
    content:'';width:8px;height:1px;
    background:var(--gold2);
    box-shadow:0 0 8px var(--gold2);
}

/* ═══════════════════════════════════════════════
   FEATURES GRID
═══════════════════════════════════════════════ */
.features-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
    gap:16px;
    margin-bottom:70px;
}

.feature-card{
    background:var(--bg-card);
    border:1px solid var(--border-c);
    padding:36px 30px;
    position:relative;overflow:hidden;
    transition:.45s var(--ease);
}
/* Glow line left */
.feature-card::before{
    content:'';position:absolute;top:0;left:0;width:2px;height:0;
    background:linear-gradient(180deg,var(--gold2),var(--cyan),var(--violet2));
    transition:.45s var(--ease);
}
/* Bottom-right corner accent */
.feature-card::after{
    content:'';position:absolute;bottom:0;right:0;
    width:0;height:0;border-style:solid;
    border-width:0 0 22px 22px;
    border-color:transparent transparent rgba(0,229,255,0.1) transparent;
    transition:.45s var(--ease);
}
/* Inner shimmer */
.feature-card .fc-shimmer{
    position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(255,208,96,0.03) 0%,transparent 50%);
    pointer-events:none;opacity:0;transition:.4s;
}
.feature-card:hover{
    border-color:rgba(0,229,255,0.25);
    transform:translateY(-8px);
    box-shadow:var(--glow-c),0 30px 80px rgba(0,0,0,0.7);
}
.feature-card:hover::before{height:100%;}
.feature-card:hover::after{border-width:0 0 32px 32px;border-color:transparent transparent rgba(255,208,96,0.15) transparent;}
.feature-card:hover .fc-shimmer{opacity:1;}

.feature-icon{
    width:52px;height:52px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,229,255,0.04);
    border:1px solid rgba(0,229,255,0.12);
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    margin-bottom:20px;
    transition:.35s var(--ease);
}
.feature-card:hover .feature-icon{
    background:rgba(255,208,96,0.07);
    border-color:rgba(255,208,96,0.2);
    box-shadow:0 0 25px rgba(255,208,96,0.2);
}
.feature-card:hover .feature-icon svg{stroke:var(--gold2)!important;}

.feature-card h3{
    font-family:'Orbitron',sans-serif;font-size:10.5px;font-weight:700;
    color:var(--cyan);margin-bottom:12px;letter-spacing:2px;text-transform:uppercase;
    transition:.3s;
}
.feature-card:hover h3{color:var(--gold3);}
.feature-card p{color:var(--text-muted);font-size:13.5px;line-height:1.8;}

/* ═══════════════════════════════════════════════
   GLASS / NEWS CARDS
═══════════════════════════════════════════════ */
.glass-card{
    background:var(--bg-card);
    border:1px solid var(--border-c);
    padding:32px;position:relative;overflow:hidden;
    transition:.4s var(--ease);
}
.glass-card::before{
    content:'';position:absolute;top:0;left:-160%;width:80%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(0,229,255,0.04),transparent);
    transform:skewX(-15deg);
}
.glass-card::after{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,208,96,0.3),transparent);
    opacity:0;transition:.3s;
}
.glass-card:hover{
    border-color:rgba(0,229,255,0.25);transform:translateY(-5px);
    box-shadow:var(--glow-c),0 24px 70px rgba(0,0,0,0.65);
}
.glass-card:hover::after{opacity:1;}
.glass-card h3{
    font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;
    color:var(--cyan);margin-bottom:14px;letter-spacing:2px;
    display:flex;align-items:center;gap:8px;
    text-transform:uppercase;
}

/* ═══════════════════════════════════════════════
   TERMINAL BOX
═══════════════════════════════════════════════ */
.terminal-box{
    background:linear-gradient(145deg,rgba(2,12,22,0.99),rgba(1,5,12,0.99));
    border:1px solid var(--border-c);
    padding:30px 34px;position:relative;margin-bottom:55px;overflow:hidden;
}
.terminal-box::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--violet2),var(--cyan),var(--gold2),var(--cyan),var(--violet2),transparent);
    opacity:0.55;
}
.terminal-box::after{
    content:'SYSTEM.STATUS';position:absolute;right:22px;top:16px;
    font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:4px;
    color:rgba(0,229,255,0.07);
}
.terminal-box .term-title{
    font-family:'Orbitron',sans-serif;font-size:8.5px;color:var(--violet2);
    letter-spacing:5px;margin-bottom:18px;text-transform:uppercase;
    display:flex;align-items:center;gap:12px;
}
.terminal-box .term-title::before{
    content:'';width:24px;height:1px;
    background:var(--violet2);box-shadow:0 0 10px var(--violet2);
}
.terminal-line{
    font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--text-muted);
    padding:8px 0;border-bottom:1px solid rgba(0,229,255,0.04);
    display:flex;align-items:center;gap:10px;
}
.terminal-line .prompt{color:var(--violet2);margin-right:4px;opacity:0.65;}
.terminal-line .key{color:rgba(0,229,255,0.4);flex:0 0 150px;font-size:12px;}
.terminal-line .val{color:var(--cyan3);}
.terminal-line:last-child{border:none;}

/* ═══════════════════════════════════════════════
   FORMS
═══════════════════════════════════════════════ */
.form{max-width:460px;margin:0 auto;}
.form-content{margin-bottom:24px;position:relative;}
.form-content .news-all-text{
    font-size:9px;font-weight:700;text-transform:uppercase;
    letter-spacing:3px;color:var(--cyan);margin-bottom:10px;
    font-family:'Orbitron',sans-serif;
}
.form-content input[type="text"],
.form-content input[type="password"],
.form-content input[type="email"],
.form-content input[type="number"]{
    width:100%;padding:15px 20px;
    background:rgba(0,229,255,0.015);
    border:1px solid rgba(0,229,255,0.09);
    color:var(--text);font-size:14px;
    font-family:'Share Tech Mono',monospace;
    outline:none;transition:.3s var(--ease);letter-spacing:1px;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.form-content input:focus{
    border-color:var(--gold2);
    background:rgba(255,208,96,0.025);
    box-shadow:0 0 0 2px rgba(255,208,96,0.08),0 0 20px rgba(255,208,96,0.1);
}
.form-content input::placeholder{color:rgba(74,122,155,0.4);}

input[type="submit"]{
    width:100%;padding:16px;color:#050d14;
    background:linear-gradient(180deg,#a0f4ff 0%,var(--cyan) 48%,var(--cyan2) 100%);
    border:none;font-size:9.5px;font-weight:900;
    font-family:'Orbitron',sans-serif;
    text-transform:uppercase;letter-spacing:4px;transition:.3s var(--ease);
    box-shadow:0 0 35px rgba(0,229,255,0.35),0 5px 0 #002233;
    clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
input[type="submit"]:hover{
    box-shadow:0 0 65px rgba(0,229,255,0.65),0 2px 0 #002233;
    transform:translateY(3px);
}
input[type="submit"]:active{transform:translateY(5px);}

/* ═══════════════════════════════════════════════
   TABLES
═══════════════════════════════════════════════ */
table{width:100%;border-collapse:collapse;}
table thead th{
    padding:15px 18px;text-align:center;font-size:8.5px;
    text-transform:uppercase;letter-spacing:3px;color:var(--gold2);
    font-weight:700;border-bottom:1px solid rgba(255,208,96,0.12);
    font-family:'Orbitron',sans-serif;
    background:rgba(255,208,96,0.02);
}
table tbody td{
    padding:13px 18px;border-bottom:1px solid rgba(0,229,255,0.04);
    font-size:14px;color:var(--text-muted);text-align:center;transition:.2s;
    font-family:'Exo 2',sans-serif;font-weight:500;
}
table tbody tr:hover td{color:var(--text);background:rgba(0,229,255,0.035);}
.rank-table{width:100%;border-collapse:collapse;}
.rank-table th{
    padding:14px 18px;text-align:center;font-size:8.5px;
    text-transform:uppercase;letter-spacing:3px;color:var(--gold2);
    border-bottom:1px solid rgba(255,208,96,0.12);font-weight:700;
    font-family:'Orbitron',sans-serif;background:rgba(255,208,96,0.02);
}
.rank-table td{
    padding:13px 18px;border-bottom:1px solid rgba(0,229,255,0.04);
    font-size:14px;color:var(--text-muted);text-align:center;
    font-family:'Exo 2',sans-serif;font-weight:500;
    transition:.2s;
}
.rank-table tr:hover td{background:rgba(0,229,255,0.04);color:var(--text);}

.rank-1{color:var(--gold3)!important;font-weight:900;text-shadow:0 0 16px rgba(255,208,96,0.7);}
.rank-2{color:var(--violet3)!important;font-weight:700;text-shadow:0 0 12px rgba(153,51,255,0.5);}
.rank-3{color:var(--pink)!important;font-weight:700;text-shadow:0 0 12px rgba(255,0,85,0.5);}

/* ═══════════════════════════════════════════════
   DONATION GRID
═══════════════════════════════════════════════ */
.donation-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:16px;
}
.donation-card{
    background:var(--bg-card);
    border:1px solid var(--border-c);
    padding:32px 24px;text-align:center;
    position:relative;overflow:hidden;
    transition:.4s var(--ease);
    text-decoration:none;display:block;
}
.donation-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--gold2),transparent);
    opacity:0.3;transition:.3s;
}
.donation-card:hover{
    border-color:rgba(255,208,96,0.35);
    transform:translateY(-6px) scale(1.02);
    box-shadow:var(--glow-gold),0 24px 70px rgba(0,0,0,0.65);
}
.donation-card:hover::before{opacity:1;}
.donation-card h3{
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:11px;
    color:var(--gold2);margin-bottom:8px;letter-spacing:2px;
}
.donation-card p{color:var(--text-muted);font-size:12px;margin-bottom:16px;letter-spacing:1px;}

/* ═══════════════════════════════════════════════
   PANEL CARDS
═══════════════════════════════════════════════ */
.panel-card{
    text-decoration:none;display:block;
    background:var(--bg-card);
    border:1px solid var(--border-c);
    padding:34px;text-align:center;
    position:relative;overflow:hidden;
    transition:.4s var(--ease);
}
.panel-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0.35;
    transition:.3s;
}
.panel-card:hover{
    border-color:rgba(0,229,255,0.28);transform:translateY(-5px);
    box-shadow:var(--glow-c);
}
.panel-card:hover::before{opacity:1;}
.panel-card h3{
    font-family:'Orbitron',sans-serif;font-size:12.5px;font-weight:700;
    color:var(--cyan);margin-bottom:6px;letter-spacing:2px;
}
.panel-card p{color:var(--text-muted);font-size:12px;letter-spacing:1px;}

/* ═══════════════════════════════════════════════
   MESSAGES
═══════════════════════════════════════════════ */
.msg-error{
    color:var(--red);text-align:center;margin-bottom:20px;
    font-size:12px;font-weight:700;letter-spacing:1.5px;
    font-family:'Share Tech Mono',monospace;padding:14px;
    background:rgba(255,32,32,0.04);border:1px solid rgba(255,32,32,0.18);
    text-transform:uppercase;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.msg-success{
    color:var(--green);text-align:center;margin-bottom:20px;
    font-size:13px;font-weight:700;letter-spacing:1px;
    font-family:'Share Tech Mono',monospace;
    padding:14px;background:rgba(0,255,153,0.03);border:1px solid rgba(0,255,153,0.14);
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}

/* ═══════════════════════════════════════════════
   CONTENT / NEWS TEXT
═══════════════════════════════════════════════ */
.content-news{line-height:2;color:var(--text-muted);}
.content-news h2{
    font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;
    color:var(--gold2);margin-top:32px;margin-bottom:12px;letter-spacing:2px;
}
.content-news p{font-size:15px;margin-bottom:16px;font-family:'Exo 2',sans-serif;}
.content-news strong{color:var(--text);}

/* ═══════════════════════════════════════════════
   STATUS DOT
═══════════════════════════════════════════════ */
.status-dot{
    display:inline-block;width:8px;height:8px;
    background:var(--green);border-radius:50%;margin-right:7px;
    box-shadow:0 0 14px var(--green);
    animation:blinkGlow 2s ease-in-out infinite;
    vertical-align:middle;
}
@keyframes blinkGlow{
    0%,100%{opacity:1;box-shadow:0 0 14px var(--green);}
    50%{opacity:.2;box-shadow:0 0 4px var(--green);}
}

/* ═══════════════════════════════════════════════
   SCROLL REVEAL
═══════════════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(28px);transition:.8s var(--ease);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ═══════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════ */
footer{
    padding:55px var(--pad-h);text-align:center;
    border-top:1px solid var(--border-c);
    background:rgba(1,3,7,0.99);
    position:relative;z-index:2;
}
footer::before{
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,
        transparent,var(--violet2),var(--cyan),var(--gold2),var(--cyan),var(--violet2),transparent
    );
    opacity:0.45;
    animation:footerBeam 7s ease-in-out infinite;
}
@keyframes footerBeam{0%,100%{opacity:0.25;}50%{opacity:0.65;}}

.footer-logo{
    font-family:'Orbitron',sans-serif;
    font-size:17px;font-weight:900;letter-spacing:10px;
    color:var(--gold2);text-shadow:0 0 35px rgba(255,208,96,0.5);
    display:block;margin-bottom:18px;text-decoration:none;
    transition:.3s;
}
.footer-logo:hover{color:var(--gold3);text-shadow:0 0 55px rgba(255,208,96,0.75);}
.footer-divider{
    width:140px;height:1px;margin:22px auto;
    background:linear-gradient(90deg,transparent,var(--gold2),transparent);
    opacity:0.25;
}
footer span.ct{color:var(--text-dim);font-size:12px;font-family:'Exo 2',sans-serif;}
footer span.ct a{color:var(--cyan);text-decoration:none;transition:.2s;}
footer span.ct a:hover{color:var(--gold2);}
footer .copyright-text,footer .ct-text{color:rgba(0,229,255,0.04);font-size:11px;}
footer .ct-version{color:var(--gold2);font-size:12px;font-family:'Orbitron',sans-serif;letter-spacing:2px;margin-top:6px;}

/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */
@media(max-width:960px){
    header{flex-direction:column;height:auto;padding:14px 20px;gap:10px;}
    nav ul{flex-wrap:wrap;justify-content:center;}
    nav ul li a{height:40px;padding:0 12px;font-size:8px;letter-spacing:2px;}
    .hero-section{padding:60px 20px 50px;}
    .stat-grid{flex-wrap:wrap;}
    .stat-card{padding:22px 36px;}
    .stat-card .number{font-size:32px;}
    .features-grid{grid-template-columns:1fr 1fr;gap:12px;}
    main.content{padding:0 20px;}
}
@media(max-width:600px){
    .features-grid{grid-template-columns:1fr;gap:10px;}
    .stat-card{width:100%;}
    .btn-3d,.btn-outline,.btn-danger{padding:13px 28px;font-size:9px;}
    nav ul li a{font-size:7.5px;letter-spacing:1.5px;padding:0 8px;}
}

/* Music player */
.music-player{
    position:fixed;bottom:20px;right:20px;z-index:999;
}
.music-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 18px;font-family:'Orbitron',sans-serif;
    font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:var(--cyan);background:rgba(0,8,16,0.9);
    border:1px solid var(--border-c2);cursor:pointer;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
    transition:.3s;
}
.music-btn:hover{background:rgba(0,229,255,0.08);box-shadow:var(--glow-c);color:var(--cyan3);}

/* Language button */
.lang-btn{
    display:inline-flex;align-items:center;padding:9px 16px;
    font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;
    letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;
    color:var(--gold2);background:transparent;border:1px solid rgba(255,208,96,0.25);
    clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
    transition:.25s;
}
.lang-btn:hover{background:rgba(255,208,96,0.06);border-color:var(--gold2);box-shadow:0 0 15px rgba(255,208,96,0.15);}

/* RTL */
html[dir="rtl"]{direction:rtl;text-align:right;}
html[dir="rtl"] nav ul li a{letter-spacing:0;}
html[dir="rtl"] .hero-eyebrow::before,
html[dir="rtl"] .hero-eyebrow::after{display:none;}
html[dir="rtl"] .hero-subtitle-row::before,
html[dir="rtl"] .hero-subtitle-row::after{display:none;}
html[dir="rtl"] .block-title-news .divider-row{flex-direction:row-reverse;}
html[dir="rtl"] .top-panel_right{direction:ltr;}
html[dir="rtl"] .music-player{right:auto;left:20px;}
html[dir="rtl"] .terminal-line .key{flex:0 0 auto;margin-left:10px;}
html[dir="rtl"] .footer-logo{letter-spacing:3px;}
html[dir="rtl"] .logo{letter-spacing:2px;}
html[dir="rtl"] .logo::after{left:auto;right:36px;transform-origin:right;}
html[dir="rtl"] textarea,direction:ltr;

/* Legacy / compatibility */
.toTop-fon,.animations,.ray,.rainbow,.highlight-highlight,.sparks{display:none!important;}
.wrapper-bg,.wrapper{max-width:100%;}
.block-top-page{margin-bottom:0;}