/* =========================
GLOBAL
========================= */

body{
    margin:0;
    font-family:'Poppins',sans-serif;

    background:
        radial-gradient(circle at 50% 20%, rgba(90,0,0,0.35) 0%, #030303 40%, #000000 85%);

    color:#d4d4d4;

    overflow-x:hidden;
    position:relative;
}

/* =========================
PARTICLES
========================= */

#particleCanvas{

    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:100%;

    z-index:9998;

    pointer-events:none;

    background:
        radial-gradient(circle at 50% 50%, rgba(90,0,0,0.12), transparent 80%);
}

/* =========================
PRIVACY CONTENT
========================= */

.privacy-section{

    position:relative;
    z-index:9999;

    padding:120px 20px;

    max-width:900px;
    margin:0 auto;

    line-height:1.8;

    text-align:left;
}

/* =========================
MAIN TITLE
========================= */

.privacy-section h1.glow-text{

    text-align:center;

    font-size:64px;

    text-transform:uppercase;

    color:#ff1e1e;

    text-shadow:
        0 0 6px rgba(120,0,0,0.9),
        0 0 18px rgba(50,0,0,0.9);

    animation:pulseGlow 4s infinite;
}

.privacy-section h1 span{
    color:#ff1e1e;
}

/* =========================
INTRO TEXT
========================= */

.privacy-section .intro{

    text-align:center;

    font-size:18px;

    margin:30px auto 60px;

    color:#9f9f9f;
}

/* =========================
HEADINGS
========================= */

.privacy-section h2{

    color:#ff1e1e;

    font-size:24px;

    margin-top:60px;
    margin-bottom:10px;

    text-shadow:
        0 0 5px rgba(110,0,0,0.9),
        0 0 12px rgba(50,0,0,0.8);
}

/* =========================
TEXT
========================= */

.privacy-section p{

    font-size:17px;

    color:#c4c4c4;

    margin-bottom:20px;
}

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

.privacy-section a{

    color:#ff1e1e;

    text-decoration:none;

    transition:.3s;
}

.privacy-section a:hover{

    color:#ff4040;

    text-shadow:
        0 0 6px rgba(120,0,0,0.8);

    text-decoration:underline;
}

/* =========================
GLOW ANIMATION
========================= */

@keyframes pulseGlow{

    0%,100%{

        text-shadow:
            0 0 6px rgba(110,0,0,0.8),
            0 0 16px rgba(40,0,0,0.8);
    }

    50%{

        text-shadow:
            0 0 12px rgba(150,0,0,1),
            0 0 26px rgba(60,0,0,0.9);
    }

}

/* =========================
FADE IN
========================= */

.fade-in{

    opacity:0;

    transform:translateY(40px);

    transition:all 1s ease-out;
}

.fade-in.visible{

    opacity:1;

    transform:translateY(0);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .privacy-section h1.glow-text{
        font-size:42px;
    }

    .privacy-section h2{
        font-size:20px;
    }

}