/* =========================================
   VSE PROTOCOL - BRUTAL ELITE STYLES (10M APEX EDITION)
   ========================================= */

/* Typography & Core */
.brutal-body { 
    background: #020306; 
    color: #f5f7ff; 
    position: relative;
    /* KUKA A SCANLINE EFFEKT. Tiszta fekete háttér van. */
}

.cyber-text { font-family: 'Space Mono', monospace; color: var(--accent); letter-spacing: 2px; font-weight: bold; text-transform: uppercase; }
.mt-15 { margin-top: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }

/* Glitch Animáció a Főcímekhez - Ez maradhat, mert baszó */
.glitch-text {
    position: relative;
    animation: glitch 3s infinite;
}
@keyframes glitch {
    0%, 96% { transform: translate(0); opacity: 1; text-shadow: 0 0 35px rgba(60,255,155,0.6); }
    97% { transform: translate(-2px, 1px); opacity: 0.8; text-shadow: -2px 0 #ff4b6b, 2px 0 #00d4ff; }
    98% { transform: translate(2px, -1px); opacity: 0.9; text-shadow: 2px 0 #ff4b6b, -2px 0 #00d4ff; }
    99% { transform: translate(0); opacity: 1; text-shadow: 0 0 35px rgba(60,255,155,0.6); }
}

/* Hero Section */
.status-badge { 
    font-family: 'Space Mono', monospace; 
    color: var(--danger); 
    font-weight: 900; 
    border: 2px solid var(--danger); /* Vastagabb, masszívabb keret */
    display: inline-block; 
    padding: 8px 16px; 
    margin-bottom: 25px; 
    text-shadow: 0 0 10px rgba(255,75,107,0.5); 
    letter-spacing: 2px; 
    text-transform: uppercase; 
}
.brutal-title { font-size: clamp(48px, 6vw, 72px); line-height: 1.05; font-weight: 900; text-transform: uppercase; letter-spacing: -2px; margin-bottom: 25px; }
.text-glow { color: var(--accent); text-shadow: 0 0 35px rgba(60,255,155,0.6); }
.brutal-sub { font-size: 17px; color: #9aa3c7; max-width: 800px; line-height: 1.8; border-left: 4px solid var(--accent); padding-left: 20px; margin-bottom: 40px; background: linear-gradient(90deg, rgba(60,255,155,0.05) 0%, transparent 100%); padding-top: 15px; padding-bottom: 15px; }

/* Apex Brutal Gombok */
.btn-brutal { 
    padding: 20px 45px; 
    font-size: 16px; 
    font-weight: 900; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    background: var(--accent); 
    color: #000; 
    border: none; 
    border-radius: 0; /* ZÉRÓ KEREKÍTÉS */
    box-shadow: 6px 6px 0px #111; /* Hard shadow a puha glow helyett */
    transition: all 0.1s ease; 
    cursor: pointer; 
}
.btn-brutal:hover { 
    background: #fff; 
    transform: translate(2px, 2px); 
    box-shadow: 4px 4px 0px #111; 
}

/* Section Headers */
.section-title { font-size: clamp(32px, 5vw, 42px); font-weight: 900; text-transform: uppercase; border-bottom: 2px solid #222; padding-bottom: 15px; margin-bottom: 25px; letter-spacing: -1px; display: inline-block; position: relative; }
.section-title::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 40%; height: 4px; background: var(--accent); box-shadow: 0 0 15px var(--accent); }
.section-desc { font-size: 18px; color: #9aa3c7; max-width: 900px; line-height: 1.6; margin-bottom: 50px; }

/* Elite Cards - Ipari szögletesség */
.card-elite { 
    background: #05070a; 
    border: 2px solid #1a1e24; 
    padding: 40px; 
    border-radius: 0; /* ZÉRÓ KEREKÍTÉS */
    position: relative; 
    transition: all 0.2s ease-out; 
}
.card-elite:hover { 
    border-color: var(--accent); 
    transform: translate(-6px, -6px); 
    box-shadow: 6px 6px 0px var(--accent); /* Hard shadow hover */
}
.card-title { font-size: 22px; font-weight: 900; color: #fff; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
.card-text { font-size: 15px; color: #9aa3c7; line-height: 1.8; }

/* Accent Borders for Tokenomics */
.accent-border { border-left: 6px solid var(--accent); }
.warning-border { border-left: 6px solid var(--warning); }
.danger-border { border-left: 6px solid var(--danger); }
.cyan-border { border-left: 6px solid #00d4ff; }

.stat-val { font-size: clamp(32px, 4vw, 40px); font-weight: 900; margin: 15px 0; color: #fff; letter-spacing: -2px; }
.stat-label { font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: var(--accent); }
.stat-note { font-size: 14px; color: #888; line-height: 1.6; font-family: 'Space Mono', monospace; }

/* The Manifesto (Smart Contract Vault Look) */
.manifesto-box { 
    padding: clamp(60px, 8vw, 100px) 4vw; 
    background: #030408; 
    border: 2px solid #111; 
    border-left: 8px solid var(--accent);
    border-radius: 0; /* ZÉRÓ KEREKÍTÉS */
    position: relative; 
}
.manifesto-box::after { content: '[ IMMUTABLE RECORD ]'; position: absolute; top: 15px; right: 20px; font-family: 'Space Mono', monospace; color: #444; font-size: 14px; font-weight: 900; }
.manifesto-tag { color: var(--accent); text-transform: uppercase; letter-spacing: 4px; font-size: 14px; margin-bottom: 30px; display: block; font-weight: 900; }
.manifesto-quote { font-size: clamp(36px, 5vw, 54px); font-weight: 900; color: #fff; line-height: 1.1; margin-bottom: 35px; letter-spacing: -2px; }
.manifesto-line { width: 120px; height: 6px; background: var(--accent); margin-bottom: 35px; }
.manifesto-body { max-width: 1000px; font-size: 18px; line-height: 1.8; color: #888; font-weight: 400; }
.manifesto-body strong { color: #fff; }

/* Dashboard Terminal */
.terminal-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #222; padding-bottom: 25px; margin-bottom: 40px; flex-wrap: wrap; gap: 15px; }
.terminal-title { font-size: 42px; font-weight: 900; margin: 0; text-transform: uppercase; letter-spacing: -2px; display: flex; align-items: center; gap: 10px; color: #fff; }
.terminal-title::before { content: '>'; color: var(--accent); animation: blink 1s infinite; }
@keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }

.terminal-badge { font-family: 'Space Mono', monospace; font-size: 14px; color: #000; padding: 6px 14px; background: var(--accent); font-weight: 900; letter-spacing: 1px; text-transform: uppercase; border-radius: 0; }

.category-title { font-size: 14px; color: #666; text-transform: uppercase; letter-spacing: 4px; margin: 50px 0 25px; font-weight: 900; font-family: 'Space Mono', monospace; }

.panel-card { background: #050505; border: 2px solid #111; padding: 35px; border-radius: 0; transition: 0.2s; }
.panel-card:hover { border-color: var(--accent); }
.panel-card-accent { border-top: 4px solid var(--accent); }

/* Charity Vault - Kiemelt ipari fókusz */
.charity-vault { 
    background: #0a0802; 
    border: 2px solid var(--warning); 
    padding: 60px; 
    border-radius: 0; /* ZÉRÓ KEREKÍTÉS */
    margin-top: 20px; 
    box-shadow: 8px 8px 0px rgba(255, 184, 0, 0.2); 
}
.charity-title { color: var(--warning); font-size: 16px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; font-weight: 900; font-family: 'Space Mono', monospace; }
.charity-val { font-size: clamp(48px, 6vw, 64px); font-weight: 900; color: var(--warning); margin: 0; letter-spacing: -2px; }
.charity-desc { font-size: 14px; color: #888; margin-top: 15px; font-weight: 400; }