Embed

<section class="imprint-page">
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .imprint-page {
      background: #ffffff;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
      color: #1a1a1a;
      display: block;
      width: 100%;
    }

    /* Mouse follow glow effect - 200 times brighter */
    .mouse-glow {
      position: fixed;
      width:  250px;
      height: 250px;
      background: radial-gradient(circle, 
        rgba(136, 133, 106, 0.55) 0%, 
        rgba(136, 133, 106, 0.35) 25%, 
        rgba(136, 133, 106, 0.15) 50%, 
        transparent 75%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 999;
      transform: translate(-50%, -50%);
      transition: transform 0.03s ease;
      will-change: transform;
      filter: blur(5px);
      mix-blend-mode: multiply;
    }

    /* Main container */
    .imprint-container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 80px 20px 80px;
      position: relative;
      z-index: 2;
    }

    /* Header Section */
    .imprint-header {
      text-align: center;
      margin-bottom: 50px;
      position: relative;
    }

    .imprint-header h1 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 60px;
      font-weight: 500;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 20px;
      text-transform: uppercase;
      transition: transform 0.3s ease, letter-spacing 0.3s ease;
    }

    .imprint-header h1:hover {
      transform: scale(1.02);
      letter-spacing: 0.04em;
    }

    .imprint-header h1::after {
      content: '';
      display: block;
      width: 80px;
      height: 2px;
      background: #88856a;
      margin: 25px auto 0;
      transition: width 0.3s ease;
    }

    .imprint-header h1:hover::after {
      width: 120px;
    }

    .imprint-header p {
      font-size: 16px;
      color: #666666;
      max-width: 600px;
      margin: 20px auto 0;
      line-height: 1.6;
      transition: transform 0.3s ease;
    }

    .imprint-header p:hover {
      transform: scale(1.01);
    }

    /* Locations Grid */
    .locations-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-bottom: 50px;
    }

    /* Location Card - with full content zoom effect on hover */
    .location-card {
      background: #ffffff;
      border: 1px solid rgba(136, 133, 106, 0.2);
      padding: 40px 30px;
      transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    /* Zoom effect on entire card content */
    .location-card:hover {
      transform: scale(1.05) translateY(-8px);
      border-color: rgba(136, 133, 106, 0.5);
      box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.2);
    }

    /* Zoom effect for flag image on card hover */
    .location-card:hover .flag-img {
      transform: scale(1.1);
      transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    }

    .flag-img {
      width: 80px;
      height: 50px;
      object-fit: cover;
      margin-bottom: 20px;
      border-radius: 4px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    }

    /* Zoom effect for country name on card hover */
    .location-card:hover .country-name {
      transform: scale(1.02);
      color: #88856a;
      transition: all 0.3s ease;
    }

    .country-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 28px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 10px;
      letter-spacing: 0.02em;
      transition: all 0.3s ease;
      display: inline-block;
    }

    /* Zoom effect for country subtitle on card hover */
    .location-card:hover .country-sub {
      transform: scale(1.02);
      border-bottom-color: #88856a;
      transition: all 0.3s ease;
    }

    .country-sub {
      font-size: 12px;
      color: #88856a;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      margin-bottom: 25px;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(136, 133, 106, 0.2);
      display: inline-block;
      transition: all 0.3s ease;
    }

    /* Zoom effect for address lines on card hover */
    .location-card:hover .address-line {
      transform: translateX(5px);
      transition: transform 0.3s ease;
    }

    .address-details {
      margin-top: 20px;
    }

    .address-line {
      font-size: 14px;
      line-height: 1.8;
      color: #333333;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 20px;
      transition: transform 0.3s ease;
    }

    .address-line i {
      width: 20px;
      color: #88856a;
      font-size: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease, color 0.3s ease;
      line-height: 1;
    }

    .location-card:hover .address-line i {
      transform: scale(1.15);
      color: #88856a;
    }

    .contact-line {
      margin-top: 20px;
      padding-top: 15px;
      border-top: 1px solid rgba(136, 133, 106, 0.15);
      transition: transform 0.3s ease;
    }

    .location-card:hover .contact-line {
      transform: translateX(5px);
    }

    .contact-line a {
      color: #88856a;
      text-decoration: none;
      transition: color 0.3s ease;
      font-size: 14px;
    }

    .contact-line a:hover {
      color: #000000;
    }

    .location-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #88856a, #c4c1a8, #88856a);
      transform: scaleX(0);
      transition: transform 0.5s ease;
      transform-origin: left;
    }

    .location-card:hover::before {
      transform: scaleX(1);
    }

    /* Legal Info Section */
    .legal-info {
      background: #f8f8f8;
      padding: 40px;
      margin-top: 40px;
      border: 1px solid rgba(136, 133, 106, 0.15);
      transition: all 0.3s ease;
    }

    .legal-info:hover {
      transform: scale(1.01);
      border-color: rgba(136, 133, 106, 0.3);
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    }

    .legal-info h3 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 24px;
      font-weight: 500;
      color: #000000;
      margin-bottom: 25px;
      letter-spacing: 0.02em;
      transition: transform 0.3s ease;
    }

    .legal-info:hover h3 {
      transform: scale(1.02);
      color: #88856a;
    }

    .legal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
    }

    .legal-item {
      margin-bottom: 15px;
      transition: transform 0.3s ease;
    }

    .legal-info:hover .legal-item {
      transform: translateX(5px);
    }

    .legal-item strong {
      color: #88856a;
      font-weight: 600;
      display: block;
      margin-bottom: 5px;
      font-size: 13px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .legal-item p {
      color: #333333;
      font-size: 14px;
      line-height: 1.6;
    }

    /* Responsive */
    @media (max-width: 1200px) {
      .locations-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 1024px) {
      .locations-grid {
        gap: 30px;
      }
      
      .imprint-container {
        padding: 60px 30px 80px;
      }
    }

    @media (max-width: 900px) {
      .locations-grid {
        grid-template-columns: 1fr;
        gap: 40px;
      }
      
      .imprint-header h1 {
        font-size: 48px;
      }
    }

    @media (max-width: 768px) {
      .imprint-container {
        padding: 40px 10px 60px;
      }
      
      .imprint-header h1 {
        font-size: 36px;
      }
      
      .location-card {
        padding: 30px 25px;
      }
      
      .legal-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }
    }

    @media (max-width: 480px) {
      .imprint-header h1 {
        font-size: 25px;
      }
      
      .country-name {
        font-size: 24px;
      }
      
      .flag-img {
        width: 55px;
        height: 40px;
      }
      
      .address-line {
        gap: 10px;
      }
    }
  </style>

  
  <div class="mouse-glow" id="mouseGlow"></div>

  <div class="imprint-container">
    
    <div class="imprint-header">
      <h1>Imprint</h1>
      <p>Legal information and contact details for Neli Arabi locations worldwide</p>
    </div>

    
    <div class="locations-grid">
      
      <div class="location-card">
        <img class="flag-img" src="https://ik.imagekit.io/g2l9vgpyy/Flags/download%20(8).jpg" alt="Germany flag">
        <h2 class="country-name">Germany</h2><br>
        <div class="country-sub">Legal Seat</div>
        <div class="address-details">
          <div class="address-line">
            <i class="fas fa-building"></i>
            <span>Neli Arabi GmbH</span>
          </div>
          <div class="address-line">
            <i class="fas fa-location-dot"></i>
            <span>Teltower Damm 57, 14167 Berlin, Germany</span>
          </div>
          <div class="address-line">
            <i class="fas fa-phone"></i>
            <span>F: +49 30 84788122</span>
          </div>
          <div class="address-line">
            <i class="fas fa-envelope"></i>
            <span><a href="mailto:contact@neliarabi.com">contact@neliarabi.com</a></span>
          </div>
          <div class="contact-line">
            <div class="address-line">
              <i class="fas fa-id-card"></i>
              <span>VAT ID: DE275803624</span>
            </div>
            <div class="address-line">
              <i class="fas fa-gavel"></i>
              <span>Commercial Register Berlin: HRB 132100 B</span>
            </div>
          </div>
        </div>
      </div>

      
      <div class="location-card">
        <img class="flag-img" src="https://ik.imagekit.io/g2l9vgpyy/Flags/703756189476536.jpg" alt="USA flag">
        <h2 class="country-name">New York</h2><br>
        <div class="country-sub">United States</div>
        <div class="address-details">
          <div class="address-line">
            <i class="fas fa-building"></i>
            <span>Neli Arabi</span>
          </div>
          <div class="address-line">
            <i class="fas fa-location-dot"></i>
            <span>228 Park Ave S, New York, NY 10003–1502, United States</span>
          </div>
          <div class="address-line">
            <i class="fas fa-phone"></i>
            <span>T: +1 (212) 660 0875</span>
          </div>
          <div class="address-line">
            <i class="fas fa-envelope"></i>
            <span><a href="mailto:contact@neliarabi.com">contact@neliarabi.com</a></span>
          </div>
        </div>
      </div>

      
      <div class="location-card">
        <img class="flag-img" src="https://ik.imagekit.io/g2l9vgpyy/Flags/Drapeau%20Du%20Royaume-uni,%20R%C3%A9aliste%20Union%20J_.jpg" alt="United Kingdom flag">
        <h2 class="country-name">London</h2><br>
        <div class="country-sub">United Kingdom</div>
        <div class="address-details">
          <div class="address-line">
            <i class="fas fa-building"></i>
            <span>Neli Arabi</span>
          </div>
          <div class="address-line">
            <i class="fas fa-location-dot"></i>
            <span>86–90 Paul Street, London EC2A 4NE, United Kingdom</span>
          </div>
          <div class="address-line">
            <i class="fas fa-phone"></i>
            <span>T: +44 20 4630 7080</span>
          </div>
          <div class="address-line">
            <i class="fas fa-envelope"></i>
            <span><a href="mailto:contact@neliarabi.com">contact@neliarabi.com</a></span>
          </div>
        </div>
      </div>

      
      <div class="location-card">
        <img class="flag-img" src="https://ik.imagekit.io/g2l9vgpyy/Flags/39899146694003677.jpg" alt="France flag">
        <h2 class="country-name">Paris</h2><br>
        <div class="country-sub">French Office</div>
        <div class="address-details">
          <div class="address-line">
            <i class="fas fa-building"></i>
            <span>Neli Arabi</span>
          </div>
          <div class="address-line">
            <i class="fas fa-location-dot"></i>
            <span>13 Rue La Boétie, 75008 Paris, France</span>
          </div>
          <div class="address-line">
            <i class="fas fa-phone"></i>
            <span>T: <a href="tel:+33973037851">+33 (9) 73 03 78 51</a></span>
          </div>
          <div class="address-line">
            <i class="fas fa-envelope"></i>
            <span><a href="mailto:contact@neliarabi.com">contact@neliarabi.com</a></span>
          </div>
        </div>
      </div>
    </div>

    
    <div class="legal-info">
      <h3>Legal Information</h3>
      <div class="legal-grid">
        <div class="legal-item">
          <strong>DISCLAIMER</strong>
          <p>All information provided on this website is for general informational purposes only. Neli Arabi GmbH makes no representations or warranties of any kind about the completeness or accuracy of this information.</p>
        </div>
        <div class="legal-item">
          <strong>COPYRIGHT</strong>
          <p>All content, images, and designs on this website are the exclusive property of Neli Arabi GmbH and are protected by international copyright laws.</p>
        </div>
        <div class="legal-item">
          <strong>PRIVACY</strong>
          <p>For information about how we collect and process your personal data, please refer to our Privacy Policy available upon request.</p>
        </div>
      </div>
    </div>
  </div>

  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600&display=swap" rel="stylesheet">

  <script>
    (function() {
      const glow = document.getElementById('mouseGlow');
      
      if (glow) {
        // Enhanced mouse tracking with smoother movement
        let mouseX = 0, mouseY = 0;
        let currentX = 0, currentY = 0;
        
        document.addEventListener('mousemove', function(e) {
          mouseX = e.clientX;
          mouseY = e.clientY;
        });
        
        // Smooth follow animation
        function animateGlow() {
          currentX += (mouseX - currentX) * 0.15;
          currentY += (mouseY - currentY) * 0.15;
          glow.style.left = currentX + 'px';
          glow.style.top = currentY + 'px';
          requestAnimationFrame(animateGlow);
        }
        
        animateGlow();
        
        // Add intense pulsing effect for extra brightness
        let pulseIntensity = 1;
        let pulseDirection = 0.02;
        
        setInterval(function() {
          pulseIntensity += pulseDirection;
          if (pulseIntensity >= 1.3) {
            pulseIntensity = 1.3;
            pulseDirection = -0.02;
          } else if (pulseIntensity <= 0.9) {
            pulseIntensity = 0.9;
            pulseDirection = 0.02;
          }
          glow.style.transform = `translate(-50%, -50%) scale(${pulseIntensity})`;
          glow.style.opacity = 0.9 + (pulseIntensity - 1) * 1.5;
        }, 80);
      }
      
      // Add fade-in animation for cards
      const cards = document.querySelectorAll('.location-card');
      const observer = new IntersectionObserver((entries) => {
        entries.forEach((entry, index) => {
          if (entry.isIntersecting) {
            setTimeout(() => {
              entry.target.style.opacity = '1';
              entry.target.style.transform = 'translateY(0)';
            }, index * 100);
            observer.unobserve(entry.target);
          }
        });
      }, { threshold: 0.1 });
      
      cards.forEach(card => {
        card.style.opacity = '0';
        card.style.transform = 'translateY(20px)';
        card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
        observer.observe(card);
      });
    })();
  </script>
</section>

<section class="na">
  <div class="na-container">
    <div class="footer">

      <nav class="footer-nav">
        <a href="https://neliarabi.com/">HOME</a>
        <a href="https://neliarabi.com/about">ABOUT</a>
        <a href="https://neliarabi.com/services">SERVICES</a>
        <a href="https://neliarabi.com/contactus">CONTACT</a>
      </nav>

      <h1 class="hashtag">NELI ARABI</h1>

      

      <div class="footer-bottom">
        <p>
          Neli Arabi reflects a vision of uncompromising creativity, where every creation transcends time and invites a deeper dialogue with elegance, expression, and story.
        </p>

        <div class="legal-links">
          <a href="https://neliarabi.com/terms-of-use">Terms of Use</a>
          <a href="https://neliarabi.com/privacy-policy">Privacy Policy</a>
          <a href="https://neliarabi.com/cookie">Cookie Settings</a>
          <a href="https://neliarabi.com/imprint">Imprint</a>
        </div>
      </div>

      
      <div class="na-bar">
        <div class="na-gems">
          <div class="na-gem active"></div>
          <div class="na-gem active"></div>
          <div class="na-gem"></div>
        </div>
        <div class="na-copyright-row">
          © 2026 Neli Arabi GmbH. All rights reserved.
        </div>
      </div>

    </div>
  </div>
</section>


<div class="mouse-glow-black" id="mouseGlowBlack"></div>

<style>
/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #f5f5f0;
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
  position: relative;
}

/* NA Style - Background pattern and decorative elements */
.na {
  background: #ffffff;
  color: #000000;
  font-family: 'Georgia', serif;
  width: 100%;
  position: relative;
  /* Fine background pattern - subtle diamond/geometric texture */
  background-image: 
    repeating-linear-gradient(45deg, rgba(136, 133, 106, 0.02) 0px, rgba(136, 133, 106, 0.02) 1px, transparent 1px, transparent 12px),
    repeating-linear-gradient(135deg, rgba(136, 133, 106, 0.02) 0px, rgba(136, 133, 106, 0.02) 1px, transparent 1px, transparent 12px),
    radial-gradient(circle at 20% 30%, rgba(136, 133, 106, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(136, 133, 106, 0.02) 0%, transparent 60%);
}

/* Mouse follow glow - Black */
.mouse-glow-black {
  position: fixed;
  top: 0;
  left: 0;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, 
    rgba(0, 0, 0, 0.1) 0%, 
    rgba(0, 0, 0, 0.05) 40%, 
    rgba(0, 0, 0, 0.02) 70%, 
    transparent 100%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.03s ease;
  will-change: transform;
  filter: blur(8px);
  mix-blend-mode: normal;
  opacity: 0;
}

/* Container for content - maintains 85% width */
.na-container {
  max-width: 85%;
  margin: 0 auto;
  width: 100%;
}

.na a {
  text-decoration: none;
  color: inherit;
}

/* Fine decorative top border - subtle */
.na::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #88856a, #88856a, #88856a, transparent);
  opacity: 0.25;
}

/* Subtle inner glow */
.na::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(136, 133, 106, 0.04) 0%, transparent 70%);
}

/* FOOTER - Neli Arabi Style */
.footer {
  background: transparent;
  color: #000000;
  text-align: center;
  padding: 60px 20px 40px;
  position: relative;
  z-index: 1;
}

/* NAV - Dark elegant - Responsive gap */
.footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 8vw, 8rem);
  font-size: clamp(11px, 3vw, 15px);
  margin-bottom: 45px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-nav a {
  color: #000000;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
  position: relative;
}

.footer-nav a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: #88856a;
  transition: width 0.3s ease;
}

.footer-nav a:hover::after {
  width: 80%;
}

.footer-nav a:hover {
  color: #88856a;
}

/* MIDDLE - NELI ARABI */
.hashtag {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 8vw, 54px);
  font-weight: 500;
  color: #000000;
  margin-bottom: 25px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: letter-spacing 0.3s ease;
}

.hashtag:hover {
  letter-spacing: 0.15em;
}

/* BOTTOM SECTION - margin-top 40px */
.footer-bottom {
  max-width: 750px;
  margin: auto;
  font-size: 12px;
  line-height: 1.7;
  color: #6b6b6b;
  margin-top: 40px;
}

/* Legal links - responsive gap */
.legal-links {
  margin: 45px 0 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 6vw, 6rem);
}

.legal-links a {
  margin: 0;
  color: #888888;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: clamp(10px, 3vw, 13px);
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}

.legal-links a::before {
  content: '◆';
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 6px;
  color: #88856a;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.legal-links a:first-child::before {
  display: none;
}

.legal-links a:hover::before {
  opacity: 0.6;
}

.legal-links a:hover {
  color: #88856a;
}

/* NA BAR - Gems + Copyright in same row horizontally */
.na-bar {
  padding: 1.5rem 0 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
  gap: 15px;
  border-top: 1px solid rgba(136, 133, 106, 0.15);
  margin-top: 20px;
}

.na-gems {
  display: flex;
  gap: 10px;
  align-items: center;
}

.na-gem {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: rgba(136, 133, 106, 0.1);
  border: 0.5px solid rgba(136, 133, 106, 0.3);
  transition: all 0.3s ease;
}

.na-gem.active {
  background: rgba(136, 133, 106, 0.5);
}

/* Copyright text next to gems in same row */
.na-copyright-row {
  font-size: 10px;
  color: #999999;
  letter-spacing: 0.05em;
}

/* Responsive */
@media (max-width: 768px) {
  .footer {
    padding: 50px 20px 35px;
  }
  .footer-bottom {
    margin-top: 30px;
  }
  .legal-links {
    margin: 35px 0 15px;
  }
  .na-bar {
    flex-direction: row;
    justify-content: space-between;
  }
  .na-copyright-row {
    font-size: 9px;
  }
}

@media (max-width: 550px) {
  .na-bar {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .legal-links {
    margin: 30px 0 15px;
  }
  .footer-bottom {
    margin-top: 25px;
  }
}

@media (max-width: 480px) {
  .legal-links {
    margin: 25px 0 15px;
  }
  .footer-bottom {
    margin-top: 20px;
  }
  .legal-links a::before {
    display: none;
  }
  .na-gem {
    width: 6px;
    height: 6px;
  }
  .na-copyright-row {
    font-size: 8px;
  }
}
</style>


<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:opsz,wght@14..32,300;400;500;600&display=swap" rel="stylesheet">

<script>
  (function() {
    const glow = document.getElementById('mouseGlowBlack');
    if (glow) {
      let mouseX = 0, mouseY = 0;
      let currentX = 0, currentY = 0;
      
      document.addEventListener('mousemove', function(e) {
        mouseX = e.clientX;
        mouseY = e.clientY;
        glow.style.opacity = '1';
      });
      
      document.addEventListener('mouseleave', function() {
        glow.style.opacity = '0';
      });
      
      function animateGlow() {
        currentX += (mouseX - currentX) * 0.12;
        currentY += (mouseY - currentY) * 0.12;
        glow.style.left = currentX + 'px';
        glow.style.top = currentY + 'px';
        requestAnimationFrame(animateGlow);
      }
      animateGlow();
      
      // Subtle pulse effect
      let pulseIntensity = 1;
      let pulseDirection = 0.015;
      setInterval(function() {
        pulseIntensity += pulseDirection;
        if (pulseIntensity >= 1.15) {
          pulseIntensity = 1.15;
          pulseDirection = -0.015;
        } else if (pulseIntensity <= 0.9) {
          pulseIntensity = 0.9;
          pulseDirection = 0.015;
        }
        glow.style.transform = `translate(-50%, -50%) scale(${pulseIntensity})`;
      }, 100);
    }
  })();
</script>

Neli Arabi

Neli Arabi is the world's most exclusive luxury brand for haute couture and fine jewelry. Every piece is a one-of-a-kind creation – no collections, no repetition, no compromise. Designed for those who define power, elegance, and timeless value.

Recognized as the most expensive brand on Earth – worn by the influential, desired by the few, available to none.