body {
    font-family: "Space Grotesk", sans-serif;
    background-color: #0a192f;
    color: #ccd6f6;
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
}

.navbar {
    background: #0a192f;
    padding: 20px;
    transition: background-color 0.3s;
}

.navbar.scrolled {
    background-color: rgba(10, 25, 47, 0.9);
}

/* Hapus ini supaya garis bawah tidak muncul otomatis */
.navbar.scrolled .nav-link::after {
    /* width: 100%; */
}

.nav-link {
    color: #64ffda !important;
    margin-right: 20px;
    font-weight: bold;
    position: relative;
}

.nav-link::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #64ffda;
    left: 0;
    bottom: -5px;
    transition: width 0.3s;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

.text-main {
    color: #64ffda;
}

.bg-theme {
    background-color: #0a192f;
}

.text-theme {
    color: #0a192f;
}

.hero {
    border: 0.5px solid #64ffda;
    border-radius: 20px;
    margin-top: 100px;
    margin-bottom: 80px;
}

.hero h1 {
    color: #64ffda;
    font-size: 1.2rem;
}

.hero h2 {
    color: #ccd6f6;
    font-size: 3rem;
    font-weight: bold;
}

.hero p {
    color: #8892b0;
    max-width: 600px;
    margin-top: 20px;
}

.text-grey {
    color: #8892b0;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
    scroll-margin-top: 100px;
}


.btn-custom {
    border: 1px solid #64ffda;
    color: #64ffda;
    padding: 10px 20px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-custom:hover {
    background-color: rgba(100, 255, 218, 0.1);
}

.card-about {
    background-color: #112240;
    border: none;
    border-radius: 20px;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 011 0L8 7.293l2.354-2.647a.5.5 0 11.708.708L8.707 8l2.647 2.354a.5.5 0 11-.708.708L8 8.707l-2.354 2.647a.5.5 0 11-.708-.708L7.293 8 4.646 5.646a.5.5 0 010-.708z'/%3E%3C/svg%3E") center/1em auto no-repeat;
}