<!DOCTYPE html>

<html lang="tr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Haydn Art | Studio</title>

    <script src="https://cdn.tailwindcss.com"></script>

    <style>

        body { background-color: #080808; color: #f4f4f4; font-family: 'Inter', sans-serif; }

        .glow { text-shadow: 0 0 20px rgba(255,255,255,0.1); }

        .fade-in { animation: fadeIn 3s ease-in-out; }

        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

    </style>

</head>

<body class="flex items-center justify-center h-screen overflow-hidden">

    <div class="text-center p-6 fade-in">

        <h1 class="text-6xl font-thin tracking-[0.4em] mb-4 glow">HAYDN ART</h1>

        

        <p class="text-gray-500 italic text-xl font-light mb-12 tracking-wide">

            "Nothing is Eternal"

        </p>

        

        <div class="h-px w-32 bg-gradient-to-r from-transparent via-gray-800 to-transparent mx-auto mb-12"></div>

        

        <div class="space-y-4">

            <p class="text-sm tracking-[0.3em] text-gray-400 uppercase">Görsel Strateji & Ses Tasarımı</p>

            <p class="text-xs tracking-[0.2em] text-gray-600 uppercase">The Attraction Loop Project</p>

        </div>


        <div class="mt-24">

            <span class="text-[10px] tracking-[0.8em] text-gray-800 uppercase animate-pulse">

                Sistem Hazırlanıyor

            </span>

        </div>

    </div>

</body>

</html>