body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:linear-gradient(135deg,#0b2a4a,#05182c);
    color:white;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.card{
    text-align:center;
    max-width:600px;
    padding:20px;
    margin:40px auto 0 auto; /* Oben 40px, horizontal zentriert, unten 0 */
    flex: 1; /* Nimmt den verfügbaren Platz ein */
}

.logo{
width:320px;
max-width:90%;
margin-bottom:25px;
}

h1{
margin:10px 0;
font-size:32px;
}

.subtitle{
color:#c6d4e1;
margin-bottom:35px;
}

.links{
display:flex;
flex-direction:column;
gap:15px;
max-width:280px;
margin:auto;
}

.button{
text-decoration:none;
padding:16px;
border-radius:10px;
font-weight:bold;
color:white;
transition:0.2s;
}

.button:hover{
transform:translateY(-2px);
box-shadow:0 5px 15px rgba(0,0,0,0.4);
}

.bricklink{
background:#e11b22;
}

.instagram{
background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
}

.footer{
    text-align:center;
    padding:15px;
    font-size:14px;
    color:#c6d4e1;
    margin-top:auto; /* Schiebt Footer ans Ende des Body */
}

.footer a{
color:#c6d4e1;
text-decoration:none;
margin:0 8px;
}

.footer a:hover{
text-decoration:underline;
}