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

html, body{
    height:100vh;
    background:black;
    color:white;
    font-family:'Inter', sans-serif;
    overflow-x:hidden;
}

/* Layout */
body{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

/* Contenu principal */
.container{
    margin-top: -300px;
    padding:20px;
    max-width:700px;
    animation:fadeUp 1s ease;
}

/* Image */
.main-image{
    width:100%;
    max-width:800px;
    margin-bottom:10px;
    animation:float 4s ease-in-out infinite;
}

/* Titre */
h1{
    font-size:2.7rem;
    margin-bottom:10px;
    font-weight:600;
    letter-spacing:1px;
    text-shadow:0 0 15px rgba(255,255,255,0.15);
}

/* Texte */
p{
    font-size:1rem;
    opacity:0.9;
}

/* Lien mail */
a{
    color:white;
    text-decoration:none;
}
a:hover{
    color: #FAD059;
}

/* Footer */
.footer{
    position:fixed;
    bottom:15px;
    right:20px;
    font-size:0.8rem;
    opacity:0.3;
}

/* Animations */
@keyframes fadeUp{
    from{
    opacity:0;
    transform:translateY(25px);
    }
    to{
    opacity:1;
    transform:translateY(0);
    }
}

@keyframes float{
    0%{
    transform:translateY(0px);
    }
    50%{
    transform:translateY(-10px);
    }
    100%{
    transform:translateY(0px);
    }
}

/* Responsive */
@media (max-width:768px){
    h1{
        font-size:1.8rem;
    }
    p{
        font-size:0.65rem;
    }
    .main-image{
        max-width:100%;
        margin-bottom:10px;
    }
    .footer{
        font-size:0.6rem;
        right:10px;
        bottom:10px;
    }
}