/* Reset & base */
* {margin:0; padding:0; box-sizing:border-box;}
body, html {height:100%; font-family: 'Segoe UI', sans-serif; overflow:hidden; background:#0b0c10; color:#fff;}

/* Gradient background animation */
body {
    background: linear-gradient(270deg, #0ff, #f0f, #ff0, #0ff);
    background-size: 800% 800%;
    animation: gradientBG 15s ease infinite;
}
@keyframes gradientBG {
    0% {background-position:0% 50%;}
    50% {background-position:100% 50%;}
    100% {background-position:0% 50%;}
}

/* Centered container */
.container {
    position: absolute;
    top:50%; left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

h1 {
    font-size: 4em;
    text-shadow: 0 0 10px #0ff, 0 0 20px #f0f, 0 0 30px #ff0;
}

p {
    font-size: 1.2em;
    color: #aaa;
    margin-top: 20px;
}

/* Particle canvas */
#particles {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
}