body{
background: linear-gradient(180deg,#5f4bc4,#3a2c8f);
color:white;
min-height:100vh;
}

.sub{
opacity:0.8;
}

.card-slide{
border-radius:20px;
max-width:1000px;
margin:auto;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
color:#333;
}

/* teks rata kiri */
.carousel-item .card-slide{
text-align:left;
}

/* profil tetap tengah */
.carousel-item:first-child .card-slide{
text-align:center;
}

.btn-pill{
background:rgba(255,255,255,0.2);
color:white;
border-radius:50px;
padding:8px 18px;
margin:5px;
border:none;
transition:0.3s;
}

/* Hover */
.btn-pill:hover{
background:white;
color:#5f4bc4;
}

/* Active */
.btn-pill.active{
background:rgba(255,255,255,0.35);
color:white;
box-shadow:0 3px 8px rgba(0,0,0,0.2);
}

.profile-photo{
width:120px;
height:120px;
border-radius:50%;
border:4px solid #5f4bc4;
margin:auto;
}

.contact-box{
background:#f8f9fa;
padding:20px;
border-radius:15px;
transition:0.3s;
height:100%;
}

.contact-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}

.contact-box i{
font-size:28px;
color:#5f4bc4;
margin-bottom:10px;
display:block;
}

.contact-box a{
text-decoration:none;
color:inherit;
display:block;
}