/* ==================== بلوک خوش‌آمدگویی ==================== */
.welcome-block {
    max-width: 1000px; margin: 0 auto 26px; padding: 32px 26px;
    border-radius: var(--radius-lg); position: relative; overflow: hidden;
    border: 1.5px solid transparent;
    background:
        linear-gradient(var(--surface), var(--surface)) padding-box,
        linear-gradient(135deg, var(--accent), #7c3aed, #f7ce55) border-box;
    box-shadow: 0 14px 40px color-mix(in srgb, var(--accent) 18%, transparent);
}
.welcome-block::before {
    content: ''; position: absolute; inset-block-start: -50%; inset-inline-end: -8%;
    width: 340px; height: 340px; border-radius: 50%; pointer-events: none;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%);
}
.welcome-inner { position: relative; }

.welcome-title {
    display: inline-flex; align-items: center; gap: 12px;
    font-size: 1.4rem; font-weight: 800; margin: 0 0 18px;
}
.welcome-title .gold-dot {
    width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0;
    background: #f7ce55;
    animation: gold-pulse 1.8s ease-in-out infinite;
}
@keyframes gold-pulse {
    0%, 100% { box-shadow: 0 0 5px 1px rgba(247, 206, 85, 0.5); opacity: 0.8; }
    50%      { box-shadow: 0 0 16px 5px rgba(247, 206, 85, 0.9); opacity: 1; }
}

.welcome-block p { line-height: 2; margin: 0 0 16px; color: var(--text); text-align: justify; text-align-last: right; }
.welcome-block p.welcome-note {
    color: #b45309; font-size: 0.92rem;
    background: color-mix(in srgb, #f59e0b 10%, transparent);
    border: 1px solid color-mix(in srgb, #f59e0b 30%, var(--border));
    border-radius: var(--radius); padding: 14px 16px; margin-top: 20px;
}

.welcome-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 6px 0 12px; }

/* دکمه‌ی آموزش (تازه‌واردها) — طلایی */
.btn-guide {
    background: linear-gradient(135deg, #f7ce55, #e0a021); color: #3a2600; border: none; font-weight: 700;
    box-shadow: 0 5px 16px rgba(224, 160, 33, 0.4);
}
.btn-guide:hover { color: #3a2600; transform: translateY(-2px); box-shadow: 0 9px 24px rgba(224, 160, 33, 0.55); }

/* دکمه‌ی ورود — پررنگ */
.btn-login-cta {
    background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; border: none; font-weight: 700;
    box-shadow: 0 5px 16px rgba(91, 70, 229, 0.4);
}
.btn-login-cta:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 9px 24px rgba(91, 70, 229, 0.55); }

/* دکمه‌ی ساخت حساب — کم‌رنگ‌تر */
.btn-signup-cta {
    background: transparent; color: var(--accent); border: 1.5px solid var(--accent); font-weight: 700;
}
.btn-signup-cta:hover { background: var(--accent); color: var(--accent-contrast); transform: translateY(-2px); }