@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;600&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #0a0a0a;
            color: #f5f5f5;
            scroll-behavior: smooth;
        }
        
        .title-font {
            font-family: 'Playfair Display', serif;
        }
        
        .hero-bg {
            background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1605647540924-852290f6aa0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        .tattoo-card {
            transition: all 0.3s ease;
            background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        
        .tattoo-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(255, 215, 0, 0.2);
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #d4af37;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        .gold-text {
            color: #d4af37;
        }
        
        .gold-border {
            border-color: #d4af37;
        }
        
        .btn-gold {
            background: linear-gradient(45deg, #d4af37, #f1c40f);
            color: #0a0a0a;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-gold:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3);
        }
        
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }
        
        .gallery-item {
            overflow: hidden;
            cursor: pointer;
        }
        
        .gallery-item img {
            transition: transform 0.5s ease;
        }
        
        .gallery-item:hover img {
            transform: scale(1.1);
        }
        
        .artist-card {
            perspective: 1000px;
        }
        
        .artist-inner {
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }
        
        .artist-card:hover .artist-inner {
            transform: rotateY(180deg);
        }
        
        .artist-front, .artist-back {
            backface-visibility: hidden;
        }
        
        .artist-back {
            transform: rotateY(180deg);
        }