body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(45deg,#ff6f61,#6b5b95,#feb236);color:white;text-align:center}
.splash{height:40vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:24px;font-weight:bold;background:url('splash-image.webp') no-repeat center center/cover;width:100%}
.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:20px;background:rgba(0,0,0,0.5)}
.grid-item{background:white;padding:10px;border-radius:10px}
.grid-item img{width:100%;border-radius:10px}
.download-btn{background-color:#fff;color:#ff6f61;padding:15px 30px;border:none;border-radius:10px;font-size:20px;cursor:pointer;text-decoration:none;font-weight:bold;display:inline-block;margin-top:20px}
.download-btn:hover{background-color:#feb236;color:#fff}
.footer{margin-top:40px;padding:20px;background:rgba(0,0,0,0.7)}
.footer a{color:#fff;text-decoration:none;margin:0 15px;font-size:18px}
.footer a:hover{text-decoration:underline}

/* Fix Font Loading Shift */
@font-face {
    font-family: 'Arial';
    font-display: swap;
}

/* Fix Button Shift */
.download-btn {
    display: inline-block;
    min-height: 60px; /* Reserve space */
}

/* Fix Image Shift */
.grid-item img {
    display: block;
    width: 100%;
    height: auto;
}

/* Improve Contrast for Readability */
body {
    background: #222; /* Darker for contrast */
    color: #fff;
}

.download-btn {
    background-color: #fff;
    color: #ff6f61;
    font-size: 20px;
}

.download-btn:hover {
    background-color: #feb236;
    color: #fff;
}

/* Ensure Footer Links Have Sufficient Contrast */
.footer a {
    color: #ffdd57; /* Brighter for accessibility */
    font-size: 18px;
}