body {
    font-family: Segoe UI, sans-serif;
    background: linear-gradient(135deg,#667eea,#764ba2);
    color:#fff;
    text-align:center;
}

.judul {
    margin:30px 0;
}

.grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:20px;
    max-width:900px;
    margin:auto;
}

.box {
    background:rgba(255,255,255,.15);
    padding:20px;
    border-radius:15px;
    text-decoration:none;
    color:#fff;
    transition:.3s;
}

.box:hover {
    transform:translateY(-8px);
    background:rgba(255,255,255,.3);
}

.box i {
    font-size:40px;
    margin-bottom:10px;
}
.download-btn {
    background: linear-gradient(135deg,#00ffcc,#00aaff);
    padding: 8px 14px;
    border-radius: 20px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.download-btn:hover {
    transform: scale(1.05);
}