body{
    font-family: "Inter", sans-serif;
}

/* HERO */
.hero-section{
    background: #f8f9ff;
    min-height: 480px;
}

.floating-images{
    position: absolute;
    top: 10%;
    width: 100%;
    pointer-events: none;
}

.float-img{
    position: absolute;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    opacity: .9;
}

.img1{ left: 5%; top: 5%; width: 220px; }
.img2{ left: 18%; top: 60%; width: 220px; }
.img3{ right: 18%; top: 10%; width: 240px; }
.img4{ right: 5%; top: 55%; width: 230px; }
.img5{ right: 42%; top: 75%; width: 230px; }

/* Hover Effect Cards */
.hover-card{
    transition: .3s ease;
}

.hover-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0,0,0,.12);
}

.behance-card{
    border-radius:18px;
    background:white;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.behance-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(0,0,0,0.15);
}

.thumb-wrapper{
    position:relative;
}

.behance-thumb{
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius:14px;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0.1));
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.3s;
    border-radius:14px;
}

.thumb-wrapper:hover .overlay{
    opacity:1;
}

.navbar .btn{
    transition: all .25s ease;
}

.navbar .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}

.hero-section{
    background:#f8f9fc;
}
.hero-wrap{
    max-width: 680px;
}
.hero-sub{
    font-size: 1.25rem;
    color:#666;
    line-height: 1.6;
}

.footer { font-size: 0.95rem; }
.footer-links li { margin-bottom: 6px; }
.footer-links a {
    color: #bfbfbf;
    text-decoration: none;
}
.footer-links a:hover {
    color: #ffffff;
}
.footer-legal a {
    color: #aaa;
    text-decoration: none;
}
.footer-legal a:hover {
    color: #fff;
}

.trust-strip {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.trust-strip p {
    font-size: 0.95rem;
}



@keyframes gradientMove {
    0% {background-position:0% 50%;}
    50% {background-position:100% 50%;}
    100% {background-position:0% 50%;}
}

/* Optional: subtle snow effect */
section::before {
    content:"";
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events:none;
    z-index:0;
}

.marketplace-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    color: #000; /* teks hitam */
    background-color: #fff; /* latar putih */
    border: 1px solid #ddd;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.marketplace-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}