Contactez l’agence Lunara Digital pour discuter de vos projets de création de site web et de solutions digitales.

12 rue de la République, 75001 Paris

Bureaux principaux au cœur de Paris

+33 1 23 45 67 89

contact@lunaradigital.fr

<!-- Styles globaux et animations cosmiques -->
<style>
    @keyframes twinkle {
        0%, 100% { opacity: 0.3; transform: scale(0.8); }
        50% { opacity: 1; transform: scale(1.2); }
    }
    @keyframes float {
        0% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-15px) rotate(2deg); }
        100% { transform: translateY(0px) rotate(0deg); }
    }
    @keyframes nebulaPulse {
        0%, 100% { opacity: 0.15; transform: scale(1); }
        50% { opacity: 0.3; transform: scale(1.05); }
    }
    .lunara-bg-deep {
        background: radial-gradient(circle at 50% 20%, #1c385f 0%, #142B4A 70%, #0c1a2f 100%);
        position: relative;
    }
    .lunara-nebula {
        position: absolute;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, rgba(197, 165, 106, 0.12) 0%, rgba(20, 43, 74, 0) 70%);
        border-radius: 50%;
        pointer-events: none;
        animation: nebulaPulse 12s ease-in-out infinite;
    }
    .star {
        position: absolute;
        background: #FFFFFF;
        border-radius: 50%;
        animation: twinkle 4s ease-in-out infinite;
    }
    .gold-accent {
        color: #C5A56A;
    }
    .gold-bg {
        background-color: #C5A56A;
    }
    .gold-border {
        border-color: #C5A56A;
    }
    .btn-lunara {
        background-color: #C5A56A;
        color: #142B4A;
        font-weight: 600;
        padding: 14px 32px;
        border-radius: 4px;
        transition: all 0.3s ease;
        border: 1px solid #C5A56A;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.85rem;
    }
    .btn-lunara:hover {
        background-color: transparent;
        color: #F6F2EA;
        box-shadow: 0 0 20px rgba(197, 165, 106, 0.4);
    }
    .btn-outline-lunara {
        background-color: transparent;
        color: #F6F2EA;
        font-weight: 600;
        padding: 14px 32px;
        border-radius: 4px;
        transition: all 0.3s ease;
        border: 1px solid rgba(197, 165, 106, 0.5);
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.85rem;
    }
    .btn-outline-lunara:hover {
        border-color: #C5A56A;
        background-color: rgba(197, 165, 106, 0.1);
    }
    .lunara-card {
        background: rgba(20, 43, 74, 0.7);
        border: 1px solid rgba(197, 165, 106, 0.2);
        border-radius: 8px;
        padding: 40px 30px;
        transition: all 0.4s ease;
        backdrop-filter: blur(10px);
        position: relative;
        overflow: hidden;
    }
    .lunara-card:hover {
        transform: translateY(-5px);
        border-color: #C5A56A;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(197, 165, 106, 0.1);
    }
    .lunara-input {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(197, 165, 106, 0.3);
        border-radius: 4px;
        padding: 15px;
        color: #FFFFFF;
        width: 100%;
        transition: all 0.3s ease;
    }
    .lunara-input:focus {
        outline: none;
        border-color: #C5A56A;
        background: rgba(255, 255, 255, 0.08);
        box-shadow: 0 0 10px rgba(197, 165, 106, 0.2);
    }
</style>

<!-- Éléments d'arrière-plan cosmique -->
<div class="lunara-nebula" style="top: 10%; left: 5%;"></div>
<div class="lunara-nebula" style="top: 50%