/* Custom Fonts atau Variabel Warna */ :root { --primary-color: #4f46e5; /* Indigo 600 */ --bg-soft: #f8faff; } body { background-color: var(--bg-soft); font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; } /* Custom Card Style (Sesuai Gambar) */ .ratecard-container { max-width: 500px; margin: 0 auto; background: #ffffff; border-radius: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); border: 1px solid #ffffff; } .bento-grid-item { transition: all 0.3s ease; border-radius: 24px; } .bento-grid-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(79, 70, 229, 0.1); border-color: var(--primary-color); } /* Responsivitas Gambar Portofolio */ .portfolio-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 16px; } /* Membuat scrollbar lebih tipis dan estetik */ .custom-scrollbar::-webkit-scrollbar { width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; /* Warna slate-200 */ border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #cbd5e1; /* Warna slate-300 */ }