:root {
    --dark: #0a0a0c;
    --gold: #d4af37;
    --cyan: #00bcd4;
    --red: #e63946;
}

body {
    margin: 0; background: var(--dark);
    font-family: 'Gotham', sans-serif; color: white;
    height: 100vh; display: flex; align-items: center; justify-content: center;
    overflow: hidden; text-align: center;
}

.bg-animate {
    position: absolute; width: 100%; height: 100%;
    background: radial-gradient(circle at 50% 50%, #2a0808 0%, var(--dark) 70%);
    z-index: -1;
}

.main-logo { width: 300px; margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.2)); }

h1 { font-size: 2.5rem; letter-spacing: 5px; color: var(--gold); margin: 10px 0; }
.desc { margin: 20px 0; }
.h1 { font-weight: 800; text-transform: uppercase; margin: 0; }
.sub { color: var(--cyan); letter-spacing: 2px; }

.status { margin-top: 40px; font-style: italic; opacity: 0.8; }

.social-nav { margin-top: 30px; display: flex; gap: 20px; justify-content: center; }
.icon {
    width: 40px; height: 40px; border: 1px solid white;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: white; text-decoration: none;
    transition: 0.3s; font-size: 0.7rem;
}
.icon:hover { background: var(--red); border-color: var(--red); transform: translateY(-5px); }