/* تنظیمات کلی صفحه لندینگ */
.ai-dark-theme {
background-color: #0b0b10; /* یک بک‌گراند دارک مدرن */
color: #ffffff;
font-family: 'Vazirmatn', sans-serif;
min-height: 100vh;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}

.ai-landing-content {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
position: relative;
z-index: 10;
}

/* افکت شیشه‌ای برای کادر اصلی (Glassmorphism) */
.ai-glass-card {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 32px;
padding: 60px 40px;
text-align: center;
max-width: 450px;
width: 90%;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.ai-glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 30px 60px rgba(176, 38, 255, 0.15); /* درخشش بنفش ملایم در هاور */
}

/* استایل دهی به لوگوی SVG */
.ai-logo-wrapper {
margin-bottom: 30px;
}

.taw-logo {
width: 140px;
height: 140px;
transform-origin: center; /* بسیار حیاتی برای پالس یکنواخت از مرکز لوگو */
animation: aiCoreBreathing 3.5s ease-in-out infinite alternate;
}
body {
padding: 0;
margin: 0;
}
/* انیمیشن زنده تپش هسته هوش مصنوعی */
@keyframes aiCoreBreathing {
0% {
transform: scale(0.94);
filter: drop-shadow(0 0 15px rgba(169, 36, 184, 0.4))
drop-shadow(0 0 30px rgba(106, 17, 203, 0.2));
}
100% {
transform: scale(1.06);
/* افزایش شدت درخشش نئون و شیارها هم‌گام با بزرگ شدن لوگو */
filter: drop-shadow(0 0 28px rgba(169, 36, 184, 0.8))
drop-shadow(0 0 55px rgba(255, 42, 133, 0.6));
}
}

/* تایپوگرافی */
.ai-title {
font-size: 28px;
font-weight: 800;
margin-bottom: 15px;
background: linear-gradient(to right, #fff, #d1d5db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.ai-subtitle {
font-size: 16px;
color: #9ca3af;
line-height: 1.6;
margin-bottom: 40px;
font-weight: 400;
}

/* دکمه ورود به پنل خفن! */
.ai-btn-primary {
display: inline-block;
background: linear-gradient(135deg, #a924b8, #6a11cb);
color: #ffffff !important;
font-size: 18px;
font-weight: 700;
text-decoration: none;
padding: 16px 48px;
border-radius: 50px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(169, 36, 184, 0.3);
border: none;
cursor: pointer;
}

.ai-btn-primary::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: all 0.5s ease;
}

.ai-btn-primary:hover {
transform: scale(1.05);
box-shadow: 0 15px 30px rgba(169, 36, 184, 0.5);
}

.ai-btn-primary:hover::before {
left: 100%;
}

/* هاله نورانی بک‌گراند (وصل به جاوااسکریپت) */
.ai-glow-pointer {
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(169, 36, 184, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
border-radius: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
z-index: 1;
transition: opacity 0.5s ease;
}

/* انیمیشن نفس کشیدن لوگو */
@keyframes pulseGlow {
0% { filter: drop-shadow(0 0 15px rgba(169, 36, 184, 0.4)); }
100% { filter: drop-shadow(0 0 35px rgba(169, 36, 184, 0.8)); }
}


/* =========================================
اختصاصی صفحه 404
========================================= */
.ai-404-text {
font-size: 110px;
font-weight: 900;
line-height: 1;
margin-bottom: 15px;
background: linear-gradient(135deg, #a924b8, #ff2a85);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 10px 30px rgba(169, 36, 184, 0.4);
font-family: monospace; /* ایجاد حس تکنولوژیک و ارور سیستمی */
letter-spacing: -5px;
}

.ai-section-title {
font-size: 14px;
color: #9ca3af;
margin-bottom: 15px;
margin-top: 25px;
text-align: right;
direction: rtl;
}

/* کارت شیشه‌ای کوچک برای پروفایل کاربر */
.ai-user-profile-glass {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 12px 16px;
transition: all 0.3s ease;
direction: rtl;
}

.ai-user-profile-glass:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(169, 36, 184, 0.5);
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.ai-user-link {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none !important;
color: #ffffff;
}

.ai-user-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
border: 2px solid rgba(169, 36, 184, 0.4);
box-shadow: 0 0 15px rgba(169, 36, 184, 0.2);
display: flex;
justify-content: center;
align-items: center;
}

.ai-user-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}

.ai-user-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.ai-user-name {
font-size: 15px;
color: #f3f4f6;
}

.ai-user-id {
font-size: 12px;
color: #a924b8;
background: rgba(169, 36, 184, 0.1);
padding: 2px 8px;
border-radius: 10px;
margin-top: 4px;
}