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

body {
    font-family: 'Orbitron', sans-serif;
    background:
        radial-gradient(circle at 20% 20%, rgba(0,120,255,0.15), transparent 40%),
        radial-gradient(circle at 80% 10%, rgba(0,200,255,0.12), transparent 45%),
        linear-gradient(180deg, #020611, #050b1a 40%, #020611);
    color: #dce7ff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.navbar-eve {
    background: linear-gradient(90deg, #050b1a, #0b1c3a, #050b1a);
    border-bottom: 1px solid rgba(80,140,255,0.25);
}

.navbar-brand {
    color: #7fb6ff;
    letter-spacing: 3px;
    text-transform: uppercase;
}

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

.hero {
    padding: 90px 20px 60px;
    text-align: center;
}

.hero h1 {
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.subtitle {
    color: #9bbcff;
}

/* ===== CARDS ===== */

.eve-card {
    background: linear-gradient(160deg, rgba(10,25,60,0.85), rgba(5,15,35,0.95));
    border: 1px solid rgba(120,170,255,0.25);
    box-shadow: 0 0 25px rgba(0,120,255,0.15);
    transition: transform .2s ease, box-shadow .2s ease;
    color: #e9f1ff;
}

.eve-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 0 35px rgba(0,160,255,0.35);
}

/* ===== BUTTONS ===== */

.btn-eve {
    background: linear-gradient(135deg, #1a6cff, #00d0ff);
    border: none;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 0 12px rgba(0,140,255,.4);
}

.btn-eve:hover {
    filter: brightness(1.2);
    box-shadow: 0 0 18px rgba(0,180,255,.7);
}

/* ===== DISCORD BUTTON ===== */

.btn-discord {
    background: linear-gradient(135deg, #5865F2, #3b49c9);
    color: #fff;
    border: none;
    padding: 6px 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 0 12px rgba(88,101,242,.6);
}

.btn-discord:hover {
    filter: brightness(1.2);
    box-shadow: 0 0 18px rgba(88,101,242,.9);
}

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

footer {
    margin-top: auto;
    padding: 25px 0;
    background: linear-gradient(180deg, rgba(5,15,35,.6), rgba(0,0,0,.8));
    text-align: center;
    font-size: 0.85rem;
    border-top: 1px solid rgba(80,140,255,0.2);
}

/* ===== LINKS ===== */

a {
    color: #6fb7ff;
    text-decoration: none;
}

a:hover {
    text-shadow: 0 0 6px rgba(120,180,255,.8);
}


.footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.footer-separator {
    width: 50px; /* longueur de la ligne */
    border: 1px solid #6fb7ff; /* couleur dans le thème EVE */
    margin: 4px 0;
}