* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #000;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
overflow: hidden;
}

.wrapper {
text-align: center;
}

/* LOGO CINEMATIC */
.logo {
width: 65vw;
max-width: 520px;
min-width: 260px;
opacity: 0;
filter: blur(20px);
transform: scale(1.1);
animation: cinematic 1.4s ease forwards;
margin-bottom: 50px;
}

/* BOTÓN MINIMAL */
.ig-button {
display: inline-block;
padding: 10px 22px;
font-size: 14px;
border-radius: 25px;
text-decoration: none;
color: #000;
background: #fff;
font-weight: 600;
opacity: 0;
transform: translateY(10px);
animation: fadeBtn 1s ease forwards;
animation-delay: 0.8s;
}

.ig-button:hover {
transform: scale(1.05);
background: #eaeaea;
}

/* ANIMACIÓN PRINCIPAL */
@keyframes cinematic {
to {
opacity: 1;
filter: blur(0);
transform: scale(1);
}
}

/* BOTÓN APARICIÓN */
@keyframes fadeBtn {
to {
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 600px) {
.logo {
width: 80vw;
}
}