body { scroll-behavior: smooth; }
.site-brand-logo { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; background: rgba(255,255,255,.1); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.slider-bg { height: 85vh; min-height: 500px; background-size: cover; background-position: center; display: flex; align-items: center; }
.slider-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(26,26,46,.85), rgba(22,33,62,.6)); }
.slider-content { position: relative; z-index: 2; max-width: 650px; }
.animate-fadeup { animation: fadeUp .8s ease forwards; }
@keyframes fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
.kurs-card { transition: transform .3s, box-shadow .3s; }
.kurs-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,.15) !important; }
.galeri-item { height: 180px; overflow: hidden; cursor: pointer; }
.galeri-img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.galeri-item:hover .galeri-img { transform: scale(1.1); }
section { scroll-margin-top: 70px; }