<template>
  <div class="min-h-screen bg-gradient-discord flex items-center justify-center p-3 sm:p-4 md:p-6">
    <div class="w-full max-w-md lg:max-w-lg flex flex-col">
      <div class="text-center mb-3 sm:mb-4">
        <h1 class="text-2xl sm:text-3xl md:text-4xl font-bold bg-gradient-primary bg-clip-text text-transparent mb-0">LeDiscord</h1>
        <p class="text-xs sm:text-sm md:text-base text-secondary-600 mt-1">Notre espace privé</p>
      </div>
      
      <div class="bg-white rounded-xl sm:rounded-2xl shadow-xl p-4 sm:p-6 md:p-8 flex-1 flex flex-col">
        <slot />
      </div>
      
      <div class="text-center mt-3 sm:mt-4">
        <img 
          src="/logo_lediscord.png" 
          alt="LeDiscord Logo" 
          class="mx-auto h-24 sm:h-32 md:h-40 w-auto drop-shadow-lg"
        >
      </div>
    </div>
  </div>
</template>

<script setup>
</script>
