
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Astral Dekaron</title>
    <link rel="icon" type="image/jpeg" href="photo/astral.jpg">
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
    <style>
        @keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes shimmer {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Orbitron', sans-serif;
    color: #e0f7ff;
    text-align: center;
    background: linear-gradient(135deg, #001f3f, #003366);
    animation: fadeIn 1s ease-in-out;
}

body {
    background: url('https://p2.bahamut.com.tw/B/2KU/39/9bc9650ed02520386107625b131iomj5.JPG') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 80px;
}

header {
    width: 100%;
    background-color: rgba(0, 0, 50, 0.8);
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    gap: 20px;
    animation: fadeIn 1s ease forwards;
}

header a {
    color: #00ffff;
    font-size: 18px;
    text-decoration: none;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
    transition: all 0.3s ease;
}

header a:hover {
    color: #ffffff;
    text-shadow: 0 0 12px #ffffff, 0 0 20px #00ffff;
    transform: scale(1.05);
}

.castle-owner {
    position: fixed;
    top: 80px;
    right: 20px;
    background: rgba(0, 0, 50, 0.9);
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.8);
    color: #e0f7ff;
    font-size: 20px;
    text-align: left;
    z-index: 1;
    animation: fadeIn 1.5s ease;
}

.container, .event-list, .updates-list {
    background: rgba(0, 0, 30, 0.95);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
    width: 80%;
    max-width: 900px;
    margin: 0 auto 20px;
    z-index: 1;
    animation: fadeIn 1.5s ease;
}

h1 {
    font-size: 32px;
    background: linear-gradient(90deg, #00ffff, #ffffff, #00ffff);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    animation: shimmer 4s linear infinite;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 50, 0.9);
    color: #e0f7ff;
    padding: 10px;
    text-align: center;
    z-index: 100;
    animation: fadeIn 2s ease;
}

footer p {
    margin: 0;
    font-size: 18px;
}

.updates-list {
    text-align: center;
}

.updates-list ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
    font-size: 18px;
}

.updates-list ul li {
    margin-bottom: 15px;
    animation: fadeIn 2s ease-in-out;
}

.updates-list a {
    color: #00ffff;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.updates-list a:hover {
    color: #ffffff;
    text-shadow: 0 0 10px #00ffff;
}

    </style>
</head>
<body>
    <header>
        <a href="../">Home</a>
        <a href="../deadfront.php">Deadfront</a>
        <a href="../PTM-BR.php">PTM & BR</a>
        <a href="../register.php">Register</a>
        <a href="../download.php">Download</a>
        <a href="https://discord.gg/acq6aZfJhW">Discord</a>
        <a href="../user-panel">User Login</a>
    </header>

    <div class="castle-owner">
        <strong>Castle Owner:</strong> <br>
        TheAkatsuki    </div>

  <div class="announcement-container" style="font-family: Arial, sans-serif; line-height: 1.6; padding: 20px;">
    <h1>🌟 ASTRALUX DEKARON – UNLEASH ALL 14 CLASSES! 🌟</h1>
    <h2>INCLUDING SEGITA SHOOTER & TRIE MUSE!</h2>

    <p><strong>Heroes of Trieste, the wait is over!</strong></p>

    <p>🔥 <strong>Astralux Dekaron</strong> is proud to announce the full release of <strong>ALL 14 CHARACTER CLASSES</strong> — fully functional, skill-balanced, and ready for battle!</p>

    <h3>✨ What to Expect:</h3>
    <ul>
        <li>✅ Balanced PvP & PvE Mechanics</li>
        <li>✅ Smooth Class Switching & Mastery Paths</li>
        <li>✅ Custom Skill Effects and Visual Enhancements</li>
        <li>✅ Fully Working Class Skills (including Trans-Up 1 & 2)</li>
        <li>✅ Epic Gears, Dungeons, and Class-Based Events</li>
        <li>✅ Open for RMT</li>
    </ul>

    <p>🔥 Reawaken your power, assemble your party, and forge your legend in <strong>Astralux Dekaron</strong>!</p>

    <p>💬 <strong>Join the Community on Discord:</strong> <a href="https://discord.gg/yFzgApj4nj" target="_blank">https://discord.gg/yFzgApj4nj</a></p>

    <p><strong>See you on the battlefield, warrior. Your destiny awaits in Astralux!</strong></p>
</div>


        
    <footer>
        <p>Dekaron Astral</p>
    </footer>
</body>
</html>
