body {
margin: 0;
font-family: Arial;
background: #000;
color: white;
}
header{
background:#4c5cff;
padding:10px 15px;
font-family: 'Rekusentrial', sans-serif;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;

position: sticky;
top: 0;
z-index: 1000;
}

/* ===== BERANDA ===== */
.card {
position: relative;
margin-bottom: 15px;
border-radius: 10px; /* bulat dikit cuma di beranda */
overflow: hidden;
cursor: pointer;
}
.card img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
background: #222;
}


/* JUDUL DI DALAM GAMBAR */
.card .title {
position: absolute;
bottom: 8px;
left: 10px;
right: 10px;
font-size: 18px;
font-weight: bold;
color: white;
text-shadow: 0 0 6px black;
}

/* ===== DETAIL ===== */
.cover {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 0; /* INI PENTING: gak bulat */
}

.box {
background: #1f1f1f;
margin-top: 15px;
padding: 20px;
border-radius: 20px;
text-align: center;
font-size: 18px;
line-height: 1.8;
}
.desc {
margin-top: 20px;
font-size: 18px;
text-align: center;
}

.ss {
width: 100%;
height: auto;
margin-top: 10px;
border-radius: 0; /* HAPUS BULAT */
object-fit: contain;
}


/* BUTTON */
button {
width: 100%;
padding: 15px;
margin-top: 15px;
border: none;
border-radius: 15px;
background: #5a6cff;
color: white;
font-weight: bold;
}
.download-btn {
display: flex;
gap: 10px;
margin-top: 15px;
}

.download-btn button {
flex: 1;
padding: 15px;
border: none;
border-radius: 15px;
background: #5a6cff;
color: white;
font-weight: bold;
font-size: 16px;
}
footer{
margin-top:40px;
padding:30px 20px;
text-align:center;
border-top:1px solid #333;
font-family:'Orbitron', sans-serif;
}

.footer-links{
font-size:14px;
letter-spacing:1px;
}

.footer-links a{
text-decoration:none;
color:#bbb;
transition:0.3s;
}

.footer-links a:hover{
color:white;
text-shadow:0 0 6px rgba(255,255,255,0.4);
}

.dot{
margin:0 8px;
color:#666;
}

.community{
margin-top:8px;
font-size:12px;
color:#777;
letter-spacing:2px;
}

.copy{
margin-top:10px;
font-size:12px;
color:#555;
}
@media (max-width:600px){

.footer-links{
font-size:10px;
letter-spacing:0.5px;
white-space:nowrap;
}

.dot{
margin:0 4px;
}

}
.container{
  padding: 15px;
  margin-top: 10px;
}

body{
  overflow-x: hidden;
}

.card{
  transform: translateZ(0);
}