[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TLDOM: Великое Совпадение 2026</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Marck+Script&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<style>
.tldom-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 10px;
background: transparent;
}
.portal-card {
background: linear-gradient(145deg, #0a1a14, #020806);
border: 2px solid #d4af37;
border-radius: 30px;
width: 420px;
max-width: 100%;
padding: 50px 30px;
text-align: center;
box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 0 30px rgba(212, 175, 55, 0.1);
position: relative;
font-family: 'Playfair Display', serif;
color: #ffffff;
}
.symbol-header {
font-size: 4rem;
margin-bottom: 20px;
display: block;
filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.6));
}
.tldom-title {
font-family: 'Marck Script', cursive;
color: #fde68a;
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 10px;
}
.subtitle-tldom {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 0.7rem;
color: #d4af37;
margin-bottom: 30px;
font-weight: bold;
opacity: 0.9;
}
.announcement {
border-top: 1px solid rgba(212, 175, 55, 0.3);
border-bottom: 1px solid rgba(212, 175, 55, 0.3);
padding: 25px 0;
margin: 25px 0;
line-height: 1.7;
font-size: 1.1rem;
}
.gold-highlight {
color: #d4af37;
font-weight: bold;
}
.btn-blessing {
background: #d4af37;
color: #0a1a14;
padding: 14px 30px;
border-radius: 40px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-top: 10px;
}
.btn-blessing:hover {
transform: scale(1.05);
background: #fef3c7;
box-shadow: 0 0 25px rgba(212, 175, 55, 0.5);
}
#community-wish {
margin-top: 25px;
color: #fde68a;
font-style: italic;
min-height: 4rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.6s ease;
}
</style>
</head>
<body>
<div class="tldom-wrapper">
<div class="portal-card">
<span class="symbol-header">🌱 🌙</span>
<h1 class="tldom-title">Жителям Доминиона Мильветрия</h1>
<p class="subtitle-tldom">Великое Единство • 2026</p>
<div class="announcement">
В этот священный час, когда весенний <span class="gold-highlight">Новруз</span> встречается с радостью <span class="gold-highlight">Рамазан Байрамы</span>, наше пространство наполняется особой энергией.
<br><br>
Пусть свет этого редкого совпадения озарит каждый уголок нашего Доминиона, принося процветание, мир и созидание всем его жителям.
</div>
<button class="btn-blessing" onclick="getCommunityWish()">Получить благословение</button>
<div id="community-wish"></div>
<div class="mt-8 text-[10px] opacity-40 uppercase tracking-[2px]">
The Luminous Dominion of Milvethria
</div>
</div>
</div>
<script>
const tldomWishes = [
"Пусть наше цифровое небо всегда будет ясным, а творческая энергия — неисчерпаемой!",
"Процветания каждому жителю и гармонии нашему общему дому в этот великий день.",
"Пусть единство Новруза и Рамазана укрепит узы нашего сообщества на долгие годы.",
"Желаем вдохновения, новых открытий и мира каждому сердцу в Мильветрии!",
"Пусть свет этого дня станет источником вечного обновления для всего Доминиона."
];
function getCommunityWish() {
const display = document.getElementById('community-wish');
const random = tldomWishes[Math.floor(Math.random() * tldomWishes.length)];
display.style.opacity = '0';
setTimeout(() => {
display.innerText = random;
display.style.opacity = '1';
}, 300);
}
</script>
</body>
</html>[/html]